Merge branch 'qc_zn' into byll

src/css/console.less

@@ -1,20 +1,23 @@
+@import './reset.less';
+
 body.console {
   overflow: auto;
+  background: @activeBg;
 }
 .echarts {
   width: 100%;
-  height: 300px;
+  height: 292px;
   padding: 0 15px;
 }
 .barChartPay {
   width: 100%;
-  height: 300px;
+  height: 261px;
 }
 .emptyCircle {
   width: 35%;
-  height: 200px;
+  height: 135px;
   float: left;
-  margin-top: 32px;
+  margin-top: 38px;
 }
 #emptyCircleB {
   margin-top: 50px;
@@ -25,8 +28,9 @@ body.console {
 .partWrap {
   // overflow: auto;
   height: auto;
-  background: #f5f5f5;
+  background: @activeBg;
   min-width: 1185px;
+  padding: 10px;
   ul {
     padding: 0 40px;
   }
@@ -68,9 +72,10 @@ body.console {
   .title {
     font-size: 16px;
     font-weight: bold;
-    border-bottom: 1px solid #E2E5EF;
-    height: 36px;
-    line-height: 36px;
+    color: @themeFontClr;
+    border-bottom: 1px solid @themeBorderClr;
+    height: 40px;
+    line-height: 40px;
     padding-left: 15px;
     cursor: pointer;
   }
@@ -81,7 +86,7 @@ body.console {
 }
 .grayLine {
   height: 10px;
-  background-color: #f5f5f5;
+  background-color: @activeBg;
 }
 .partTitleT {
   height: 44px;
@@ -92,7 +97,7 @@ body.console {
   right: 0;
   width: 100%;
   box-sizing: border-box;
-  background-color: #fff;
+  background-color: @themeColor;
   z-index: 20;
   height: 44px;
   line-height: 44px;
@@ -104,20 +109,22 @@ body.console {
   p {
     display: inline-block;
     font-size: 16px;
+    color: @themeFontClr;
     span {
       font-size: 16px;
+      color: #fff;
     }
   }
   .dateDetail {
     font-size: 12px;
-    color: #777777;
+    color: @themeFontClr;
     margin-right: 30px;
     font-weight: normal;
   }
   .monthYear {
     float: right;
     margin-right: 20px;
-    border: 1px solid #5A8EEE;
+    border: 1px solid #00A1FF;
     height: 28px;
     line-height: 28px;
     border-radius: 4px;
@@ -133,11 +140,11 @@ body.console {
       font-weight: normal;
     }
     .year {
-      background-color: #5A8EEE;
+      background-color: #00A1FF;
       color: #fff;
     }
     .mon {
-      color: #5A8EEE;
+      color: @themeFontClr;
     }
   }
 }
@@ -150,39 +157,40 @@ body.console {
 .pubEchart {
   width: 100%;
   display: inline-block;
-  margin-bottom: 10px;
-  background-color: #fff;
-  border-top: 10px solid #f5f5f5;
+  /*margin-bottom: 10px;*/
+  background-color: @themeColor;
+  border-top: 10px solid @activeBg;
 }
 .pubEchartB {
   width: 55%;
   display: inline-block;
   margin-bottom: 10px;
   background-color: #fff;
-  border-top: 10px solid #f5f5f5;
-  border-left: 10px solid #f5f5f5;
+  border-top: 10px solid @activeBg;
+  border-left: 10px solid @activeBg;
   box-sizing: border-box;
 }
 .paymoney {
   box-sizing: border-box;
   position: relative;
+  background: @themeColor;
 }
 .dept {
   box-sizing: border-box;
 }
 .circle {
-  height: 304px;
+  height: 256px;
   width: 100%;
   display: inline-block;
-  background-color: #fff;
   box-sizing: border-box;
   position: relative;
+  background: @themeColor;
 }
 .circleB {
-  height: 350px;
+  height: 258px;
   width: 45%;
   display: inline-block;
-  background-color: #fff;
+  background-color: @themeColor;
   box-sizing: border-box;
   position: relative;
 }
@@ -198,14 +206,14 @@ body.console {
   right: 0;
   padding-right: 30px;
   box-sizing: border-box;
-  max-height: 250px;
-  overflow: auto;
+  max-height: 180px;
+  overflow: hidden;
   table {
     width: 100%;
   }
   .explainLi {
-    height: 30px;
-    line-height: 30px;
+    height: 26px;
+    line-height: 26px;
     span {
       display: inline-block;
     }
@@ -224,13 +232,14 @@ body.console {
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
+        color: @themeFontClr;
       }
       .smp {
         width: 100px;
       }
     }
     .deptNum {
-      color: #333;
+      color: @themeFontClr;
       font-size: 16px;
       font-weight: bold;
       padding-right: 10px;
@@ -238,7 +247,7 @@ body.console {
       text-align: right;
     }
     .percent {
-      color: #777;
+      color: @themeFontClr;
       width: 40px;
     }
   }
@@ -247,15 +256,17 @@ body.console {
 
 .part01 {
   width: 28%;
-  background-color: #fff;
-  border-right: 10px solid #f5f5f5;
+  background-color: @themeColor;
+  border-right: 10px solid @activeBg;
   box-sizing: border-box;
   ul {
-    padding: 40px 20px;
-    border-bottom: 10px solid #f5f5f5;
+    padding: 28px 20px;
+    border-bottom: 10px solid @activeBg;
+    /*background: @themeColor;*/
     li {
       float: left;
       width: 33.33%;
+      color: #fff;
       border-left: 3px solid #F2637B;
       height: 72px;
       box-sizing: border-box;
@@ -270,49 +281,56 @@ body.console {
   }
   
   .defect {
-    background-color: #fff;
-    height: 452px;
+    /*background-color: @themeColor;*/
+    height: 385px;
     overflow: hidden;
     .list {
-      padding: 15px 5px;
+      padding: 13px 5px;
       width: 100%;
       box-sizing: border-box;
       overflow-y: auto;
       overflow-x: hidden;
       height: 405px;
     }
-    .thead {
+    /*.thead {
       td {
         color: #51649C;
       }
-    }
+    }*/
     .qtable {
       width: 100%;
       overflow: auto;
+      .thead{
+        background: #142753;
+      }
     }
     td {
-      padding: 7px 10px;
+      padding: 8px 10px;
+      color: @themeFontClr;
       i {
         width: 17px;
         height: 17px;
         line-height: 17px;
         border-radius: 8px;
-        background-color: #999;
+        background-color: #526186;
         color: #fff;
         display: inline-block;
         text-align: center;
         font-size: 12px;
       }
     }
-    tr {
-      border-bottom: 1px solid #f5f5f5;
-      box-sizing: border-box;
+    tr:nth-child(2n+1) {
+      background: #283B69;
+      /*border-bottom: 1px solid @activeBg;
+      box-sizing: border-box;*/
     }
     .td01 {
       min-width: 30px;
+      text-align: center;
     }
     .td02name {
       min-width: 113px;
+      color: @themeFontClr;
     }
     .td02 {
     }
@@ -325,12 +343,12 @@ body.console {
   }
 }
 .part02{
-  border-right: 10px solid #f5f5f5;
+  border-right: 10px solid @activeBg;
   box-sizing: border-box;
   width: 39%;
-  background-color: #fff;
+  background-color: @themeColor;
   .bingli {
-    padding: 20px;
+    padding: 10px 20px;
     li {
       float: left;
       width: 23%;
@@ -338,17 +356,19 @@ body.console {
     }
     .fst {
       // border-right: 1px solid #E2E5EF;
+      border-right: 1px solid @themeBorderClr;
       box-sizing: border-box;
       width: 30%;
     }
   }
   .bingliLis {
-    border-top: 1px solid #E2E5EF;
-    padding: 20px 30px;
-    height: 197px;
+    border-top: 1px solid @themeBorderClr;
+    padding: 15px 30px;
+    height: 168px;
     box-sizing: border-box;
     p {
       text-align: center;
+      color: @themeFontClr;
       font-weight: bold;
       font-size: 16px;
       padding-bottom: 5px;
@@ -356,22 +376,23 @@ body.console {
   }
   .panPartPub {
     width: 33.33%;
-    height: 130px;
+    height: 110px;
     float: left;
     position: relative;
     p {
       text-align: center;
       font-size: 12px;
+      color: @themeFontClr;
       font-weight: normal;
-      width: 100px;
+      width: 78px;
       position: absolute;
       bottom: 0;
       left: 50%;
       margin-left: -50px;
     }
     .fen {
-      width: 100px;
-      height: 100px;
+      width: 78px;
+      height: 78px;
       position: absolute;
       left: 50%;
       margin-left: -50px;
@@ -385,31 +406,37 @@ body.console {
   .barChartLine {
     box-sizing: border-box;
     width: 100%;
-    height: 300px;
+    height: 257px;
   }
   .barChartLineBox {
-    border-bottom: 10px solid #f5f5f5;
+    border-bottom: 10px solid @activeBg;
     // width: 100%;
     padding-left: 15px;
+    background: @themeColor;
   }
 }
 
 .partTitlePub {
-  height: 44px;
-  line-height: 44px;
+  height: 40px;
+  line-height: 40px;
   padding: 0 15px;
   box-sizing: border-box;
-  border-bottom: 1px solid #E2E5EF;
+  background: @themeColor;
+  border-bottom: 1px solid @themeBorderClr;
   font-weight: bold;
+  color:@themeFontClr;
   font-size: 16px;
   cursor: pointer;
+  span{
+    color: @themeFontClr;
+  }
   .name {
     float: left;
     font-size: 16px;
   }
   .personNum {
     float: right;
-    color: #51649C;
+    color: @themeFontClr;
   }
 }
 
@@ -419,9 +446,11 @@ body.console {
   height: 36px;
   line-height: 40px;
   font-weight: bold;
+  color: @themeFontClr;
 }
 .explainNum {
   margin-top: 8px;
+  color: @themeFontClr;
 }
 
 .toggleSlide {
@@ -439,6 +468,9 @@ body.console {
     position: relative;
     font-size: 14px;
     border-radius: 4px;
+    span{
+      color: @themeFontClr;
+    }
     img {
       width: 10px;
       position: absolute;

src/css/itemManager.less

@@ -1,3 +1,4 @@
+@import "./reset.less";
 .managerContainer{
     width: 100%;
     height: 100%;
@@ -11,17 +12,7 @@
         list-style:none;
     }
     h2{
-        width: 100%;
-        box-sizing: border-box;
-        background-color: #fff;
-        z-index: 20;
-        height: 44px;
-        line-height: 44px;
-        padding: 0 0 0 15px;
-        border-bottom: 1px solid #E2E5EF;
-        font-size: 16px;
-        font-weight: bold;
-        letter-spacing: 1px;
+        .h2;
     }
     .main-body{
         margin: 20px 40px;

src/css/moduleManager.less

@@ -1,18 +1,9 @@
+@import "./reset.less";
 .container{
     width: 100%;
 }
 h2{
-    width: 100%;
-    box-sizing: border-box;
-    background-color: #fff;
-    z-index: 20;
-    height: 44px;
-    line-height: 44px;
-    padding: 0 0 0 15px;
-    border-bottom: 1px solid #E2E5EF;
-    font-size: 16px;
-    font-weight: bold;
-    letter-spacing: 1px;
+    .h2;
 }
 .main-body{
     margin: 20px 40px;

src/css/qcList.less

@@ -1,3 +1,4 @@
+@import "./reset.less";
 .container{
     width: 100%;
     height: 100%;
@@ -7,17 +8,7 @@ ul,li{
     list-style: none;
 }
 h2{
-    width: 100%;
-    box-sizing: border-box;
-    background-color: #fff;
-    z-index: 20;
-    height: 44px;
-    line-height: 44px;
-    padding: 0 0 0 15px;
-    border-bottom: 1px solid #E2E5EF;
-    font-size: 16px;
-    font-weight: bold   ;
-    letter-spacing: 1px;
+    .h2
 }
 .main-body{
     margin: 20px 0;

src/css/qcScore.less

@@ -3,6 +3,10 @@
   height: 100%;
   margin-top: 20px;
 }
+#loading{
+  text-align: center;
+  margin-top: 30px;
+}
 .waring {
   color: #FF4D4F;
   margin-top: 18px;
@@ -32,6 +36,7 @@
   height: 100%;
   float: left;
   overflow-y: auto;
+  overflow-x: hidden;
   border-right: 1px @frameBdColor solid;
   .active{
     color: @activeColor;
@@ -84,6 +89,32 @@
     padding: 10px 0 20px;
   }
 }
+.menu-mini{
+  display: none;
+  width: 60px;
+  &>ul>li{
+    width: 100%;
+    height: 40px;
+    line-height: 40px;
+    background: url("../images/icon3.png") center no-repeat;
+    & ul{
+      display: none;
+      left: 60px;
+      position: absolute;
+      width: 140px;
+    }
+    &.YH-KZT{
+      background: url("../images/icon3.png") center no-repeat;
+    }
+    &.YH-QBYH-JCGN{
+      background: url("../images/icon2.png") center no-repeat;
+    }
+    &.active{
+      background-color: #EEF4FF;
+      border-left: 3px #5A8EEE solid;
+    }
+  }
+}
 .tab-container{
   margin-left: @menuWt+10px;
   height: 100%;
@@ -188,6 +219,10 @@
     }
     .info-item{
       border-bottom: 1px @borderColor solid;
+      .text-left{
+        width: 100%;
+        text-align: right;
+      }
       .cont{
         display: inline-block;
         min-width: 33%;
@@ -202,11 +237,7 @@
           vertical-align: middle;
         }
         .text-indent{
-          text-indent: 15px;
-        }
-        .text-left{
-          width: 100%;
-          text-align: right;
+          text-indent: 28px;
         }
         .text-bold{
           font-weight: bold;
@@ -450,4 +481,4 @@
       }
     }
   }
-}
+}

src/css/reset.less

@@ -94,13 +94,30 @@ textarea {
 @headerHt:50px;   /*logo栏高度*/
 @menuLiHt:40px;   /*菜单项高度*/
 @menuWt:205px;   /*菜单宽度*/
-@activeColor:#5A8EEE;   /*菜单项选中颜色*/
-@activeBg:#EEF4FF;   /*菜单项选中背景*/
+@themeColor:#203463;    //主题背景色
+@themeFontClr:#fff;   //主题字体色
+@themeBorderClr:#4A5D8E;    //主题边框色
+@activeColor:#00A1FF;   /*菜单项选中颜色*/
+@activeBg:#142753;   /*菜单项选中背景*/
 @borderColor:#E2E5EF; /**边框颜色**/
 @frameBdColor:#F0F0F0;/***框架边框颜色**/
 @warnColor:#FF4D4F;  /**重点红色**/
 @thBgColor:#EFF0F9; /**标题背景色**/
 @tableBorderColor:#E2E5EF;  /**表格边框**/
+.h2{
+  width: 100%;
+  /*box-sizing: border-box;*/
+  z-index: 20;
+  color: #51649C;
+  height: 44px;
+  line-height: 44px;
+  /*padding: 0 0 0 15px;*/
+  border-bottom: 10px solid #F5F6FA;
+  font-size: 16px;
+  text-indent: 20px;
+  font-weight: bold;
+  letter-spacing: 1px;
+}
 
 
 /****弹窗样式*****/

src/html/console.html

@@ -17,7 +17,7 @@
     </div>
   </div>
   <div class="partTitleT"></div>
-  <div class="grayLine"></div>
+  <!--<div class="grayLine"></div>-->
   <div class="partWrap clearfix">
 
       <div class="part01 fl">
@@ -124,7 +124,7 @@
         
         <div class="pubEchartB paymoney">
           <p class="title">各科室质控平均分柱状图</p>
-          <div id="barChartPay" class="barChartPay"></div>
+          <div id="barChartPay" class="barChartPay" style="height: 217px;"></div>
         </div>
       </div>
 

src/html/index.html

@@ -8,10 +8,10 @@
 </head>
 <script type="text/html" id="menuTmpl">
     {{if subMenuList.length}}
-        <li class="list-1"><p>${name}</p>
+        <li class="list-1 ${code}"><p>${name}</p>
     {{else}}
         {{if showStatus==1}}
-            <li class="page" code="${code}">${name}
+            <li class="page ${code}" code="${code}">${name}
         {{/if}}
     {{/if}}
         <ul>
@@ -21,26 +21,52 @@
         </ul>
     </li>
 </script>
+<script type="text/html" id="miniMenuTmpl">
+    {{if subMenuList.length}}
+    <li class="list-1 ${code}">
+        {{else}}
+    <li class="page ${code}" code="${code}">
+        {{/if}}
+        <ul>
+            {{each subMenuList}}
+            <li class="page" code="${code}">${name}</li>
+            {{/each}}
+        </ul>
+    </li>
+</script>
 <body>
   <div class="container">
-      <div class="header clearfix">
-          <div class="title fl">
-              <img src="../images/logo.png" alt="logo" />
-              <span>AI病案质控平台</span>
-          </div>
-          <div class="login fr">
-              <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">退出</a></li>
-              </ul>
-          </div>
-      </div>
       <div class="main-body clearfix">
           <div class="menu fl">
+              <div class="logo">
+                  <img src="../images/lantone.png" alt="">
+              </div>
+              <a href="javescript:void(0);" class="slide-hide">
+                  <img src="../images/down.png" alt="">
+              </a>
               <ul></ul>
-              <div class="copy-right">©杭州朗通信息技术有限公司</div></div>
+              <div class="copy-right">©杭州朗通信息技术有限公司</div>
+          </div>
+          <div class="menu-mini fl">
+              <a href="javescript:void(0);" class="slide-show">
+                  <img src="../images/up.png" alt="">
+              </a>
+              <ul></ul>
+          </div>
           <div class="main" id="mainBox">
+              <div class="header clearfix">
+                  <div class="title fl">
+                      <!--<img src="../images/logo.png" alt="logo" />-->
+                      <span>AI病案质控平台</span>
+                  </div>
+                  <div class="login fr">
+                      <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">退出</a></li>
+                      </ul>
+                  </div>
+              </div>
               <iframe src="./console.html" frameborder="0" id="contentIframe"></iframe>
           </div>
       </div>

src/html/qcScore.html

@@ -19,6 +19,19 @@
             </ul>
         </li>
     </script>
+    <script type="text/html" id="miniMenuTmpl">
+        {{if sonMode.length}}
+        <li class="list-1 ${code}">
+            {{else}}
+        <li class="page ${code}" code="${name}">
+            {{/if}}
+            <ul>
+                {{each sonMode}}
+                <li class="page" code="${name.replace(/[^\u4e00-\u9fa5|a-zA-Z0-9]+/g,'')}">${name}</li>
+                {{/each}}
+            </ul>
+        </li>
+    </script>
     <script type="text/html" id="infoTmpl">
         <span>病案号：${fileCode}</span>
         <span>姓名：${name}</span>
@@ -550,9 +563,9 @@
         <div class="flaw-item" code="${modelName.replace(/[^\u4e00-\u9fa5|a-zA-Z0-9]+/g,'')}">
             <div class="title">
                 {{if info}}
-                <a {{if pageKeyList[0]}} href="#anchor${pageKeyList[0]}" {{/if}}>${msg}(${info})</a>
+                <a {{if pageKeyList[0]}} anchors="${pageKeyList}" href="#anchor${pageKeyList[0]}" {{/if}}>${msg}(${info})</a>
                 {{else}}
-                <a {{if pageKeyList[0]}} href="#anchor${pageKeyList[0]}" {{/if}}>${msg}</a>
+                <a {{if pageKeyList[0]}} anchors="${pageKeyList}" href="#anchor${pageKeyList[0]}" {{/if}}>${msg}</a>
                 {{/if}}
             </div>
             <div class="opers">
@@ -616,11 +629,21 @@
 </head>
 <body>
     <div class="patient-info" id="patientInfo"></div>
+    <p id="loading">加载中，请稍候 ...</p>
     <div class="main-part clearfix">
         <div class="sub-menu content-ht">
+            <a href="javescript:void(0);" class="slide-show">
+                <img src="../images/up.png" alt="">
+            </a>
             <ul id="subMenu"></ul>
             <div class="copy-right">©杭州朗通信息技术有限公司</div>
         </div>
+        <div class="menu-mini fl">
+            <a href="javescript:void(0);" class="slide-show">
+                <img src="../images/down.png" alt="">
+            </a>
+            <ul></ul>
+        </div>
         <div class="tab-container clearfix">
             <div class="flaw-table"></div>
             <div class="content-box fl" id="contentInfo"></div>

src/js/console.js

@@ -96,22 +96,22 @@ function resizeBox(){
 function dateChange(){
     $(".monthYear .mon").click(function(){
         $(this).css({
-            backgroundColor:'#5A8EEE',
+            backgroundColor:'#00A1FF',
             color:'#fff'
         }).siblings().css({
-            color:'#5A8EEE',
-            backgroundColor:'#fff'
+            color:'#fff',
+            backgroundColor:'#203463'
         })
         dateType = 1
         getBarData(1)
     })
     $(".monthYear .year").click(function(){
         $(this).css({
-            backgroundColor:'#5A8EEE',
+            backgroundColor:'#00A1FF',
             color:'#fff'
         }).siblings().css({
-            color:'#5A8EEE',
-            backgroundColor:'#fff'
+            color:'#fff',
+            backgroundColor:'#203463'
         })
         dateType = 2
         getBarData(2)
@@ -304,7 +304,8 @@ function getBarData(type){
         }).then((res)=>{
             let data = res.data;
             if(data.code == 0){
-                let result1 = data.data['各模块缺陷占比排行']||[]
+                let result1 = data.data['各模块缺陷占比排行']||[];
+                result1.length>8?result1.length=8:"";
                 queList(result1)
             }
         })
@@ -395,7 +396,7 @@ function part02pan(data,dom){
     let color = ['#37CBCB','#dedede'];
     let echartData = data;
     option = {
-        backgroundColor: bgColor,
+        //backgroundColor: bgColor,
         color: color,
         title: [{
             text:'{val|' + echartData[0].percentStr + '}',
@@ -405,7 +406,7 @@ function part02pan(data,dom){
                 rich: {
                     val: {
                         fontSize: 14,
-                        color: '#333',
+                        color: '#fff',
                         fontWeight: 'bold',
                         padding: [10, 0]
                     },
@@ -460,7 +461,7 @@ function lineChart(dataX,dataY){
             left: 0,
             textStyle: {
                 fontSize: 14,
-                color:'#666666',
+                color:'#fff',
                 fontWeight: 400
             }
         }],
@@ -502,7 +503,7 @@ function lineChart(dataX,dataY){
             },
             axisLine: {//x轴
                 lineStyle:{
-                    color:'#AAAAAA'
+                    color:'#fff'
                 }
             }
         },
@@ -511,7 +512,7 @@ function lineChart(dataX,dataY){
             axisLabel: {
                 formatter: '{value} %',
                 textStyle: {
-                    color: '#333333'
+                    color: '#fff'
                 }
             },
             
@@ -568,7 +569,7 @@ function lineChartSpecial(dataX,dataY){
                 },
                 axisLabel: {//x轴刻度
                     textStyle: {
-                        color: '#333'
+                        color: '#fff'
                     },
                     rotate:45,
                     formatter: function (value) {
@@ -581,7 +582,7 @@ function lineChartSpecial(dataX,dataY){
                 },
                 axisLine: {//x轴
                     lineStyle:{
-                        color:'#AAAAAA'
+                        color:'#fff'
                     }
                 }
             }
@@ -597,12 +598,12 @@ function lineChartSpecial(dataX,dataY){
                 },
                 axisLabel: {//y轴刻度
                     textStyle: {
-                        color: '#333333'
+                        color: '#fff'
                     }
                 },
                 splitLine:{//分割线
                     lineStyle:{
-                        color:'#EFF3FC'
+                        color:'#4A5D8E'
                     }
                 }
             }
@@ -614,7 +615,7 @@ function lineChartSpecial(dataX,dataY){
             left: 10,
             textStyle: {
                 fontSize: 14,
-                color:'#666666',
+                color:'#fff',
                 fontWeight: 400
             }
         }],
@@ -660,7 +661,7 @@ function barChartPay(dataX,dataY){
                 },
                 axisLabel: {//x轴刻度
                     textStyle: {
-                        color: '#333'
+                        color: '#fff'
                     },
                     rotate:45,
                     formatter: function (value) {
@@ -689,12 +690,12 @@ function barChartPay(dataX,dataY){
                 },
                 axisLabel: {//y轴刻度
                     textStyle: {
-                        color: '#333333'
+                        color: '#fff'
                     }
                 },
                 splitLine:{//分割线
                     lineStyle:{
-                        color:'#EFF3FC'
+                        color:'#4A5D8E'
                     }
                 }
             }
@@ -706,7 +707,7 @@ function barChartPay(dataX,dataY){
             left: 10,
             textStyle: {
                 fontSize: 14,
-                color:'#666666',
+                color:'#fff',
                 fontWeight: 400
             }
         }],
@@ -839,7 +840,7 @@ function barChart(data,type){
             left: 10,
             textStyle: {
                 fontSize: 14,
-                color:'#666666',
+                color:'#fff',
                 fontWeight: 400
             }
         }],
@@ -849,6 +850,9 @@ function barChart(data,type){
             right:15,
             top:15,
             selectedMode:false,
+            textStyle:{
+                color:'#fff'
+            },
             formatter: function (name) {
                 return name;
             }
@@ -873,7 +877,7 @@ function barChart(data,type){
                 data:  dataX,
                 axisLabel: {//x轴刻度
                     textStyle: {
-                        color: '#333'
+                        color: '#fff'
                     },
                     rotate:'45',
                     formatter: function (value) {
@@ -886,7 +890,7 @@ function barChart(data,type){
                 },
                 axisLine: {//x轴
                     lineStyle:{
-                        color:'#AAAAAA'
+                        color:'#4A5D8E'
                     }
                 },
             }
@@ -900,9 +904,14 @@ function barChart(data,type){
                 axisTick: {
                     show: false
                 },
+                axisLabel: {//y轴刻度
+                  textStyle: {
+                    color: '#fff'
+                  }
+                },
                 splitLine:{//分割线
                     lineStyle:{
-                        color:'#EFF3FC'
+                        color:'#4A5D8E'
                     }
                 }
             }
@@ -941,7 +950,7 @@ function emptyCircle(data){
     $(window).resize(function(){
         myChart.resize()
     });
-    let bgColor = '#fff';
+    let bgColor = '#203463';
     let title = '总量';
     let color = ['#F2637B','#975FE4', '#399FFF', '#37CBCB', '#4CCB73','#FAD336','#F2637B','#975FE4', '#399FFF', '#37CBCB', '#4CCB73','#FAD336'];
     let echartData = data;
@@ -950,7 +959,7 @@ function emptyCircle(data){
         total += echartData[i].num
     }
     option = {
-        backgroundColor: bgColor,
+        /*backgroundColor: bgColor,*/
         color: color,
         title: [{
             text: data.length>0?'{val|' + total + '}\n{name|' + title + '}':'',
@@ -960,14 +969,14 @@ function emptyCircle(data){
                 rich: {
                     val: {
                         fontSize: 24,
-                        color: '#333',
+                        color: '#fff',
                         fontWeight: 'bold',
                         padding: [10, 0]
                     },
                     name: {
                         fontSize: 12,
                         fontWeight: 'normal',
-                        color: '#777',
+                        color: '#fff',
                     }
                 }
             }
@@ -1035,7 +1044,7 @@ function emptyCircleB(data){
     $(window).resize(function(){
         myChart.resize()
     });
-    let bgColor = '#fff';
+    let bgColor = '#203463';
     let title = '总量';
     let color = ['#F2637B','#975FE4', '#399FFF', '#37CBCB', '#4CCB73','#FAD336','#F2637B','#975FE4', '#399FFF', '#37CBCB', '#4CCB73','#FAD336'];
     let echartData = data;
@@ -1044,7 +1053,7 @@ function emptyCircleB(data){
         total += echartData[i].num
     }
     option = {
-        backgroundColor: bgColor,
+        /*backgroundColor: bgColor,*/
         color: color,
         title: [{
             text: data.length>0?'{val|' + total + '}\n{name|' + title + '}':'',
@@ -1054,14 +1063,14 @@ function emptyCircleB(data){
                 rich: {
                     val: {
                         fontSize: 24,
-                        color: '#333',
+                        color: '#fff',
                         fontWeight: 'bold',
                         padding: [10, 0]
                     },
                     name: {
                         fontSize: 12,
                         fontWeight: 'normal',
-                        color: '#777',
+                        color: '#fff',
                     }
                 }
             }
@@ -1137,7 +1146,7 @@ function queList(data){
     for(let i = 0;i < data.length;i++){
         strAll += `
             <tr>
-                <td style="text-align:center;"><i style="background:${i < 3?'#bea571':'#eff3fc'};color:${i < 3?'#fff':'#999'};">${i+1}</i></td>
+                <td style="text-align:center;"><i style="background:${i < 3?'#ECB22E':'#526186'};color:${i < 3?'#fff':'#B7BDCC'};">${i+1}</i></td>
                 <td><p class="td02name">${data[i].name}</p></td>
                 <td>${data[i].num}</td>
                 <td>${data[i].percentStr}</td>

src/js/index.js

@@ -41,10 +41,15 @@ window.userActionHide = userActionHide
 function initMenu(data,userInfo){
   //菜单数据填充
   $("#menuTmpl").tmpl(data).appendTo(".menu ul");
+  $("#miniMenuTmpl").tmpl(data).appendTo(".menu-mini ul");
   //用户数据填充
   $("#userName").text(userInfo.linkman);
+  //初始菜单选中
+  $(".menu .page").eq(0).addClass("active");
+  if($(".menu .page").eq(0).is(".YH-KZT")){
+    $(".container").addClass("console-cont");
+  }
   //菜单收起展开
-  $(".menu .page").eq(0).addClass("active")
   $(".list-1").on("click",function(){
     // $(".list-1 .slide-up").removeClass('slide-up');
     // $(this).toggleClass('slide-up');
@@ -56,8 +61,23 @@ function initMenu(data,userInfo){
       $(this).removeClass("list-1-show")
     }
     $(this).find("ul").slideToggle();
-    
   });
+//收起菜单
+  $(".slide-hide").click(function(){
+    $(".menu").animate({"width":"45px"},function(){
+      $(this).hide();
+      $(".menu-mini").show();
+    });
+    $(".main").animate({"margin-left":"45px"});
+  });
+  //展开菜单
+  $(".slide-show").click(function(){
+    $(".menu-mini").hide();
+    $(".menu").show().animate({"width":"205px"},function(){
+    });
+    $(".main").animate({"margin-left":"205px"});
+  });
+
   $(".list-1 li").on("click",function(e){
     e.stopPropagation();
   });
@@ -70,6 +90,11 @@ function initMenu(data,userInfo){
     if(code === 'YH-BLZK-ZKPFGR'){
       url += `?doctorName=${userInfo.linkman}`
     }
+    if(code === 'YH-KZT'){
+      $(".container").addClass("console-cont");
+    }else{
+      $(".container").removeClass("console-cont");
+    }
     $("#contentIframe").attr("src",url);
   });
 }

src/js/qcScore.js

@@ -2,9 +2,8 @@ require("../css/qcScore.less");
 const $ = require('jquery');
 require('jquery-templates');
 require('./modal.js');
-const {api,post,getUrlArgObject,setBoxHeight,getCookie} = require('./utils.js');
-const {keyMaps} = require('./maps.js');
-const {wardRound,preoperation,summary,operationRecord,applicationForm,resultForm,consultationNote,difficultRecord,illnessNotice,pathologicTest,rescueRecord,transfusionEvaluate,transfusionRecord} = require("./qcScore_byll.js")
+const {post,getUrlArgObject,setBoxHeight,getCookie} = require('./utils.js');
+const {api} = require('./api.js');
 //本页全局变量
 let global_flawData = {};    //缺陷数据
 const global_id=getUrlArgObject("id");
@@ -23,6 +22,7 @@ function initMenu(data){
   const menu=[{id:0,name:"缺陷总览",parentId: -1,sonMode: []},...(data||[])];
   //菜单数据填充
   $("#subMenuTmpl").tmpl(menu).appendTo("#subMenu");
+  $("#miniMenuTmpl").tmpl(menu).appendTo(".menu-mini ul");
   //菜单收起展开
   $(".list-1").on("click",function(){
     $(".list-1 .slide-up").removeClass('slide-up');
@@ -32,6 +32,21 @@ function initMenu(data){
   $(".list-1 li").on("click",function(e){
     e.stopPropagation();
   });
+//收起菜单
+  $(".slide-hide").click(function(){
+    $(".sub-menu").animate({"width":"45px"},function(){
+      $(this).hide();
+      $(".menu-mini").show();
+    });
+    $(".tab-container").animate({"margin-left":"45px"});
+  });
+  //展开菜单
+  $(".slide-show").click(function(){
+    $(".menu-mini").hide();
+    $(".sub-menu").show().animate({"width":"205px"},function(){
+    });
+    $(".tab-container").animate({"margin-left":"205px"});
+  });
   //右侧内容切换
   $(".page").on("click",function(){
     if($(this).attr("code")==="缺陷总览"){
@@ -197,12 +212,16 @@ function initScoreItem(data){
       showModal('1',code,i);
     }
   })
-  $(".edit-flaw").css("opacity",hasAu?"1":"0.5")
-  $(".del-flaw").css("opacity",hasAu2?"1":"0.5")
+  $(".edit-flaw").css({"opacity":hasAu?"1":"0.5",cursor:hasAu?"pointer":"unset"});
+  $(".del-flaw").css({"opacity":hasAu2?"1":"0.5",cursor:hasAu2?"pointer":"unset"});
   $(".flaw-item .title a[href]").click(function(){
     const id = $(this).attr("href");
+    const anchors=$(this).attr("anchors").split(",");
+    let ans = anchors.map((it)=>{
+      return "#anchor"+it;
+    });
     $(".info-item .cont,.flaw-item .title").removeClass("active");
-    $(id).addClass("active");
+    $(ans.join(",")).addClass("active");
     $(this).parent().addClass("active");
   });
 }
@@ -219,7 +238,7 @@ function showFlawList(){
 }
 
 //删除评分项
-function delScore(id){
+function delScore(id,info){
   const param={
     'behospitalCode':global_id,
     'optResultAlgVO':{
@@ -230,6 +249,7 @@ function delScore(id){
     if(res.data.code==='0'){
       $("#delModal").hide();
       updateFlaws(res.data.data);
+      $("#anchor"+info.pageKeyList[0]).removeClass("active");
       $.alerModal({"message":"删除成功",type:"tip",time:'1000'});
     }
   });
@@ -354,7 +374,7 @@ function formatFlawKeys(data){
     const module=global_modules[mid].moduleDetail;
     const key = global_modules[mid].modeName.replace(/[^\u4e00-\u9fa5|a-zA-Z0-9]+/g,'');
     let hml = '<div class="content-item" code="'+key+'">' +
-      '<h2 class="title">'+key+'</h2>' +
+      '<h2 class="title">'+global_modules[mid].modeName+'</h2>' +
       (n>1?'<div class="container">':'<div class="container content-ht">');
 
     for(let i in module){
@@ -387,7 +407,7 @@ function formatFlawKeys(data){
     const lineHml = ('<p class="'+posClass+' '+boldClass+' '+retractClass+'">'+ extractVars(val)+'</p>');
     const txtHml = ('<p style="display: inline;vertical-align: middle;" class="'+posClass+' '+boldClass+' '+retractClass+'">'+ extractVars(val)+'</p>');
 
-    let hml = addLine||monoLine?`<div class="cont" style="width: 100%;" id="anchor${id}">`:`<div class="cont" id="anchor${id}">`;
+    let hml = addLine||monoLine?`<div class="cont ${posClass}" style="width: 100%;" id="anchor${id}">`:`<div class="cont" id="anchor${id}">`;
     hml=hml+`<span class="label">${name}</span>`+ (addLine?lineHml:txtHml)+ `</div>`;
     return hml;
   }
@@ -440,6 +460,7 @@ function formatFlawKeys(data){
         const data = res.data.data;
         global_modules=data;
         getRecordDetail();
+        $("#loading").hide();
       }
     });
   }