统计-权限管理

app/views/colleges/statistics.html.erb

@@ -145,17 +145,60 @@
   <div class="static_shadow mb30 educontent">
     <div class="clearfix padding20">
       <span class="fl font-16 mr20">权限管理</span>
-      <span class="fl"><span class="color-orange">14</span>个检索结果（150个学院/部门）</span>
+      <span class="fl mt3"><span class="color-orange">14</span>个检索结果（150个学院/部门）</span>
       <div class="fr" id="pollingPanel">
         <input type="text" name="search" placeholder="请输入学院/部门名称搜索">
         <a href="javascript:void(0)" onclick=""><i class="iconfont icon-sousuo font-16 color-grey-9"></i></a>
       </div>
     </div>
+    <div class="controlForm">
+      <p class="controlFormHead">
+        <span>序号</span>
+        <span>学院/部门名称</span>
+        <span>管理者</span>
+      </p>
+      <ul>
+        <li>1</li>
+        <li>计算机学院</li>
+        <li>
+          <div class="userTeam">
+            <ul class="ul_userTeam clearfix">
+              <a href="javascript:void(0)" class="add_C">+&nbsp;添加</a>
+              <span class="user_manage">
+                胡莎莎
+                <a href="javascript:void(0)" class="removeUser" onclick="notice_operation_box('','是否确认删除?','确定')"><i class="iconfont icon-guanbi font-12 color-blue"></i></a>
+              </span>
+              <span class="user_manage">
+                胡莎莎
+                <a href="javascript:void(0)" class="removeUser" onclick="notice_operation_box('','是否确认删除?','确定')"><i class="iconfont icon-guanbi font-12 color-blue"></i></a>
+              </span>
+            </ul>
+            <p class="edu-txt-center">
+              <a href="javascript:void(0)" class="color-grey-9" onclick="pullUp(this)" value="0"><i class="iconfont icon-xiajiantou color-grey-9 font-12 mr5"></i>展开全部</a>
+            </p>
+          </div>
+        </li>
+      </ul>
+    </div>
   </div>
 </div>
 
 <script>
+    function pullUp(item){
+        var ulEle=$(item).parents(".userTeam").find(".ul_userTeam");
+        var value=$(item).attr("value");
+        if(value=="0"){
+            $(ulEle).css({"height":"auto"});
+            $(item).attr("value","1")
+            $(item).html('<i class="iconfont icon-shangjiantou color-grey-9 font-12 mr5"></i>收起')
+        }else{
+            $(ulEle).css({"height":"74px"});
+            $(item).attr("value","0");
+            $(item).html('<i class="iconfont icon-xiajiantou color-grey-9 font-12 mr5"></i>展开全部')
+        }
+    }
     $(function(){
+
         $(function(){
             $(".white-panel li").click(function(){
                 $(".white-panel li").removeClass("active");
@@ -222,4 +265,5 @@
         var myChart = echarts.init(document.getElementById('pieChart'));
         myChart.setOption(option);
     }
+
 </script>

public/stylesheets/educoder/edu-all.css

@@ -3144,7 +3144,37 @@ line-height: 16px;display: inline-block;color: rgba(65, 140, 205, 1) !important;
 .tabMenu li a{color: #333;display: block}
 .tabMenu li.active:after{position: absolute;left: 0px;height: 2px;bottom: 0px;width: 100%;background-color: #4cacff;content: ""}
 .tabMenu li.active a{color: #4cacff}
-
+/*有关统计页面的权限管理*/
+.controlForm>p span{float: left;padding:10px 0px;}
+.controlForm>ul{border-bottom: 1px solid #eaeaea;}
+.controlForm>ul li{float: left;padding:10px 0px;line-height:37px;}
+.controlForm>p{
+    width:100%;height:50px;
+    background:rgba(247,247,247,1);color: #333;font-size: 16px;
+}
+.controlForm>p,.controlForm>ul{
+    padding:0px 20px;box-sizing: border-box;display: flex;
+}
+.controlForm>p span:nth-child(1),.controlForm ul li:nth-child(1){
+    width: 40px;margin-right: 30px;text-align: center;
+}
+.controlForm>p span:nth-child(2),.controlForm ul li:nth-child(2){
+    width: 15%;
+}
+.controlForm>p span:nth-child(3),.controlForm ul li:nth-child(3){
+    flex: 1;width: 0;
+}
+.user_manage,.add_C{float: left;display: block;background: #fff;border:1px solid #EAEAEA;
+    color: #05101A;border-radius: 4px;padding:0px 19px;height: 25px;line-height: 25px;
+    font-size: 12px;margin:5px 15px 5px 0px;position: relative}
+.add_C{background: #4CACFF;border:1px solid #4CACFF;color: #fff!important;}
+.user_manage:hover{
+    border:1px solid #9BD1FF;background: #E8F4FE;color: #2791EC;
+}
+.user_manage:hover .removeUser{
+    display: block;
+}
+.removeUser{position: absolute;right: 3px;top:-1px;display: none}
 /*权限管理*/
 .addControl{padding: 0px 15px;border:1px solid #4cacff;color: #4cacff!important;border-radius: 20px;height: 40px;line-height: 40px;}
 /*用户列表*/