自定义滚动条外层菜单页修改（不包括三级）

src/css/abnormal.less

@@ -2,7 +2,7 @@
 .container{
     width: 100%;
     height: 100%;
-    overflow: auto;
+    // overflow: auto;
     background-color: @disColor;
 }
 .abnormal {
@@ -24,7 +24,7 @@
     }
     .main-body{
         .main-body-com;
-        min-width: 1090px;
+        min-width: 1160px;
         /*width: 100%;*/
     }
     table{

src/css/console.less

@@ -1,10 +1,10 @@
 @import './reset.less';
 @import './roll.css';
 div.console {
-  overflow: auto;
-  overflow-y: hidden;
+  // overflow: auto;
+  overflow: hidden;
   background: @activeBg;
-
+  height: 100%;
   .ui-widget.ui-widget-content,
   .ui-widget-header,.ui-datepicker thead,.ui-state-default, 
   .ui-datepicker-month,.ui-datepicker-year,
@@ -443,9 +443,9 @@ div.console {
       padding: 6px 5px;
       width: 100%;
       box-sizing: border-box;
-      overflow-y: auto;
+      overflow-y: hidden;
       overflow-x: hidden;
-      height: 410px;
+      height: 370px;
     }
     /*.thead {
       td {

src/css/dayDetail.less

@@ -3,7 +3,7 @@
 .container{
     width: 100%;
     height: 100%;
-    overflow: auto;
+    // overflow: auto;
 }
 .dayDetail {
     background-color: @disColor;
@@ -39,7 +39,7 @@
     }
     .main-body{
         .main-body-com;
-        min-width: 1090px;
+        min-width: 1160px;
         /*width: 100%;*/
     }
     table{

src/css/deptConsole.less

@@ -1,8 +1,9 @@
 @import './reset.less';
 
-body.console {
+div.console {
   overflow: auto;
   background-color: @themeColor;
+  height: 100%;
   .ui-widget.ui-widget-content,
   .ui-widget-header,.ui-datepicker thead,.ui-state-default, 
   .ui-datepicker-month,.ui-datepicker-year,
@@ -418,7 +419,7 @@ body.console {
       padding: 15px 5px;
       width: 100%;
       box-sizing: border-box;
-      overflow: auto;
+      // overflow: auto;
       height: 405px;
     }
     .thead {

src/css/deptScoreDetail.less

@@ -3,7 +3,7 @@
 .container{
     width: 100%;
     height: 100%;
-    overflow: auto;
+    // overflow: auto;
     background-color: @disColor;
 }
 .deptScoreDetail {
@@ -38,7 +38,7 @@
     }
     .main-body{
         .main-body-com;
-        min-width: 1090px;
+        min-width: 1160px;
         /*width: 100%;*/
     }
     table{

src/css/deptScoreDetailControl.less

@@ -3,7 +3,7 @@
 .container{
     width: 100%;
     height: 100%;
-    overflow: auto;
+    // overflow: auto;
     background: @disColor;
 }
 .deptScoreDetailControl {
@@ -40,7 +40,7 @@
     }
     .main-body{
         .main-body-com;
-        min-width: 1090px;
+        min-width: 1160px;
         // box-sizing: border-box;
         /*width: 100%;*/
     }

src/css/index.less

@@ -130,7 +130,7 @@
       overflow-x: hidden;
       overflow-y: auto;
       white-space: nowrap;
-      height: calc(100% - 90px);
+      // height: calc(100% - 90px);
       &>li{
         text-indent: 42px;
         background: url("../images/module.png") 16px 12px no-repeat;
@@ -138,6 +138,17 @@
       }
 
     }
+    .menuList{
+      overflow-x: hidden;
+      overflow-y: hidden;
+      white-space: nowrap;
+      // height: calc(100% - 90px);
+      &>li{
+        text-indent: 42px;
+        background: url("../images/module.png") 16px 12px no-repeat;
+        margin-bottom: 10px;
+      }
+    }
     .YH-KZT,.YH-KZTKS{
       background: url("../images/home.png") 16px 10px no-repeat;
       &.active{

src/css/itemManager.less

@@ -2,7 +2,7 @@
 .managerContainer{
     width: 100%;
     height: 100%;
-    overflow-y: auto;
+    // overflow-y: auto;
     background: @disColor;
     .selectUsed,.selectReject {
         float: right;
@@ -14,9 +14,13 @@
     }
     h2{
         .h2;
+        position: fixed;
+        z-index: 100;
+        top: 0
     }
     .main-body{
         .main-body-com;
+        margin-top: 50px
     }
     table{
         .table;

src/css/jiaji.less

@@ -3,7 +3,7 @@
 .container{
     width: 100%;
     height: 100%;
-    overflow: auto;
+    // overflow: auto;
     background: @disColor;
 }
 .jiaji {
@@ -42,7 +42,7 @@
     }
     .main-body{
         .main-body-com;
-        min-width: 1090px;
+        min-width: 1160px;
         /*width: 100%;*/
     }
     table{

src/css/mukuai.less

@@ -3,7 +3,7 @@
 .mukuai{
     width: 100%;
     height: 100%;
-    overflow-y: auto;
+    // overflow-y: auto;
     background-color: @disColor;
     .filterDropList{
         position: absolute;

src/css/partDetail.less

@@ -3,7 +3,7 @@
 .container{
     width: 100%;
     height: 100%;
-    overflow: auto;
+    // overflow: auto;
     background-color: @disColor;
 }
 .partDetail {
@@ -41,7 +41,7 @@
     }
     .main-body{
         .main-body-com;
-        min-width: 1090px;
+        min-width: 1160px;
         /*width: 100%;*/
     }
     table{

src/css/partDetailControl.less

@@ -3,7 +3,7 @@
 .container{
     width: 100%;
     height: 100%;
-    overflow: auto;
+    // overflow: auto;
     background-color: @disColor;
 }
 .partDetailControl {
@@ -41,7 +41,7 @@
     }
     .main-body{
         .main-body-com;
-        min-width: 1090px;
+        min-width: 1160px;
         /*width: 100%;*/
     }
     table{

src/css/payDetail.less

@@ -3,7 +3,7 @@
 .container{
     width: 100%;
     height: 100%;
-    overflow: auto;
+    // overflow: auto;
     background-color: @disColor;
 }
 .payDetail {
@@ -42,7 +42,7 @@
     }
     .main-body{
         .main-body-com;
-        min-width: 1090px;
+        min-width: 1160px;
         /*width: 100%;*/
     }
     table{

src/css/qcList.less

@@ -2,7 +2,7 @@
 .container{
     width: 100%;
     height: 100%;
-    overflow: auto;
+    // overflow: auto;
     background: #fff;
 }
 ul,li{
@@ -11,7 +11,8 @@ ul,li{
 h2{
     .h2;
     border-bottom: 10px @disColor solid;
-    position: absolute;
+    position: fixed;
+    top: 0;
 }
 .main-body{
     .main-body-com;

src/css/qcListDept.less

@@ -2,7 +2,7 @@
 .container{
     width: 100%;
     height: 100%;
-    overflow: auto;
+    // overflow: auto;
     background: #fff;
 }
 ul,li{
@@ -11,7 +11,8 @@ ul,li{
 h2{
     .h2;
     border-bottom: 10px @disColor solid;
-    position: absolute;
+    position: fixed;
+    top: 0
 }
 .main-body{
     .main-body-com;

src/css/qcListDocteam.less

@@ -2,7 +2,7 @@
 .container{
     width: 100%;
     height: 100%;
-    overflow: auto;
+    // overflow: auto;
     background: #fff;
 }
 ul,li{
@@ -11,7 +11,8 @@ ul,li{
 h2{
     .h2;
     border-bottom: 10px @disColor solid;
-    position: absolute;
+    position: fixed;
+    top: 0;
 }
 .main-body{
     .main-body-com;

src/css/qcListPerson.less

@@ -2,7 +2,7 @@
 .container{
     width: 100%;
     height: 100%;
-    overflow: auto;
+    // overflow: auto;
     background: #fff;
 }
 ul,li{
@@ -11,7 +11,8 @@ ul,li{
 h2{
     .h2;
     border-bottom: 10px @disColor solid;
-    position: absolute;
+    position: fixed;
+    top: 0
 }
 .main-body{
     .main-body-com;

src/css/reset.less

@@ -356,13 +356,13 @@ input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
   height: 44px;
 }
 .partTitle {
-  position: absolute;
+  position: fixed;
   top: 0;
   right: 0;
   width: 100%;
   box-sizing: border-box;
   background-color: #fff;
-  z-index: 20;
+  z-index: 100;
   height: 44px;
   line-height: 44px;
   padding-left: 20px;

src/css/roleManager.less

@@ -77,7 +77,7 @@
     }
     .mainSysWrap {
         padding: 0 15px;
-        overflow: auto;
+        // overflow: auto;
     }
     .mainSys {
         border-bottom: 1px solid #E2E5EF;

src/css/roll.css

@@ -15,6 +15,7 @@ div,p {margin: 0; padding: 0;}
 	/* width: 100%;
 	height: 350px; */
 	position: relative;
+	height: 100%;
 }
 /* 滚动内容样式 */
 .scroll_wrap .scroll_cont {
@@ -51,14 +52,32 @@ div,p {margin: 0; padding: 0;}
 }
 
 .partWrap_scroll_wrap{
-	min-width: 1185px;
+	min-width: 1205px;
 }
 .explainPanB_scroll_wrap{
 	height: 180px;
 }
-.scroll_wrap .partWrap_scroll_bar{
+.deptConsole .explainPanB_scroll_wrap{
+	height: 250px;
+}
+.explainPanT_scroll_wrap{
+	height: 180px;
+}
+/* .scroll_wrap .partWrap_scroll_bar{
 	top: 0px;
 }
 .scroll_wrap .explainPanB_scroll_bar{
 	top: 20px;
+} */
+.mainSysWrap_scroll_wrap{
+	height: auto;
+}
+.list_scroll_wrap{
+	height: 370px;
+}
+.deptConsole .list_scroll_wrap{
+	height: 405px;
 }
+.menuList_scroll_wrap{
+	height: calc(100% - 90px);
+}

src/html/deptConsole.html

@@ -5,152 +5,156 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
 </head>
-<body class="console">
-  <div class="partDept">
-    <ul class="clearfix">
-      
-    </ul>
-  </div>
-  <div class="partTitle">
-    <p><span></span><i></i>数据概览</p>
-    <div class="monthYear clearfix">
-      <span class="mon">本月</span>
-      <span class="year">本年</span>
-    </div> 
-    <div class="toggleSlide deptConsoleLis fr">
-      <p><span>平均住院天数</span><img src="../images/arrow_down1.png" alt=""> </p>
-      <ul>
-        <li class="toggleAverge toggleSlide1" data-str="平均住院天数" data-type="1">平均住院天数</li>
-        <li class="toggleAverge toggleSlide2" data-str="平均住院花费" data-type="2">平均住院花费</li>
+<body >
+  <div class="console deptConsole">
+    <div class="partDept">
+      <ul class="clearfix">
+        
       </ul>
     </div>
-    <div class="dateDetail fr">
-      
+    <div class="partTitle">
+      <p><span></span><i></i>数据概览</p>
+      <div class="monthYear clearfix">
+        <span class="mon">本月</span>
+        <span class="year">本年</span>
+      </div> 
+      <div class="toggleSlide deptConsoleLis fr">
+        <p><span>平均住院天数</span><img src="../images/arrow_down1.png" alt=""> </p>
+        <ul>
+          <li class="toggleAverge toggleSlide1" data-str="平均住院天数" data-type="1">平均住院天数</li>
+          <li class="toggleAverge toggleSlide2" data-str="平均住院花费" data-type="2">平均住院花费</li>
+        </ul>
+      </div>
+      <div class="dateDetail fr">
+        
+      </div>
+      <span class="dataSelectDark filterItem typeFilter clearfix">
+          <!-- <span class="fl">出院日期：</span> -->
+          <span class="datapickerBox fl"><input type="text" placeholder="请选择时间" id="datepicker" autocomplete="off" readonly/><img class="iconCalen" src="../images/icon_calen_grey.png" /></span>
+          <span class="divide fl">-</span>
+          <span class="datapickerBox fl"><input type="text" placeholder="请选择时间" id="datepicker2"  autocomplete="off" readonly/><img class="iconCalen" src="../images/icon_calen_grey.png" /></span>
+          <span class="sureDate">查询</span>
+      </span>
     </div>
-    <span class="dataSelectDark filterItem typeFilter clearfix">
-        <!-- <span class="fl">出院日期：</span> -->
-        <span class="datapickerBox fl"><input type="text" placeholder="请选择时间" id="datepicker" autocomplete="off" readonly/><img class="iconCalen" src="../images/icon_calen_grey.png" /></span>
-        <span class="divide fl">-</span>
-        <span class="datapickerBox fl"><input type="text" placeholder="请选择时间" id="datepicker2"  autocomplete="off" readonly/><img class="iconCalen" src="../images/icon_calen_grey.png" /></span>
-        <span class="sureDate">查询</span>
-    </span>
-  </div>
-  <div class="partTitleT"></div>
-  <!--<div class="grayLine"></div>-->
-  <div class="partWrap clearfix">
-      <div class="part01 fl">
-        <p class="partTitlePub clearfix" style="cursor: default;">
-          <span class="name">出院人数统计</span>
-          <span class="personNum">总人数：</span>
-        </p>
-        <div class="chuyuan">
-          <ul class="clearfix" style="cursor: default;">
-            <li>
-              <div class="lis">
-                <p class="numShow died"></p>
-                <p class="explainNum">死亡人数</p>
-              </div>
-            </li>
-            <li class="li03">
-              <div class="lis li02">
-                <p class="numShow patientNum"></p>
-                <p class="explainNum">手术病人数</p>
-              </div>
-            </li>
-          </ul>
-        </div>
-        <div class="chuyuanEmpty"></div>
-        <div class="defect">
-          <p class="partTitlePub">各模块缺陷占比排名 <img class="detailGo" src="../images/details.png" alt=""></p>
-          <div class="list">
-            <table class="qtable">
+    <div class="partTitleT"></div>
+    <!--<div class="grayLine"></div>-->
+    <div class="partWrap clearfix">
+        <div class="part01 fl">
+          <p class="partTitlePub clearfix" style="cursor: default;">
+            <span class="name">出院人数统计</span>
+            <span class="personNum">总人数：</span>
+          </p>
+          <div class="chuyuan">
+            <ul class="clearfix" style="cursor: default;">
+              <li>
+                <div class="lis">
+                  <p class="numShow died"></p>
+                  <p class="explainNum">死亡人数</p>
+                </div>
+              </li>
+              <li class="li03">
+                <div class="lis li02">
+                  <p class="numShow patientNum"></p>
+                  <p class="explainNum">手术病人数</p>
+                </div>
+              </li>
+            </ul>
+          </div>
+          <div class="chuyuanEmpty"></div>
+          <div class="defect">
+            <p class="partTitlePub">各模块缺陷占比排名 <img class="detailGo" src="../images/details.png" alt=""></p>
+            <div class="list">
+              <table class="qtable">
+    
+              </table>
+              <div class="qtableEmpty">
   
-            </table>
-            <div class="qtableEmpty">
-
+              </div>
             </div>
           </div>
         </div>
-      </div>
-      <div class="part02 fl">
-        <div class="bldjs">
-          <ul class="bingli clearfix">
-            <li class="fst">
-              <p class="numShow"></p>
-              <p class="explainNum">累计质控病历数</p>
-            </li>
-            <li class="sec">
-              <p class="numShow"></p>
-              <p class="explainNum">甲级病历</p>
-            </li>
-            <li class="sec">
-              <p class="numShow"></p>
-              <p class="explainNum">乙级病历</p>
-            </li>
-            <li class="four sec">
-              <p class="numShow"></p>
-              <p class="explainNum">丙级病历</p>
-            </li>
-          </ul>
-          <div class="bingliLis clearfix">
-            <p>病历评分等级占比 <img class="detailGo" src="../images/details.png" alt=""></p>
-            <div class="panPartPub panPart02">
-              <div class="fen" id="fen01"></div>
-              <p>甲级占比</p>
-            </div>
-            <div class="panPartPub panPart01">
-              <div class="fen" id="fen02"></div>
-              <p>乙级占比</p>
-            </div>
-            <div class="panPartPub panPart03">
-              <div class="fen" id="fen03"></div>
-              <p>丙级占比</p>
+        <div class="part02 fl">
+          <div class="bldjs">
+            <ul class="bingli clearfix">
+              <li class="fst">
+                <p class="numShow"></p>
+                <p class="explainNum">累计质控病历数</p>
+              </li>
+              <li class="sec">
+                <p class="numShow"></p>
+                <p class="explainNum">甲级病历</p>
+              </li>
+              <li class="sec">
+                <p class="numShow"></p>
+                <p class="explainNum">乙级病历</p>
+              </li>
+              <li class="four sec">
+                <p class="numShow"></p>
+                <p class="explainNum">丙级病历</p>
+              </li>
+            </ul>
+            <div class="bingliLis clearfix">
+              <p>病历评分等级占比 <img class="detailGo" src="../images/details.png" alt=""></p>
+              <div class="panPartPub panPart02">
+                <div class="fen" id="fen01"></div>
+                <p>甲级占比</p>
+              </div>
+              <div class="panPartPub panPart01">
+                <div class="fen" id="fen02"></div>
+                <p>乙级占比</p>
+              </div>
+              <div class="panPartPub panPart03">
+                <div class="fen" id="fen03"></div>
+                <p>丙级占比</p>
+              </div>
             </div>
           </div>
-        </div>
-        <div class="pingfendengji">
-          <p class="title">病历评分数据</p>
-          <div class="pingfendengjiEmpty">
-
-          </div>
-        </div>
-        <div class="circleB circleBSingle clearfix">
-          <p class="title">条目缺陷占比 <img class="detailGo" src="../images/details.png" alt=""></p>
-          <div class="emptyCircleBData">
-            <div id="emptyCircleB" class="emptyCircle"></div>
-            <div class="explainPan explainPanB">
-              <table>
-                
-              </table>
+          <div class="pingfendengji">
+            <p class="title">病历评分数据</p>
+            <div class="pingfendengjiEmpty">
+  
             </div>
           </div>
-          <div class="emptyCircleBWrap">
-
-          </div>
-        </div>
-        <div class="circleBLis">
-          <div class="circleB homePage clearfix">
-            <p class="title">病案首页合格率占比 <img class="detailGo" src="../images/details.png" alt=""></p>
-            <div id="lineChart" class="emptyCircle emptyLineCircle"></div>
-            <div class="emptyLineCircleEmpty"></div>
-          </div>
-          <div class="circleB homePageNo clearfix">
+          <div class="circleB circleBSingle clearfix">
             <p class="title">条目缺陷占比 <img class="detailGo" src="../images/details.png" alt=""></p>
-            <div class="emptyCircleBDatas">
-              <div id="emptyCircleBc" class="emptyCircle"></div>
-              <div class="explainPan explainPanc explainPanBc">
+            <div class="emptyCircleBData">
+              <div id="emptyCircleB" class="emptyCircle"></div>
+              <div class="explainPan explainPanB">
                 <table>
                   
                 </table>
               </div>
             </div>
-            <div class="emptyCircleBWraps">
-
+            <div class="emptyCircleBWrap">
+  
             </div>
           </div>
-
+          <div class="circleBLis">
+            <div class="circleB homePage clearfix">
+              <p class="title">病案首页合格率占比 <img class="detailGo" src="../images/details.png" alt=""></p>
+              <div id="lineChart" class="emptyCircle emptyLineCircle"></div>
+              <div class="emptyLineCircleEmpty"></div>
+            </div>
+            <div class="circleB homePageNo clearfix">
+              <p class="title">条目缺陷占比 <img class="detailGo" src="../images/details.png" alt=""></p>
+              <div class="emptyCircleBDatas">
+                <div id="emptyCircleBc" class="emptyCircle"></div>
+                <div class="explainPan explainPanc explainPanBc">
+                  <table>
+                    
+                  </table>
+                </div>
+              </div>
+              <div class="emptyCircleBWraps">
+  
+              </div>
+            </div>
+  
+          </div>
         </div>
-      </div>
+    </div>
+
   </div>
+  
 </body>
 </html>

src/html/index.html

@@ -48,7 +48,7 @@
               <a href="javescript:void(0);" class="slide-hide">
                   <img src="../images/down.png" alt="">
               </a>
-              <ul></ul>
+              <ul class="menuList"></ul>
               <div class="copy-right"><p>©杭州朗通信息技术有限公司</p></div>
           </div>
           <div class="menu-mini fl">

src/html/qcList.html

@@ -10,7 +10,7 @@
 </head>
 
 <body>
-    <div class="container">
+    <div class="container qcList">
         <h2>质控评分</h2>
         <div class="main-body">
             <div class="filterBox">

src/html/qcListDept.html

@@ -10,7 +10,7 @@
 </head>
 
 <body>
-    <div class="container">
+    <div class="container qcListDept">
         <h2>质控评分</h2>
         <div class="main-body">
             <div class="filterBox">

src/html/qcListDocteam.html

@@ -10,7 +10,7 @@
 </head>
 
 <body>
-    <div class="container">
+    <div class="container qcListDocteam">
         <h2>质控评分(医疗组)</h2>
         <div class="main-body">
             <div class="filterBox">

src/html/qcListPerson.html

@@ -10,7 +10,7 @@
 </head>
 
 <body>
-    <div class="container">
+    <div class="container qcListPerson">
         <h2>质控评分</h2>
         <div class="main-body">
             <div class="filterBox">

src/js/abnormal.js

@@ -2,7 +2,7 @@ const $ = require('jquery');
 require("../css/abnormal.less");
 require('./modal.js');
 const {api} = require('./api.js')
-const {post,getCookie,emptyBox} = require('./utils.js')
+const {post,getCookie,emptyBox,initScroll} = require('./utils.js')
 require('./../resource/jquery-ui/jquery-ui.min.js');
 require('./../resource/jquery-ui/jquery-ui.min.css');
 const iconCheck= require("./../images/icon_check.png")
@@ -145,6 +145,7 @@ function renderTab(data,hisId,activePage){
     }
     $('.tbody').html(str?str:emptyBox())
     bindScoreDetail(hisId)
+    initScroll("abnormal","YX",1)
 }
 function getQcAnnormalMode(item,type,mol,des){
     console.log(type)

src/js/assertType.js

@@ -2,7 +2,7 @@ const $ = require('jquery');
 require("../css/assertType.less");
 require('./modal.js');
 const {api} = require('./api.js')
-const {post,getCookie,getUrlArgObjectNew,emptyBox} = require('./utils.js')
+const {post,getCookie,getUrlArgObjectNew,emptyBox,initScroll} = require('./utils.js')
 require('./../resource/jquery-ui/jquery-ui.min.js');
 require('./../resource/jquery-ui/jquery-ui.min.css');
 const iconCheck= require("./../images/icon_check.png")
@@ -207,6 +207,7 @@ function renderTab(data,hisId,activePage){
         let docName = $(this).attr("data-doc")
         $(parent.document).find("#contentIframe").attr("src","quexianDetail.html?from=1&casesId=243&deptName="+deptIdTemp+"&docName="+docName+"&shijian="+statisticsType)
     })
+    initScroll("assertType","Y",1)
 }
 
 function scoreDetail(id,age,hid,code){

src/js/console.js

@@ -1652,6 +1652,7 @@ function queList(data){
         `
     }
     $(".qtable").html(tmp+strAll)
+    initScroll("list","Y",2)
 }
 //饼图列表注释渲染
 function panDetail(data){
@@ -1669,6 +1670,7 @@ function panDetail(data){
         `
     }
     $(".explainPanT table").html(strAll);
+    initScroll("explainPanT","Y",2,"20px")
 }
 function panDetailB(data){
     let color = ['#F2637B','#975FE4', '#399FFF', '#37CBCB', '#4CCB73','#FAD336','#F2637B','#975FE4', '#399FFF', '#37CBCB', '#4CCB73','#FAD336'];
@@ -1694,7 +1696,7 @@ function panDetailB(data){
     //     sliderSelector: '.explainPanB_scroll_slider', //滚动滑块
     //     sliderMode:2   
     // });
-    initScroll("explainPanB","Y",2)
+    initScroll("explainPanB","Y",2,"20px")
 }
 //时间获取
 function getTimeDetail(){

src/js/dayDetail.js

@@ -2,7 +2,7 @@ const $ = require('jquery');
 require("../css/dayDetail.less");
 require('./modal.js');
 const {api} = require('./api.js')
-const {post,getCookie,getUrlArgObjectNew,emptyBox} = require('./utils.js')
+const {post,getCookie,getUrlArgObjectNew,emptyBox,initScroll} = require('./utils.js')
 require('./../resource/jquery-ui/jquery-ui.min.js');
 require('./../resource/jquery-ui/jquery-ui.min.css');
 const iconCheck= require("./../images/icon_check.png")
@@ -173,6 +173,7 @@ function renderTab(data,hisId,activePage){
     `
     $('.tableDay').html(sts)
     bindScoreDetail(hisId)
+    initScroll("dayDetail","YX",1)
 }
 
 function scoreDetail(id,age,hid,code){

src/js/deptConsole.js

@@ -10,7 +10,7 @@ const {api} = require('./api.js')
 const echarts = require('echarts');
 require('./../resource/jquery-ui/jquery-ui.min.js');
 require('./../resource/jquery-ui/jquery-ui.min.css');
-const {post,setCookie,delCookie,getCookie,focusMenuItem,picEmptyData } = require('../js/utils.js');
+const {post,setCookie,delCookie,getCookie,focusMenuItem,picEmptyData,initScroll } = require('../js/utils.js');
 let payMoney = [],behosDateStart="",behosDateEnd="",ownSelectDate='',dayLis = [],dateType = 2,curDept = '',curDeptId='',datafst=[],datasec=[],datatrd=[],datafour=[],hospital=getCookie("hospital");
 $(function(){
     if(!hasData('YH-KZT')&&!hasData('YH-KZTKS')){
@@ -763,6 +763,7 @@ function queList(data){
         `
     }
     $(".qtable").html(tmp+strAll)
+    initScroll("list","Y",2)
 }
 //饼图列表注释渲染
 function panDetailB(data){
@@ -783,6 +784,7 @@ function panDetailB(data){
     $(".explainPan").css({
         marginTop:-($(".explainPan").height()/2-20)+'px'
     })
+    // initScroll("explainPanB","Y",2)
 }
 function panDetailBc(data){
     let color = ['#F2637B','#975FE4', '#399FFF', '#37CBCB', '#4CCB73','#FAD336','#F2637B','#975FE4', '#399FFF', '#37CBCB', '#4CCB73','#FAD336'];
@@ -956,4 +958,6 @@ $(function() {
     $('.iconCalen').on("click", function(e){
         $(this).parent().find("input").focus()
     })
+    initScroll("partWrap","Y",2)
+    initScroll("console","X",2)
 });

src/js/deptScoreDetail.js

@@ -2,7 +2,7 @@ const $ = require('jquery');
 require("../css/deptScoreDetail.less");
 require('./modal.js');
 const {api} = require('./api.js')
-const {post,getCookie,getUrlArgObjectNew,focusMenuItem,emptyBox,setDatePicker,getPickerDate} = require('./utils.js')
+const {post,getCookie,getUrlArgObjectNew,focusMenuItem,emptyBox,setDatePicker,getPickerDate,initScroll} = require('./utils.js')
 require('./../resource/jquery-ui/jquery-ui.min.js');
 require('./../resource/jquery-ui/jquery-ui.min.css');
 const iconCheck= require("./../images/icon_check.png")
@@ -234,6 +234,7 @@ function renderTab(data,hisId,activePage){
         focusMenuItem("YH-BLZK-ZKPFKS");
         $(parent.document).find("#contentIframe").attr("src","qcListDept.html?from=2&deptName="+deptIdTemp+"&docName="+docName+"&shijian=3"+"&chengdu="+deptC+"&deptId="+curDeptId+"&startDateParam="+startDateParam+"&endDateParam="+endDateParam)
     })
+    initScroll("deptScoreDetail","YX",1)
 }
 
 function scoreDetail(id,age,hid,code){

src/js/deptScoreDetailControl.js

@@ -2,7 +2,7 @@ const $ = require('jquery');
 require("../css/deptScoreDetailControl.less");
 require('./modal.js');
 const {api} = require('./api.js')
-const {post,getCookie,getUrlArgObjectNew,focusMenuItem,emptyBox,setDatePicker,getPickerDate,downloadExportedData,expJson} = require('./utils.js')
+const {post,getCookie,getUrlArgObjectNew,focusMenuItem,emptyBox,setDatePicker,getPickerDate,downloadExportedData,expJson,initScroll} = require('./utils.js')
 require('./../resource/jquery-ui/jquery-ui.min.js');
 require('./../resource/jquery-ui/jquery-ui.min.css');
 const iconCheck= require("./../images/icon_check.png")
@@ -228,6 +228,7 @@ function renderTab(data,hisId,activePage){
         focusMenuItem("YH-BLZK-ZKPF");
         $(parent.document).find("#contentIframe").attr("src","qcList.html?deptName="+deptName+"&from=2"+"&shijian=3&chengdu="+deptC+"&deptId="+deptIds+"&startDateParam="+startDateParam+"&endDateParam="+endDateParam)
     })
+    initScroll("deptScoreDetailControl","YX",1)
 }
 
 function scoreDetail(id,age,hid,code){

src/js/index.js

@@ -4,7 +4,7 @@ require('jquery-templates');
 const md5 = require('js-md5');
 require("./modal.js")
 const {api} = require('./api.js')
-const {post,pageMap,delCookie,setCookie,getCookie,focusMenuItem} = require('./utils.js');
+const {post,pageMap,delCookie,setCookie,getCookie,focusMenuItem,initScroll} = require('./utils.js');
 let userInfo={};
 $(function(){
   getMenu();
@@ -68,9 +68,13 @@ function initMenu(data,userInfo){
   }
   //菜单收起展开
   $(".menu .list-1").on("click",function(){
+
     if($(this).is(".list-1-show")){
       $(this).removeClass("list-1-show")
       $(this).find("ul").slideToggle();
+      setTimeout(function(){
+        initScroll("menuList","Y",2)
+      },300)
       return;
     }
 
@@ -81,6 +85,9 @@ function initMenu(data,userInfo){
       $(this).addClass("list-1-show")
     }
     $(this).find("ul").slideToggle();
+    setTimeout(function(){
+      initScroll("menuList","Y",2)
+    },300)
   });
 //收起菜单
   $(".slide-hide").click(function(){
@@ -119,7 +126,9 @@ function initMenu(data,userInfo){
       url += `?doctorName=${userInfo.linkman}`
     }
     $("#contentIframe").attr("src",url);
+   
   });
+  initScroll("menuList","Y",2)
 }
 
 //获取科室列表

src/js/itemManager.js

@@ -3,7 +3,7 @@ require("../css/itemManager.less");
 require('./../resource/jquery-ui/jquery-ui.min.js');
 require('./modal.js');
 const {api} = require('./api.js')
-const {post,getCookie} = require('./utils.js')
+const {post,getCookie, initScroll} = require('./utils.js')
 const switchIconOpen = require("./../images/btn_open.png")
 const switchIconClose = require("./../images/btn_close.png")
 const iconDown= require("./../images/arrow_down.png")
@@ -133,6 +133,7 @@ function renderTab(data,activePage){
     }
     $('.tbody').html(str)
     bindEdit(data,activePage)
+    initScroll("managerContainer","Y",1)
 }
 
 function bindEdit(data,activePage){

src/js/jiaji.js

@@ -2,7 +2,7 @@ const $ = require('jquery');
 require("../css/jiaji.less");
 require('./modal.js');
 const {api} = require('./api.js')
-const {post,getCookie,getUrlArgObjectNew,emptyBox,setDatePicker,getPickerDate} = require('./utils.js')
+const {post,getCookie,getUrlArgObjectNew,emptyBox,setDatePicker,getPickerDate,initScroll} = require('./utils.js')
 require('./../resource/jquery-ui/jquery-ui.min.js');
 require('./../resource/jquery-ui/jquery-ui.min.css');
 const iconCheck= require("./../images/icon_check.png")
@@ -172,6 +172,7 @@ function renderTab(data,hisId,activePage){
     }
     $('.tbody').html(str?str:emptyBox())
     bindScoreDetail(hisId)
+    initScroll("jiaji","YX",1)
 }
 
 function scoreDetail(id,age,hid,code){

src/js/moduleManager.js

@@ -6,7 +6,7 @@ require('./modal.js');
 
 // const  layui = require('layui-src');
 const {api} = require('./api.js')
-const {post,getCookie,emptyBox,isMac} = require('./utils.js')
+const {post,getCookie,emptyBox,isMac,initScroll} = require('./utils.js')
 function setTbaleInfoHei(){
  
     $(".tableInfo").css({
@@ -62,11 +62,12 @@ function renderTab(){
     const tableInfoHei =  $(".tableInfo table").height()
     const mac = isMac()
     if(!mac&&tableInfoHei > tableInfoBox){
-        $(".tableTitle").css("paddingRight", 15+'px')
+        // $(".tableTitle").css("paddingRight", 15+'px')
     }
     // bindInput()
     bindModuleOpera()
     getTotalSum()
+    initScroll("tableInfo","Y",1)
 
 }
 

src/js/mukuai.js

@@ -3,7 +3,7 @@ require("../css/mukuai.less");
 require('./../resource/jquery-ui/jquery-ui.min.js');
 require('./modal.js');
 const {api} = require('./api.js')
-const {post,getCookie,getUrlArgObjectNew,emptyBox,setDatePicker,getPickerDate} = require('./utils.js')
+const {post,getCookie,getUrlArgObjectNew,emptyBox,setDatePicker,getPickerDate,initScroll} = require('./utils.js')
 const switchIconOpen = require("./../images/btn_open.png")
 const switchIconClose = require("./../images/btn_close.png")
 const iconDown= require("./../images/arrow_down.png")
@@ -293,6 +293,7 @@ function renderTab(data,activePage){
         let deptName = deptId||(deptList.length>0?deptList[0].deptName:'')
         $(parent.document).find("#contentIframe").attr("src","./singleVeto.html?from=2&deptName="+deptName+"&special=1&model="+model+"&shijian=3"+"&startDateParam="+startDateParam+"&endDateParam="+endDateParam)
     })
+    initScroll("mukuai","Y",1)
 }
 
 function bindEdit(data,activePage){

src/js/mukuaiControl.js

@@ -3,7 +3,7 @@ require("../css/mukuai.less");
 require('./../resource/jquery-ui/jquery-ui.min.js');
 require('./modal.js');
 const {api} = require('./api.js')
-const {post,getCookie,getUrlArgObjectNew,emptyBox,setDatePicker,getPickerDate} = require('./utils.js')
+const {post,getCookie,getUrlArgObjectNew,emptyBox,setDatePicker,getPickerDate,initScroll} = require('./utils.js')
 const switchIconOpen = require("./../images/btn_open.png")
 const switchIconClose = require("./../images/btn_close.png")
 const iconDown= require("./../images/arrow_down.png")
@@ -305,6 +305,7 @@ function renderTab(data,activePage){
         // $(parent.document).find("#contentIframe").attr("src","quexianDetailControlHome.html?deptName="+deptName+"&from=1&casesId=243"+"&shijian="+statisticsType+"&ruleType="+ruleType)
         $(parent.document).find("#contentIframe").attr("src","./singleVeto.html?from=1&special=1&model="+model+"&shijian=3&startDateParam="+startDateParam+"&endDateParam="+endDateParam)
     })
+    initScroll("mukuai","Y",1)
 }
 
 function bindEdit(data,activePage){

src/js/partDetail.js

@@ -2,7 +2,7 @@ const $ = require('jquery');
 require("../css/partDetail.less");
 require('./modal.js');
 const {api} = require('./api.js')
-const {post,getCookie,getUrlArgObjectNew,emptyBox,setDatePicker,getPickerDate} = require('./utils.js')
+const {post,getCookie,getUrlArgObjectNew,emptyBox,setDatePicker,getPickerDate,initScroll} = require('./utils.js')
 require('./../resource/jquery-ui/jquery-ui.min.js');
 require('./../resource/jquery-ui/jquery-ui.min.css');
 const iconCheck= require("./../images/icon_check.png")
@@ -239,6 +239,7 @@ function renderTab(data,hisId,activePage){
         let ruleType = $(this).attr("data-ruleType")
         $(parent.document).find("#contentIframe").attr("src","quexianDetailHome.html?from=1&casesId=243&deptName="+deptIdTemp+"&docName="+docName+"&shijian=3"+"&ruleType="+ruleType+"&startDateParam="+startDateParam+"&endDateParam="+endDateParam)
     })
+    initScroll("partDetail","YX",1)
 }
 
 function scoreDetail(id,age,hid,code){

src/js/partDetailControl.js

@@ -2,7 +2,7 @@ const $ = require('jquery');
 require("../css/partDetailControl.less");
 require('./modal.js');
 const {api} = require('./api.js')
-const {post,getCookie,getUrlArgObjectNew,emptyBox,setTitleTxt,setDatePicker,getPickerDate,downloadExportedData,expJson} = require('./utils.js')
+const {post,getCookie,getUrlArgObjectNew,emptyBox,setTitleTxt,setDatePicker,getPickerDate,downloadExportedData,expJson,initScroll} = require('./utils.js')
 require('./../resource/jquery-ui/jquery-ui.min.js');
 require('./../resource/jquery-ui/jquery-ui.min.css');
 const iconCheck= require("./../images/icon_check.png")
@@ -186,6 +186,8 @@ function renderTab(data,hisId,activePage){
         let ruleType = $(this).attr("data-ruleType")
         $(parent.document).find("#contentIframe").attr("src","quexianDetailControlHome.html?deptName="+deptName+"&from=1&casesId=243"+"&shijian=3"+"&ruleType="+ruleType+"&startDateParam="+startDateParam+"&endDateParam="+endDateParam)
     })
+
+    initScroll("partDetailControl","YX",1)
 }
 
 function scoreDetail(id,age,hid,code){

src/js/payDetail.js

@@ -2,7 +2,7 @@ const $ = require('jquery');
 require("../css/payDetail.less");
 require('./modal.js');
 const {api} = require('./api.js')
-const {post,getCookie,getUrlArgObjectNew,emptyBox} = require('./utils.js')
+const {post,getCookie,getUrlArgObjectNew,emptyBox,initScroll} = require('./utils.js')
 require('./../resource/jquery-ui/jquery-ui.min.js');
 require('./../resource/jquery-ui/jquery-ui.min.css');
 const iconCheck= require("./../images/icon_check.png")
@@ -177,6 +177,7 @@ function renderTab(data,hisId,activePage){
     `
     $('.tableDay').html(sts)
     bindScoreDetail(hisId)
+    initScroll("payDetail","YX",1)
 }
 
 function scoreDetail(id,age,hid,code){

src/js/qcList.js

@@ -2,7 +2,7 @@ const $ = require('jquery');
 require("../css/qcList.less");
 require('./modal.js');
 const {api} = require('./api.js')
-const {post,getCookie,getUrlArgObjectNew,emptyBox,downloadExportedData,expJson} = require('./utils.js')
+const {post,getCookie,getUrlArgObjectNew,emptyBox,downloadExportedData,expJson,initScroll} = require('./utils.js')
 require('./../resource/jquery-ui/jquery-ui.min.js');
 require('./../resource/jquery-ui/jquery-ui.min.css');
 const iconCheck= require("./../images/icon_check.png")
@@ -210,6 +210,7 @@ function renderTab(data,hisId){
     let hasSelectAll = true;
     if(data.length===0){
       $('.tbody').html(emptyBox(null,showNum+2))
+      initScroll("qcList","YX",1)
       return;
     }
     for(let i = 0; i < data.length; i++){
@@ -259,6 +260,7 @@ function renderTab(data,hisId){
     bindScoreOperaItem()
     bindRecordScoreOper()
     bindScoreDetail(hisId)
+    initScroll("qcList","YX",1)
 }
 
 function isTextCenter(name){

src/js/qcListDept.js

@@ -2,7 +2,7 @@ const $ = require('jquery');
 require("../css/qcListDept.less");
 require('./modal.js');
 const {api} = require('./api.js')
-const {post,getCookie,getUrlArgObjectNew,emptyBox,downloadExportedData,expJson} = require('./utils.js')
+const {post,getCookie,getUrlArgObjectNew,emptyBox,downloadExportedData,expJson,initScroll} = require('./utils.js')
 require('./../resource/jquery-ui/jquery-ui.min.js');
 require('./../resource/jquery-ui/jquery-ui.min.css');
 const iconCheck= require("./../images/icon_check.png")
@@ -229,6 +229,7 @@ function renderTab(data){
     let hasSelectAll = true;
     if(data.length===0){
         $('.tbody').html(emptyBox(null,showNum+2))
+        initScroll("qcListDept","YX",1)
       return;
     }
     for(let i = 0; i < data.length; i++){
@@ -278,6 +279,7 @@ function renderTab(data){
     bindScoreOperaItem()
     bindRecordScoreOper()
     bindScoreDetail()
+    initScroll("qcListDept","YX",1)
 }
 
 function isTextCenter(name){

src/js/qcListDocteam.js

@@ -2,7 +2,7 @@ const $ = require('jquery');
 require("../css/qcListDocteam.less");
 require('./modal.js');
 const {api} = require('./api.js')
-const {post,getCookie,getUrlArgObjectNew,emptyBox,downloadExportedData,expJson} = require('./utils.js')
+const {post,getCookie,getUrlArgObjectNew,emptyBox,downloadExportedData,expJson,initScroll} = require('./utils.js')
 require('./../resource/jquery-ui/jquery-ui.min.js');
 require('./../resource/jquery-ui/jquery-ui.min.css');
 const iconCheck= require("./../images/icon_check.png")
@@ -209,6 +209,7 @@ function renderTab(data){
     let hasSelectAll = true;
     if(data.length===0){
         $('.tbody').html(emptyBox(null,showNum+2))
+        initScroll("qcListDocteam","YX",1)
       return;
     }
     for(let i = 0; i < data.length; i++){
@@ -258,6 +259,7 @@ function renderTab(data){
     bindScoreOperaItem()
     bindRecordScoreOper()
     bindScoreDetail()
+    initScroll("qcListDocteam","YX",1)
 }
 
 function isTextCenter(name){

src/js/qcListPerson.js

@@ -2,7 +2,7 @@ const $ = require('jquery');
 require("../css/qcListPerson.less");
 require('./modal.js');
 const {api} = require('./api.js')
-const {post,getUrlArgObject,getCookie,getUrlArgObjectNew,emptyBox} = require('./utils.js')
+const {post,getUrlArgObject,getCookie,getUrlArgObjectNew,emptyBox,initScroll} = require('./utils.js')
 require('./../resource/jquery-ui/jquery-ui.min.js');
 require('./../resource/jquery-ui/jquery-ui.min.css');
 const iconCheck= require("./../images/icon_check.png")
@@ -230,6 +230,7 @@ function renderTab(data){
     let hasSelectAll = true;
     if(data.length===0){
         $('.tbody').html(emptyBox(null,showNum+2))
+        initScroll("qcListPerson","YX",1)
         return;
     }
     for(let i = 0; i < data.length; i++){
@@ -279,6 +280,7 @@ function renderTab(data){
     bindScoreOperaItem()
     bindRecordScoreOper()
     bindScoreDetail()
+    initScroll("qcListPerson","YX",1)
 }
 
 function isTextCenter(name){

src/js/roleManager.js

@@ -3,7 +3,7 @@ require("../css/roleManager.less");
 require('./../resource/jquery-ui/jquery-ui.min.js');
 require('./modal.js');
 const {api} = require('./api.js')
-const {post} = require('./utils.js')
+const {post, initScroll} = require('./utils.js')
 const switchIconOpen = require("./../images/btn_open.png")
 const switchIconClose = require("./../images/btn_close.png")
 const iconDown= require("./../images/arrow_down.png")
@@ -94,6 +94,7 @@ $(function(){
         }
         $(".mainSysWrap").html(str)
         saveAllSet()
+        initScroll("mainSysWrap","Y",1)
     }
     function saveAllSet(){
         $(".selectToggle").click(function(){//点击修改curTreeData，curData

src/js/singleVeto.js

@@ -3,7 +3,7 @@ require("../css/single.less");
 require('./../resource/jquery-ui/jquery-ui.min.js');
 require('./modal.js');
 const {api} = require('./api.js')
-const {post,getCookie,getUrlArgObjectNew,emptyBox,focusMenuItem,setDatePicker,getPickerDate,downloadExportedData,expJson} = require('./utils.js')
+const {post,getCookie,getUrlArgObjectNew,emptyBox,focusMenuItem,setDatePicker,getPickerDate,downloadExportedData,expJson, initScroll} = require('./utils.js')
 const switchIconOpen = require("./../images/btn_open.png")
 const switchIconClose = require("./../images/btn_close.png")
 const iconDown= require("./../images/arrow_down.png")
@@ -316,6 +316,7 @@ function renderTab(data,activePage){
     $('.tbody').html(str?str:emptyBox())
     bindEdit(data,activePage)
     goDetail(data)
+    initScroll("singleVeto","Y",1)
 }
 
 function goDetail(data){

src/js/userManager.js

@@ -3,7 +3,7 @@ require("../css/itemManager.less");
 require('./../resource/jquery-ui/jquery-ui.min.js');
 require('./modal.js');
 const {api} = require('./api.js')
-const {post,emptyBox} = require('./utils.js')
+const {post,emptyBox,initScroll} = require('./utils.js')
 const switchIconOpen = require("./../images/btn_open.png")
 const switchIconClose = require("./../images/btn_close.png")
 const iconDown= require("./../images/arrow_down.png")
@@ -124,6 +124,7 @@ function renderTab(data,activePage){
     }
     $('.tbody').html(str?str:emptyBox())
     bindEdit(data,activePage)
+    initScroll("usrContain","Y",1)
 }
 
 //获取用户科室列表

src/js/utils.js

@@ -2,7 +2,7 @@ const qs = require('qs');
 const $ = require("jquery");
 const axios = require("axios")
 var Utils = require('./rePromise');
-// require('./scrollBar.js');
+require('./scrollBar.js');
 const baseUrl = "http://192.168.2.241:5858"
 //页面映射
 const pageMap={
@@ -389,21 +389,50 @@ function isMac(){
   return isMac
 }
 
-function initScroll(el,sliderDir,sliderMode){
-  $("."+el).addClass("scroll_cont")
-  $("."+el).addClass(el+"_scroll_cont")
-  $("."+el).wrap(`<div class="scroll_wrap ${el+'_scroll_wrap'}"></div>`)
-  $(`${'.'+el+'_scroll_wrap'}`).append(`<div class="scroll_bar  ${el+'_scroll_bar'}">
-      <div class="scroll_slider ${el+'_scroll_slider'}"></div>
+function initScroll(el,sliderDir,sliderMode,top){
+  if(!$("."+el+"_scroll_cont")[0]){
+    $("."+el).addClass("scroll_cont")
+    $("."+el).addClass(el+"_scroll_cont")
+    $("."+el).wrap(`<div class="scroll_wrap ${el+'_scroll_wrap'}"></div>`)
+    $(`${'.'+el+'_scroll_wrap'}`).append(`<div class="scroll_bar  ${el+'_scroll_bar'}">
+        <div class="scroll_slider ${el+'_scroll_slider'}"></div>
     </div>`)
+    if(sliderDir === "YX"){
+      $(`${'.'+el+'_scroll_wrap'}`).append(`<div class="scroll_bar  ${el+'_scroll_bar2'}">
+          <div class="scroll_slider ${el+'_scroll_slider2'}"></div>
+      </div>`)
+    }
+  }
+  
 
-  new CusScrollBar({
+ 
+  if(sliderDir == "YX"){
+    console.log("yx", el)
+    new CusScrollBar({
+        contentSelector: `${'.'+el+'_scroll_cont'}`, //滚动内容区
+        barSelector: `${'.'+el+'_scroll_bar'}`, //滚动条
+        sliderSelector: `${'.'+el+'_scroll_slider'}`, //滚动滑块
+        scrollDir:'Y',
+        sliderMode:sliderMode || 1,
+        top: top||"0px"    
+    });
+    new CusScrollBar({
+      contentSelector: `${'.'+el+'_scroll_cont'}`, //滚动内容区
+      barSelector: `${'.'+el+'_scroll_bar2'}`, //滚动条
+      sliderSelector: `${'.'+el+'_scroll_slider2'}`, //滚动滑块
+      scrollDir:'X',
+      sliderMode:sliderMode || 1    
+    });
+  }else {
+    new CusScrollBar({
       contentSelector: `${'.'+el+'_scroll_cont'}`, //滚动内容区
       barSelector: `${'.'+el+'_scroll_bar'}`, //滚动条
       sliderSelector: `${'.'+el+'_scroll_slider'}`, //滚动滑块
       scrollDir:sliderDir || 'Y',
-      sliderMode:sliderMode || 1    
+      sliderMode:sliderMode || 1,
+      top: top||"0px" 
   });
+  }
 }
 module.exports = {
   pageMap,