各模块缺陷占比添加排序

src/css/mukuai.less

@@ -251,6 +251,27 @@
         -moz-appearance: textfield;
     }
 }
+th[code]{
+    cursor: pointer;
+    &:after{
+        content:"";
+        display:inline-block;
+        width: 11px;
+        height: 14px;
+        margin-left: 4px;
+        vertical-align: middle;
+        background-size: 100%;
+        background-image: url("../images/grey.png");
+    }
+    &.asc:after{
+        background: url("../images/up_blue.png");
+        background-size: 100%;
+    }
+    &.desc:after{
+        background: url("../images/down_blue.png");
+        background-size: 100%;
+    }
+}
 
 .usrContain .selectReject,.usrContain .selectModuleType ,.managerContainer .selectModuleType  {
     float: right;

src/html/mukuaiControl.html

@@ -45,7 +45,7 @@
                 <thead>
                     <th class="moduleName" style="width: 65px;">序号</th>
                     <th class="moduleItemName">模块名称</th>
-                    <th class="moduleScore" style="width: 80px;">缺陷占比</th>
+                    <th class="moduleScore desc" style="width: 105px;" code="percentStr">缺陷占比</th>
                 </thead>
                 <tbody>
     

src/js/mukuaiControl.js

@@ -12,7 +12,8 @@ const arrowLeft= require("./../images/arrow_left.png")
 const arrowRight = require("./../images/arrow_right.png")
 
 
-let casesId="", name="", isReject ="2", isUsed ="",casesIdTemp="", nameTemp="", isRejectTemp ="2", isUsedTemp ="",from="",deptIdTemp="",deptItemId="",deptId=""
+let casesId="", name="", isReject ="2", isUsed ="",casesIdTemp="", nameTemp="", isRejectTemp ="2", isUsedTemp ="",from="",deptIdTemp="",deptItemId="",deptId="",data_asc=[], data_desc=['percentStr']    
+
 $(".selectModuleType").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
 $(".selectReject").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
 $(".selectDept").append(`<img class="arrow" src=${iconDown} alt="下拉">`)
@@ -34,6 +35,10 @@ $(function(){
     $(".abnormalClear").click(function(){
         // window.location.reload()
         name = ""
+        data_asc=[],
+        data_desc=['percentStr']
+        $("th[code]").removeClass("asc desc");
+        $(".moduleScore").addClass("desc")
         $(".patientNumInp").val("")
         getTabData(1)
     })
@@ -146,6 +151,22 @@ function dateChange(){
         getTabData(1)
     })
 }
+$("th[code]").on("click",function(e){
+    const code=$(this).attr("code");
+    if(data_asc[0]===code){
+      data_desc=[code];
+      data_asc=[];
+      $("th[code]").removeClass("asc desc");
+      $(this).addClass("desc");
+    }else{
+      data_desc=[];
+      data_asc=[code];
+      $("th[code]").removeClass("asc desc");
+      $(this).addClass("asc");
+    }
+    getTabData(1);
+    // console.log(code)
+});
 //获取表格数据
 function getTabData(activePage){
     const param = {
@@ -153,7 +174,9 @@ function getTabData(activePage){
         type: isReject,
         name: name, //条目名
         deptName: deptId, //科室名
-        size: 15
+        size: 15,
+        asc:data_asc,     //升序
+        desc: data_desc,       //降序
     }
     post(from == 1?api.entryCountGroupByCasePage:api.entryCountGroupByCaseAndDeptPage,param).then(res =>{
         if(res.data.code == '0'){