socialforge/app/views/challenges/index.html.erb

<%= content_for(:header_tags) do %>
    <%= import_ke(enable_at: true,init_activity: true) %>
<% end %>

<div class="task-pm-content">
  <div class="task-pm-box mt20">
    <div class="panel-header ">
      <h3>简介</h3>
    </div>
    <div class="task-paner-con break_full_word">
      <p>
        <%= h @shixun.description.html_safe %>
      </p>
    </div>
  </div>

  <div class="task-pm-box mt20 mb20">
    <div class="panel-header clearfix">
      <h3 class="fl mt5">全部任务</h3><span class="btn-cir btn-cir-grey ml5 mt8 fl"><%= @challenges.count %></span>
      <a href="<%= new_shixun_challenge_path(@shixun) %>" class=" task-btn task-btn-green fr">新建阶段</a>
    </div>
    <div class="panel-list">
      <% @challenges.each_with_index do |challenge, index| -%>
          <div class=" clearfix panel-inner"  id="shixun_index_<%= index %>">
            <h4 class="fl panel-inner-title "><i class="fa fa-dot-circle-o font-18 color-green mr5"></i><span class="color-red mr10">第<%= challenge.position %>关</span><%= challenge.subject %></h4>
            <p class="fr" style="display: none" id="shixun_icon_<%= index %>">
              <a href="#" title="上移" ><i class="fa fa-long-arrow-up color-grey font-16 mr5" ></i></a>
              <a href="#" title="下移" ><i class="fa fa-long-arrow-down color-grey font-16 mr5" ></i></a>
              <a href="#" title="编辑" ><i class="fa fa-pencil-square-o color-grey font-16 mr5" ></i></a>
              <a href="#" title="删除" ><i class="fa fa-trash-o color-grey font-16 mr5" ></i></a>
              <a href="#" title="排名" ><i class="fa fa-signal color-grey font-16 mr5 " ></i></a>
            </p>
            <div class="cl"></div>
            <p class="ml15 mt15 color-grey">
              <span class=" mr10">正在挑战：129</span>
              <span class=" mr10">完成挑战：1.6万</span>
              <span class=" mr10">最佳表现：98分</span>
              <span class=" mr10">测评次数：3次</span>
              <span class=" mr10">平均表现：80分 </span>
            </p>
          </div>
          <script>
              $(document).ready(function(){
                  $("#shixun_index_<%= index %>").mouseenter(function(){
                      $("#shixun_icon_<%= index %>").show();
                  });
                  $("#shixun_index_<%= index %>").mouseleave(function(){
                      $("#shixun_icon_<%= index %>").hide();
                  });
              });
          </script>
      <% end %>
    </div>
  </div>
</div>