pgfqe6ch8/app/views/managements/partners.html.erb

<div class="mt20">
  <div class="clearfix edu-back-white padding20-30">
    <input class="fl task-form-20 task-height-30" placeholder="输入合作伙伴名称进行搜索">
    <a href="javascript:void(0)" class="fl task-btn task-btn-orange ml10">搜索</a>
    <a href="javascript:void(0)" class="fl task-btn ml10">清除</a>
  </div>
  <div class="clearfix mt20">
    <div class="with25 fl edu-back-white">
      <a href="javascript:void(0)" class="color-blue addOperation">+添加</a>
      <ul class="partnerList">
        <% @partners.each_with_index do |partner,index| %>
          <li><a class="active" href=""><%= partner.name %></a></li>
        <% end %>
      </ul>
    </div>
    <div class="with75 fl pl20">
      <div class="edu-back-white">
        <div>
          <div class="padding10-20">
            <p class="mb20"><span class="mr30 color-grey-9">添加时间</span><span class="color-grey-6">2019-04-03 15:40</span></p>
            <div class="clearfix">
              <span class="mr45 color-grey-9 fl">管理员</span>
              <ul class="manageList">
                <li><a href="javascript:void(0)" class="addManage">+</a></li>
                <li><img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=105293018,2500805440&fm=27&gp=0.jpg"/><a href="javascript:void(0)" class="removeImg"><i class="iconfont icon-htmal5icon19 color-grey-9"></i></a></li>
              </ul>
            </div>
          </div>
          <div class="tableList">
            <li class="clearfix tableHead">
              <span>序号</span>
              <span>客户名称</span>
              <span><a href="javascript:void(0)" class="color-blue">+添加</a></span>
              <span>添加时间</span>
            </li>
            <li>
              <span>1</span>
              <span class="task-hide">国防科技大学</span>
              <span>
                <a href="javascript:void(0)" class="color-grey-9">删除</a>
              </span>
              <span>
                2019-04-03 16:04
              </span>
            </li>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<script>
    $(function(){
        $(".partnerList li").on("click","a",function(){
            $(".partnerList li a").removeClass("active");
            $(this).addClass("active");
        })

        $(".removeImg").on("click",function(){
            $(this).parents("li").remove();
        })

        $(".addOperation").on("click",function(){
            var html="<%= escape_javascript(render :partial => "managements/partner_addUnit") %>";
            pop_box_new(html,572,500);
        })

        $(".manageList").on("click",".addManage",function(){

            var html="<%= escape_javascript(render :partial => "managements/partner_addManage") %>";
            pop_box_new(html,572,500);
        })
    })
</script>