Browse Source

Merge remote-tracking branch 'origin/dev_zxc' into qc_zn

zhouna 5 years ago
parent
commit
cee07454ee

+ 24 - 20
src/css/console.less

@@ -1,34 +1,38 @@
 .echarts {
   width: 100%;
-  height: 400px;
+  height: 300px;
   padding: 0 15px;
 }
 .barChartPay {
   width: 100%;
-  height: 400px;
+  height: 300px;
   padding: 0 15px;
 }
 .emptyCircle {
   width: 45%;
   height: 200px;
   float: left;
-  margin-top: 95px;
+  margin-top: 56px;
+}
+.partAll {
+  background-color: #fff;
 }
 .partWrap {
   overflow-x: hidden;
   overflow-y: auto;
-  height: 100%;
+  height: auto;
+  background: #f5f5f5;
   ul {
     padding: 0 40px;
   }
   .partLi {
     float: left;
-    margin: 30px 0;
+    margin: 15px 0;
     width: 20%;
-    height: 114px;
+    height: 100px;
     overflow: hidden;
     .partIn {
-      height: 114px;
+      height: 100px;
       box-sizing: border-box;
       border-radius: 3px;
       padding: 10px 15px;
@@ -40,7 +44,7 @@
       color: #51649C;
     }
     .top {
-      margin-bottom: 20px;
+      margin-bottom: 12px;
     }
     .btm {
       padding-bottom: 4px;
@@ -60,8 +64,8 @@
     font-size: 16px;
     font-weight: bold;
     border-bottom: 1px solid #E2E5EF;
-    height: 44px;
-    line-height: 44px;
+    height: 36px;
+    line-height: 36px;
     padding-left: 15px;
   }
 }
@@ -74,9 +78,9 @@
   background-color: #f5f5f5;
 }
 .partTitle {
-  position: fixed;
+  position: relative;
   top: 0;
-  right: 18px;
+  right: 0;
   width: 100%;
   box-sizing: border-box;
   background-color: #fff;
@@ -122,13 +126,13 @@
   height: 44px;
   line-height: 44px;
   padding-left: 10px;
-  margin-right: 18px;
+  margin-right: 0;
 }
 .pubEchart {
   width: 50%;
   display: inline-block;
-  border-bottom: 10px solid #f5f5f5;
-
+  margin-bottom: 10px;
+  background-color: #fff;
 }
 .paymoney {
   border-right: 5px solid #f5f5f5;
@@ -139,19 +143,19 @@
   box-sizing: border-box;
 }
 .defect {
-  border-bottom: 10px solid #f5f5f5;
   border-right: 5px solid #f5f5f5;
+  background-color: #fff;
   box-sizing: border-box;
   width: 45%;
   display: inline-block;
-  height: 455px;
+  height: 350px;
   overflow: hidden;
   .list {
     padding: 15px 30px;
     width: 100%;
     box-sizing: border-box;
     overflow: auto;
-    height: 405px;
+    height: 308px;
   }
   .thead {
     td {
@@ -194,11 +198,11 @@
   }
 }
 .circle {
-  height: 455px;
+  height: 350px;
   width: 55%;
   display: inline-block;
-  border-bottom: 10px solid #f5f5f5;
   border-left: 5px solid #f5f5f5;
+  background-color: #fff;
   box-sizing: border-box;
   position: relative;
 }

+ 78 - 1
src/css/index.less

@@ -190,6 +190,7 @@
     width: 40px;
     position: absolute;
     right: 0;
+    cursor: pointer;
   }
   .moduleMsgInfo{
     text-align: center;
@@ -213,6 +214,73 @@
     cursor: pointer;
   }
 }
+.midifyMsgBox{
+  .midifyMsgContent{
+    position: fixed;
+    left: 50%;
+    top: 50%;
+    width: 400px;
+    height:208px;
+    margin: -104px 0 0 -200px;
+    background: #fff;
+    border-radius:4px;
+  }
+  .midifyMsgTitle{
+    position: relative;
+    height: 40px;
+    padding: 0 0 0 20px;
+    line-height: 40px;
+    border-bottom: 1px solid #E2E5EF;
+    font-size: 14px;
+    color: #1E1E1E;
+  }
+  .itemMsgInfoBox{
+    line-height: 40px;
+    margin: 0 0 10px 0;
+  }
+  .itemInfoRight{
+    display: inline-block;
+    width: 190px;
+    input{
+      width: 100px;
+      box-sizing: border-box;
+      border:  1px solid #E2E5EF;
+      height: 40px;
+      line-height: 40px;
+      border-radius: 2px;
+      padding: 0 10px;
+    }
+  }
+  .itemMsgLab{
+    display: inline-block;
+    width: 180px;
+    text-align: right;
+    color: #777;
+  }
+  .iconClose{
+    width: 40px;
+    position: absolute;
+    right: 0;
+    cursor: pointer;
+  }
+ 
+  .midifyMsgBtn{
+    position: relative;
+    text-align: center;
+    top: 15px;
+  }
+  .midifyEdit{
+    display: inline-block;
+    color: #fff;
+    width:80px;
+    height:36px;
+    line-height: 36px;
+    text-align: center;
+    background:rgba(90,142,238,1);
+    border-radius:4px;
+    cursor: pointer;
+  }
+}
 .itemMsgBox{
   .itemMsgContent{
     position: fixed;
@@ -237,6 +305,7 @@
     width: 40px;
     position: absolute;
     right: 0;
+    cursor: pointer;
   }
   .itemMsgContentBox{
     margin: 20px 0 0 0;
@@ -301,4 +370,12 @@
   top: 50%;
   width: 60px;
   margin: -30px 0 0 -30px;
-}
+}
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+}
+ 
+input[type="number"] {
+    -moz-appearance: textfield;
+}

+ 48 - 15
src/css/itemManager.less

@@ -1,11 +1,25 @@
+.container{
+    width: 100%;
+    height: 100%;
+    overflow-y: auto;
+}
 ul,li{
-    padding:0;margin:0;list-style:none
+    padding:0;
+    margin:0;
+    list-style:none;
 }
 h2{
-    padding: 11px 20px;
-    font-size: 16px;
-    font-weight: 600;
+    width: 100%;
+    box-sizing: border-box;
+    background-color: #fff;
+    z-index: 20;
+    height: 44px;
+    line-height: 44px;
+    padding: 0 0 0 35px;
     border-bottom: 1px solid #E2E5EF;
+    font-size: 14px;
+    font-weight: bold;
+    letter-spacing: 1px;
 }
 .main-body{
     margin: 20px 40px;
@@ -21,10 +35,18 @@ table{
     th,td{
         height: 40px;
         box-sizing: border-box;
-        padding: 0 10px;
+        padding: 10px;
         border:1px solid #E2E5EF;
         border-collapse: collapse;
     }
+    th{
+        font-size: 14px;
+        font-weight: 500;
+    }
+    td{
+        font-size: 14px;
+        font-weight: 400 
+    }
     .moduleNumber{
         text-align: center;
     }
@@ -110,7 +132,7 @@ table{
     text-align: center;
     line-height: 36px;
     position: relative;
-    top: -2px;
+    top: -1px;
 }
 .editItem{
    color: #5A8EEE;
@@ -125,19 +147,17 @@ table{
 .textCenter{
     text-align: center;
 }
-.totalSum{
-    font-size:12px;
-    line-height:17px;
-    color: #777777;
-    margin-right: 20px;
-}
+
 
 .pagination{
     margin: 35px 0 0 0  ;
     text-align: right;
 }
-.activePage{
-    color: #5A8EEE;
+.totalSum{
+    font-size:12px;
+    line-height:17px;
+    color: #777777;
+    margin-right: 20px;
 }
 .pageNum,.prePage,.nextPage, .more{
     display: inline-block;
@@ -145,11 +165,12 @@ table{
     cursor: pointer;
     margin: 0 20px 0 0;
     text-align: center;
+    color: #777;
 }
 .prePage,.nextPage{
     img{
         position: relative;
-        top: -2px   ;
+        top: 0px   ;
     }
 }
  .more{
@@ -157,4 +178,16 @@ table{
 }
 .arrowPage{
     width: 6px;
+}
+.activePage{
+    color: #5A8EEE;
+}
+
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+}
+ 
+input[type="number"] {
+    -moz-appearance: textfield;
 }

+ 39 - 4
src/css/moduleManager.less

@@ -2,10 +2,17 @@
     width: 100%;
 }
 h2{
-    padding: 11px 10px;
-    font-size: 16px;
-    font-weight: 600;
+    width: 100%;
+    box-sizing: border-box;
+    background-color: #fff;
+    z-index: 20;
+    height: 44px;
+    line-height: 44px;
+    padding: 0 0 0 35px;
     border-bottom: 1px solid #E2E5EF;
+    font-size: 14px;
+    font-weight: bold;
+    letter-spacing: 1px;
 }
 .main-body{
     margin: 20px 40px;
@@ -29,10 +36,18 @@ table{
     th,td{
         height: 40px;
         box-sizing: border-box;
-        padding: 0 30px;
+        padding: 0 20px;
         border:1px solid #E2E5EF;
         border-collapse: collapse;/*关键代码*/
     }
+    th{
+        font-size: 14px;
+        font-weight: 500;
+    }
+    td{
+        font-size: 14px;
+        font-weight: 400 
+    }
     .moduleNumber{
         text-align: center;
     }
@@ -42,6 +57,7 @@ table{
     text-align: center;
     input{
         text-align: center  ;
+        height: 30px;
     }
 }
 .saveModuleBox{
@@ -56,6 +72,9 @@ table{
     border-radius: 5px;
     cursor: pointer;
 }
+.tableWrapper{
+    overflow-y: auto;
+}
 .mask {
     position: fixed;
     width: 100%;
@@ -65,3 +84,19 @@ table{
     left: 0;
     top: 0;
 }
+.textCenter{
+    text-align: center;
+}
+.moduleOperaItem{
+    color: #5A8EEE;
+    cursor: pointer;
+}
+
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+}
+ 
+input[type="number"] {
+    -moz-appearance: textfield;
+}

+ 70 - 12
src/css/qcList.less

@@ -1,11 +1,23 @@
+.container{
+    width: 100%;
+    height: 100%;
+    overflow-y: auto;
+}
 ul,li{
     list-style: none;
 }
 h2{
-    padding: 11px 20px;
-    font-size: 16px;
-    font-weight: 600;
+    width: 100%;
+    box-sizing: border-box;
+    background-color: #fff;
+    z-index: 20;
+    height: 44px;
+    line-height: 44px;
+    padding: 0 0 0 35px;
     border-bottom: 1px solid #E2E5EF;
+    font-size: 14px;
+    font-weight: bold   ;
+    letter-spacing: 1px;
 }
 .main-body{
     margin: 20px 40px;
@@ -21,10 +33,18 @@ table{
     th,td{
         height: 40px;
         box-sizing: border-box;
-        padding: 0 10px;
+        padding: 10px;
         border:1px solid #E2E5EF;
         border-collapse: collapse;
     }
+    th{
+        font-size: 14px;
+        font-weight: 500;
+    }
+    td{
+        font-size: 14px;
+        font-weight: 400 
+    }
     .moduleNumber{
         text-align: center;
     }
@@ -39,7 +59,6 @@ table{
     border: 1px solid #E2E5EF;
     border-top: none;
     box-sizing: border-box;
-    margin-right: 1px;
 }
 .scoreOpera{
     height: 50px;
@@ -74,8 +93,14 @@ table{
     position: relative;
     display: inline-block;
     margin-right: 20px;
+    float: left;
     height: 40px;
     line-height: 40px;
+    span{
+        display: inline-block;
+        line-height: 40px;
+        position: relative;
+    }
     input{
         width:120px;
         height:40px;
@@ -84,6 +109,7 @@ table{
         outline: none;
         margin-right: 10px;
         padding: 0 10px;
+        box-sizing: border-box;
     }
 }
 .filter{
@@ -96,17 +122,33 @@ table{
     text-align: center;
     line-height: 36px;
     position: relative;
-    top: -2px;
+    top: 2px;
 }
 .iconCheck{
     width: 14px;
 }
+.fl{
+    float: left;
+}
+.clearfix:after {
+    content: '';
+    height: 0;
+    line-height: 0;
+    display: block;
+    visibility: hidden;
+    clear: both;
+}
+.clearfix{
+    zoom:1
+}
+.divide{
+    margin: 0 10px;
+}
 .datapickerBox{
     position: relative;
     display: inline-block;
-    width: 150px;
+    width: 120px;
     height: 40px;
-    top: 10px;
     input{
         position: absolute;
     }
@@ -115,7 +157,7 @@ table{
     position: absolute;
     width: 15px;
     top: 15px;
-    right: 20px;
+    right: 10px;
 }
 .textCenter{
     text-align: center;
@@ -131,8 +173,11 @@ table{
     margin: 35px 0 0 0  ;
     text-align: right;
 }
-.activePage{
-    color: #5A8EEE;
+.totalSum{
+    font-size:12px;
+    line-height:17px;
+    color: #777777;
+    margin-right: 20px;
 }
 .pageNum,.prePage,.nextPage, .more{
     display: inline-block;
@@ -140,11 +185,12 @@ table{
     cursor: pointer;
     margin: 0 20px 0 0;
     text-align: center;
+    color: #777;
 }
 .prePage,.nextPage{
     img{
         position: relative;
-        top: -2px;
+        top: 0px   ;
     }
 }
  .more{
@@ -153,6 +199,9 @@ table{
 .arrowPage{
     width: 6px;
 }
+.activePage{
+    color: #5A8EEE;
+}
 
 
 
@@ -204,4 +253,13 @@ table{
 .ui-widget-header {
     background-color: #fff;
     border: 0 none;
+}
+
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+}
+ 
+input[type="number"] {
+    -moz-appearance: textfield;
 }

+ 2 - 3
src/html/console.html

@@ -7,8 +7,6 @@
   <title>Document</title>
 </head>
 <body >
-  <div class="partWrap clearfix">
-    <div class="partTitles"></div>
     <div class="partTitle">
       <p>住院病案首页数据质量管理与控制指标</p>
       <div class="monthYear">
@@ -16,6 +14,8 @@
         <span class="year">本年</span>
       </div> 
     </div>
+  <div class="partWrap clearfix">
+    <!-- <div class="partTitles"></div> -->
     <ul class="clearfix partAll">
 
     </ul>
@@ -58,7 +58,6 @@
         </div>
       </div>
     </div>
-    <br><br><br>
   </div>
   <!-- <script src="./resource/swiper.min.js"></script> -->
 </body>

+ 1 - 1
src/html/index.html

@@ -30,7 +30,7 @@
               <a class="setting" id="userName" href="javascript:void(0);">***</a>
               <ul class="userAction">
                   <li id="changeWord">修改密码</li>
-                  <li><a class="login-out" href="./login.html">退出id</a></li>
+                  <li><a class="login-out" href="./login.html">退出</a></li>
               </ul>
           </div>
       </div>

+ 4 - 4
src/html/itemManager.html

@@ -15,7 +15,7 @@
         <div class="main-body">
             <div class="filterBox">
                 <span class="filterItem typeFilter">
-                    <span>类别名称:</span>
+                    <span>模块名称:</span>
                     <span class="selectModuleType">全部 </span>
                     <ul class="moduleTypeList filterDropList"></ul>
                 </span>
@@ -35,7 +35,7 @@
                     </ul>
                 </span>
                 <span class="filterItem">
-                    <span>是否启用:</span>
+                    <span>启用状态:</span>
                     <span class="selectUsed">全部</span>
                     <ul class="usedList filterDropList">
                         <Li class="usedItem" data-name="全部" data-id="">全部</Li>
@@ -48,8 +48,8 @@
             <table>
                 <thead>
                     <th class="moduleName">序号</th>
-                    <th class="moduleType">模块类别</th>
-                    <th class="moduleItemName">质控条目名称</th>
+                    <th class="moduleType">模块名称</th>
+                    <th class="moduleItemName">条目名称</th>
                     <th class="moduleTipsMsg">提示信息</th>
                     <th class="moduleScore">分值</th>
                     <th class="moduleReject">单项否决</th>

+ 15 - 11
src/html/moduleManager.html

@@ -14,19 +14,23 @@
        <h2>模块数据维护</h2>
        <div class="main-body">
            <p class="totalSumBox">当前分数合计:<span class="totalSum"></span></p>
-            <table>
-                <thead>
-                    <th class="moduleNumber">序号</th>
-                    <th class="moduleName">模块名称</th>
-                    <th class="moduleScore">分数</th>
-                </thead>
-                <tbody>
+           <div class="tableWrapper">
+                <table>
+                    <thead>
+                        <th class="moduleNumber">序号</th>
+                        <th class="moduleName">模块名称</th>
+                        <th class="moduleScore">分值</th>
+                        <th class="moduleOpera">操作</th>
+                    </thead>
+                    <tbody>
 
-                </tbody>
-            </table>
-            <div class="saveModuleBox">
+                    </tbody>
+                </table>
+           </div>
+            
+            <!-- <div class="saveModuleBox">
                 <span class="saveModule">保存</span>
-            </div>
+            </div> -->
             
        </div>
     </div>

+ 10 - 6
src/html/qcList.html

@@ -11,18 +11,22 @@
 
 <body>
     <div class="container">
-        <h2>病历质控评分</h2>
+        <h2>质控评分</h2>
         <div class="main-body">
             <div class="filterBox">
                 <span class="filterItem typeFilter">
-                    <span>输入搜索:</span>
+                    <span>病案号:</span>
                     <input class="patientNumInp" type="text" placeholder="请输入病案号">
+                </span>
+                <span class="filterItem typeFilter">
+                    <span>病人姓名:</span>
                     <input class="patientNameInp" type="text" placeholder="请输入病人姓名">
                 </span>
-                <span class="filterItem">
-                    <span>出院日期</span>
-                    <span class="datapickerBox"><input type="text" id="datepicker" autocomplete="off" /></span> -
-                    <span class="datapickerBox"><input type="text" id="datepicker2"  autocomplete="off" /></span>
+                <span class="filterItem typeFilter clearfix">
+                    <span class="fl">出院日期:</span>
+                    <span class="datapickerBox fl"><input type="text" id="datepicker" autocomplete="off" /></span>
+                    <span  class="divide fl">-</span>
+                    <span class="datapickerBox fl"><input type="text" id="datepicker2"  autocomplete="off" /></span>
                 </span>
                 
                 <span class="filter">查询</span>

+ 3 - 0
src/js/console.js

@@ -13,6 +13,9 @@ $(function(){
 //     loop : true,//可选选项,开启循环
 //     slidesPerView : 3,
 //   })
+    $(".partWrap").css({
+        height:$(window).height()-38+'px'
+    })
   initConsole()//质控列表
   getBarData()//图标数据获取
   dateChange()

+ 1 - 1
src/js/index.js

@@ -10,7 +10,7 @@ $(function(){
   //菜单展开收起
   sureChangeWord()
   $(".main").css({
-    height:$(window).height()-60+'px'
+    height:$(window).height()-70+'px'
   })
 });
 

+ 3 - 3
src/js/itemManager.js

@@ -108,9 +108,9 @@ function renderTab(data,activePage){
                 <td>${item.name}</td>
                 <td>${item.msg}</td>
                 <td  class="textCenter">${item.score}</td>
-                <td  class="textCenter">${item.isReject == '1' ? `<img class="switchImg" src=${switchIconOpen} />`:`<img class="switchImg" src=${switchIconClose} />`}</td>
-                <td class="textCenter">${item.isUsed == '1' ? `<img class="switchImg" src=${switchIconOpen} />`:`<img class="switchImg" src=${switchIconClose} />`}</td>
-                <td class="editItem">修改</td>
+                <td  class="textCenter">${item.isReject == '1' ? `是`:`否`}</td>
+                <td class="textCenter">${item.isUsed == '1' ? `是`:`否`}</td>
+                <td class="editItem textCenter">修改</td>
             </tr>
         `
     }

+ 3 - 0
src/js/login.js

@@ -14,6 +14,9 @@ $(function(){
   $(".sureLogin").click(()=>{
     sureLogin()
   })
+  $("#password").focus(function(){
+    $(this).attr("type","password")
+  })
 });
 function sureLogin(){
   let username = $("#username").val().trim();

+ 108 - 50
src/js/moduleManager.js

@@ -1,13 +1,15 @@
 const $ = require('jquery');
 require("../css/moduleManager.less");
-require('./../resource/layui/layui.js');
 require('./../resource/jquery-ui/jquery-ui.min.js');
 require('./../resource/jquery-ui/jquery-ui.min.css');
-require('./../resource/layui/css/layui.css');
+
 
 // const  layui = require('layui-src');
 const {api} = require('./api.js')
 const {post} = require('./utils.js')
+$(".tableWrapper").css({
+    height:$(window).height()-180+'px'
+})
 
 let data = {}
 function getTabData(){
@@ -56,10 +58,11 @@ function renderTab(){
     for(let i = 0; i < data.length; i++){
     
         str += `
-        <tr>
+        <tr data-index=${i}>
             <td class="moduleNumber">${i+1}</td>
             <td class="moduleName">${data[i].name}</td>
-            <td class="moduleScore"> <input type="number"  data-index=${i} value=${data[i].score} /></td>
+            <td class="moduleScore">${data[i].score}</td>
+            <td class="moduleOpera moduleOperaItem textCenter">修改</td>
         </tr>
         `
     }
@@ -71,8 +74,18 @@ function renderTab(){
     // </tr>
     // `
     $('table tbody').html(str)
-    bindInput()
+    // bindInput()
+    bindModuleOpera()
     getTotalSum()
+
+}
+
+function bindModuleOpera(){
+    $(".moduleOperaItem").on("click", function(e){
+        const index = $(this).parent().attr('data-index') 
+        const item = data[index]
+        midifyMsgBox(item)
+    })
 }
 function getTotalSum(){
     let sum = 0
@@ -84,57 +97,40 @@ function getTotalSum(){
     $('.totalSum').html(sum)
 }
 
-
-
-function bindInput(){
-    $('input').on('input', function(e){
-        const val = $(this).val()
-        const index = $(this).attr('data-index')
-        $(this).attr('value', val)
-        data[index].score = val 
-        getTotalSum(data)
-    })
-}
-let msgBox =`<div class="moduleMsgBox">
+  
+function midifyMsgBox(item){
+    const itemCopy = JSON.parse(JSON.stringify(item))
+    let msgBox =`<div class="midifyMsgBox">
         <div class="mask"></div>
-        <div class="moduleMsgContent">
-            <p class="moduleMsgTitle">提示 <img class="iconClose" src=${require('./../images/icon_close_default.png')} alt="关闭" /></p>
-            <p class="moduleMsgInfo">总分不是100分,是否继续</p>
-            <div class="moduleMsgBtn">
-                <span class="saveModuleEdit">保存</span>
+        <div class="midifyMsgContent">
+            <p class="midifyMsgTitle">修改 <img class="iconClose" src=${require('./../images/icon_close_default.png')} alt="关闭" /></p>
+            <div class="itemMsgInfoBox"><span class="itemMsgLab">模块名称:</span> <span class="itemInfoRight">${itemCopy.name}</span></div>
+            <div class="itemMsgInfoBox"><span class="itemMsgLab">分值:</span> <span class="itemInfoRight"> <input class="itemScore" type="number" value=${itemCopy.score} /></span></div>
+            <div class="midifyMsgBtn">
+                <span class="midifyEdit">保存</span>
             </div>
         </div>
     </div>`
-
-$('.saveModule').on("click", function(){
-    const sum =  $('.totalSum').html()
-    if(sum != 100){
-        $("#mainBox", parent.document).append(msgBox)
-        $("#mainBox .moduleMsgBox .iconClose", parent.document).on("click", function(e){
-            $("#mainBox .moduleMsgBox", parent.document).remove()
-        })
-        $("#mainBox .moduleMsgBox .saveModuleEdit", parent.document).on("click", function(e){
-            saveModify()
-            $("#mainBox .moduleMsgBox", parent.document).remove()
-        })
-    }else{
-        saveModify()
-    }
-    
+    $("#mainBox", parent.document).append(msgBox)
+    $("#mainBox .midifyMsgBox .iconClose", parent.document).on("click", function(e){
+        $("#mainBox .midifyMsgBox", parent.document).remove()
+    })
+    $("#mainBox .midifyMsgBox .itemScore", parent.document).on("input", function(e){
+       const val = $(this).val()
+       itemCopy.score = val
     
-    // const sum =  $('.totalSum').html()
-    // if(sum != 100){
-    //     alert('满分不是100')
-    // }
-})
-function saveModify(){
+    })
+    $("#mainBox .midifyMsgBox .midifyEdit", parent.document).on("click", function(e){
+        saveModifyOne(itemCopy)
+        $("#mainBox .midifyMsgBox", parent.document).remove()
+    })
+}
+function saveModifyOne(item){
     const qcCasesSaveVOList = []
-    for(let i = 0; i < data.length; i++){
-        qcCasesSaveVOList.push({
-            id: data[i].id,
-            score: data[i].score,
-        })
-    }
+    qcCasesSaveVOList.push({
+        id: item.id,
+        score: item.score,
+    })
     post(api.saveQcCases, {qcCasesSaveVOList}).then(res =>{
         if(res.data.code == '0'){
             getTabData()
@@ -146,3 +142,65 @@ function saveModify(){
     
 }
 
+// function bindInput(){
+//     $('input').on('input', function(e){
+//         const val = $(this).val()
+//         const index = $(this).attr('data-index')
+//         $(this).attr('value', val)
+//         data[index].score = val 
+//         getTotalSum(data)
+//     })
+// }
+
+//下方保存保存全部
+// let msgBox =`<div class="moduleMsgBox">
+//         <div class="mask"></div>
+//         <div class="moduleMsgContent">
+//             <p class="moduleMsgTitle">提示 <img class="iconClose" src=${require('./../images/icon_close_default.png')} alt="关闭" /></p>
+//             <p class="moduleMsgInfo">总分不是100分,是否继续</p>
+//             <div class="moduleMsgBtn">
+//                 <span class="saveModuleEdit">保存</span>
+//             </div>
+//         </div>
+//     </div>`
+
+// $('.saveModule').on("click", function(){
+//     const sum =  $('.totalSum').html()
+//     if(sum != 100){
+//         $("#mainBox", parent.document).append(msgBox)
+//         $("#mainBox .moduleMsgBox .iconClose", parent.document).on("click", function(e){
+//             $("#mainBox .moduleMsgBox", parent.document).remove()
+//         })
+//         $("#mainBox .moduleMsgBox .saveModuleEdit", parent.document).on("click", function(e){
+//             saveModify()
+//             $("#mainBox .moduleMsgBox", parent.document).remove()
+//         })
+//     }else{
+//         saveModify()
+//     }
+    
+    
+    // const sum =  $('.totalSum').html()
+    // if(sum != 100){
+    //     alert('满分不是100')
+    // }
+// })
+// function saveModify(){
+//     const qcCasesSaveVOList = []
+//     for(let i = 0; i < data.length; i++){
+//         qcCasesSaveVOList.push({
+//             id: data[i].id,
+//             score: data[i].score,
+//         })
+//     }
+//     post(api.saveQcCases, {qcCasesSaveVOList}).then(res =>{
+//         if(res.data.code == '0'){
+//             getTabData()
+//         }else{}
+//     }).catch((e) =>{
+    
+//     })
+
+    
+// }
+

+ 4 - 10
webpack.config.js

@@ -208,17 +208,11 @@ module.exports = {
       },
       {
         test: /\.less$/,
-        use: [
-          {
-            loader: 'style-loader', // creates style nodes from JS strings
-          },
-          {
-            loader: 'css-loader', // translates CSS into CommonJS
-          },
-          {
-            loader: 'less-loader', // compiles Less to CSS
+        use: [{
+            loader: MiniCssExtractPlugin.loader
           },
-        ],
+          'css-loader', 'less-loader'
+        ]
       },
       {
         test:/\.(png|gif|jpg|jpeg|svg|eot|ttf|woff|woff2)$/,