Merge branch 'vue_statistics_branch' of http://git.shengws.com/csx/Vue_New into vue_statistics_branch

src/xt_pages/qcd/components/LineChart.vue

         //   }
         // ],
         legend: this.chartOptions.legend,
-        series: this.chartOptions.series
+        series: this.chartOptions.series,
+        dataZoom: this.chartOptions.dataZoom,
       });
     },
     initChart() {

src/xt_pages/qcd/indicatorControlAnalysis/bloodPressure.vue

             </div>
             <div class="tableTitle">统计表</div>
             <div>
-              <el-table :data="tableData" style="width: 100%" :height="tableHeight" >
+              <el-table :data="tableData" style="width: 100%" border :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
                 <el-table-column fixed label="日期" align="center">
                   <template slot-scope="scope">
                     {{scope.row.schedule_date | parseTime("{y}-{m}-{d}") }}
                   </template>
                 </el-table-column>
 
-                <el-table-column label="透析中最低血压" align="center">
+                <el-table-column width="130" label="透析中最低血压" align="center">
                   <template slot-scope="scope">
-                    <div v-if="scope.row.min_monitor.systolic_blood_pressure">{{ scope.row.min_monitor.systolic_blood_pressure}} /{{ scope.row.min_monitor.diastolic_blood_pressure}}</div>
+                    <div v-if="scope.row.min_monitor.diastolic_blood_pressure">{{ scope.row.min_monitor.diastolic_blood_pressure}}</div>
                   </template>
                 </el-table-column>
 
-                <el-table-column label="透析中最高血压" align="center">
+                <el-table-column width="130" label="透析中最高血压" align="center">
                   <template slot-scope="scope">
-                    <div v-if="scope.row.max_monitor.systolic_blood_pressure">{{ scope.row.max_monitor.systolic_blood_pressure}} /{{ scope.row.max_monitor.diastolic_blood_pressure}}</div>
+                    <div v-if="scope.row.max_monitor.systolic_blood_pressure">{{ scope.row.max_monitor.systolic_blood_pressure}}</div>
 
 
                   </template>
 <style lang="scss">
   .page_process {
 
-  .el-button--medium {
-    padding: 10px 8px;
-  }
+    .el-button--medium {
+      padding: 10px 8px;
+    }
 
-  .el-form-item {
-    margin-bottom: 0;
-  }
+    .el-form-item {
+      margin-bottom: 0;
+    }
+    ::-webkit-scrollbar{
+      height: 15px !important;
+    }
 
   }
 </style>

src/xt_pages/qcd/indicatorControlAnalysis/bloodPressureDetails.vue

   <div class="main-contain">
     <div class="position">
       <bread-crumb :crumbs="crumbs"></bread-crumb>
+      <el-button type="primary" @click="$router.back(-1)">返回</el-button>
     </div>
     <div class="app-container">
       <div class="page_bloodPressureDetails">
             </div>
             <div class="tableTitle">统计表</div>
             <div>
-              <el-table :data="tableData" style="width: 100%" :height="tableHeight" >
+              <el-table :data="tableData" style="width: 100%" border :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
                 <el-table-column fixed label="日期" align="center">
                   <template slot-scope="scope">
                     {{scope.row.schedule_date | parseTime("{y}-{m}-{d}") }}
 
                 <el-table-column label="透析中最低血压" align="center">
                   <template slot-scope="scope">
-                    <div v-if="scope.row.min_monitor.systolic_blood_pressure">{{ scope.row.min_monitor.systolic_blood_pressure}} /{{ scope.row.min_monitor.diastolic_blood_pressure}}</div>
+                    <div v-if="scope.row.min_monitor.diastolic_blood_pressure">{{ scope.row.min_monitor.diastolic_blood_pressure}}</div>
                   </template>
                 </el-table-column>
 
                 <el-table-column label="透析中最高血压" align="center">
                   <template slot-scope="scope">
-                    <div v-if="scope.row.max_monitor.systolic_blood_pressure">{{ scope.row.max_monitor.systolic_blood_pressure}} /{{ scope.row.max_monitor.diastolic_blood_pressure}}</div>
+                    <div v-if="scope.row.max_monitor.systolic_blood_pressure">{{ scope.row.max_monitor.systolic_blood_pressure}}</div>
 
 
                   </template>
               }
             }
           }
+        ],
+        dataZoom: [
+          {
+            // Y轴固定,让内容滚动
+            type: 'slider',
+            show: false,
+            xAxisIndex: [0],
+            start: 1,
+            end: 20, // 设置X轴刻度之间的间隔(根据数据量来调整)
+            zoomLock: true // 锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+          },
+          {
+            type: 'inside',
+            xAxisIndex: [0],
+            start: 1,
+            end: 20,
+            zoomLock: true // 锁定区域禁止缩放
+          }
         ]
       },
     };
               this.chart.series[0].data.push(resp.data.data[i].systolic_blood_pressure)
               this.chart.series[1].data.push(resp.data.data[i].diastolic_blood_pressure)
             }
+            this.getArrLength(this.chart.xAxis.data)
           } else {
           }
         })
     },
     clickQuality(index) {
       this.quality = index;
+    },
+    getArrLength(result){
+      if(result.length > 10){
+        var dataZoom_end = (10/result.length)*100;
+        this.chart.dataZoom[0].end = dataZoom_end
+      }else{
+        var dataZoom_end = 100;
+        this.chart.dataZoom[0].end = dataZoom_end
+      }
     }
   },created() {
     var date = new Date()
   .el-form-item {
     margin-bottom: 0;
   }
+  ::-webkit-scrollbar{
+    height: 15px !important;
+  }
 }
 </style>

src/xt_pages/qcd/indicatorControlAnalysis/components/office.vue

     </div>
     <div class="tableTitle">统计表</div>
     <div>
-      <el-table :data="tableData" style="width: 100%" :height="tableHeight">
-
-
-        <el-table-column fixed label="姓名" align="center">
+      <el-table :data="tableData" style="width: 100%" border>
+        <el-table-column label="姓名" align="center">
           <template slot-scope="scope">
             {{scope.row.patient.name}}
           </template>
 
         <el-table-column :label="item_name" align="center">
           <template slot-scope="scope">
-            {{getValue(scope.row)}}
+            <span v-html="getValue(scope.row)"></span>
 
           </template>
         </el-table-column>
 
-        <el-table-column fixed="right" label="趋势" align="center">
+        <el-table-column label="趋势" align="center">
           <template slot-scope="scope">
             <el-button
               @click.native.prevent="jumpDetail(scope.row)"
             let min_range_value = this.range_value_columns[2]
             let arr = min_range_value.split("~")
             if (parseFloat(row.inspect_value) > arr[1]) {
-              return row.inspect_value + "↑"
+              return row.inspect_value + "<span style='color:#F56C6C;margin-left:5px;'>↑</span>"
             } else if (parseFloat(row.inspect_value) < arr[0]) {
-              return row.inspect_value + "↓"
+              return row.inspect_value + "<span style='color:#5B98FF;margin-left:5px;'>↓</span>"
             } else {
               return row.inspect_value
             }
       }
     },
     created() {
-      this.tableHeight = (document.documentElement.clientHeight - 44) + 'px'
       var date = new Date()
       var year = date.getFullYear() //获取完整的年份(4位)
       var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1).toString() : date.getMonth() + 1 //获取当前月份(0-11,0代表1月)

src/xt_pages/qcd/indicatorControlAnalysis/components/personal.vue

                 }
               }
             }
+          ],
+          dataZoom: [
+            {
+              // Y轴固定,让内容滚动
+              type: 'slider',
+              show: false,
+              xAxisIndex: [0],
+              start: 1,
+              end: 20, // 设置X轴刻度之间的间隔(根据数据量来调整)
+              zoomLock: true // 锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+            },
+            {
+              type: 'inside',
+              xAxisIndex: [0],
+              start: 1,
+              end: 20,
+              zoomLock: true // 锁定区域禁止缩放
+            }
           ]
         }
 
                 this.options2.xAxis.data.push(resp.data.data[i].date)
                 this.options2.series[0].data.push(resp.data.data[i].value)
               }
+              this.getArrLength(this.options2.xAxis.data)
 
             } else {
 
         // 把时间日期转成时间戳
         return new Date(time).getTime() / 1000;
       },
+      getArrLength(result){
+        if(result.length > 10){
+          var dataZoom_end = (10/result.length)*100;
+          this.options2.dataZoom[0].end = dataZoom_end
+        }else{
+          var dataZoom_end = 100;
+          this.options2.dataZoom[0].end = dataZoom_end
+        }
+      }
 
     }, created() {
       var date = new Date()

src/xt_pages/qcd/indicatorControlAnalysis/monitor.vue

               </el-table-column>
             </el-table>
           </div>
-          <div style="padding-left:10px;flex:1">
+          <div style="padding-left:10px;flex:1;width:0;">
             <div class="tableTitle">指标趋势</div>
             <div>
               <line-chart :options="chart"></line-chart>
             </div>
             <div class="tableTitle">统计表</div>
             <div>
-              <el-table :data="tableData" style="width: 100%"  v-loading="loading">
-                <el-table-column fixed label="监测时间" align="center">
+              <el-table :data="tableData" style="width: 100%"  v-loading="loading" border :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
+                <el-table-column fixed width="100" label="监测时间" align="center">
                   <template slot-scope="scope">
                     <!--{{getTime(scope.row.operate_time)}}-->
                     {{scope.row.operate_time | parseTime("{y}-{m}-{d} {h}:{i}") }}
                 </el-table-column>
 
 
-                <el-table-column label="透析液温度" align="center">
+                <el-table-column width="110" label="透析液温度" align="center">
                   <template slot-scope="scope">
                     {{ scope.row.dialysate_temperature?scope.row.dialysate_temperature:''}}
                   </template>
                 }
               }
             }
+          ],
+          dataZoom: [
+            {
+              // Y轴固定,让内容滚动
+              type: 'slider',
+              show: false,
+              xAxisIndex: [0],
+              start: 1,
+              end: 20, // 设置X轴刻度之间的间隔(根据数据量来调整)
+              zoomLock: true // 锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+            },
+            {
+              type: 'inside',
+              xAxisIndex: [0],
+              start: 1,
+              end: 20,
+              zoomLock: true // 锁定区域禁止缩放
+            }
           ]
         }
 
                   this.chart.xAxis.data.push(resp.data.data[i].date)
                   this.chart.series[0].data.push(resp.data.data[i].value)
                 }
+                this.getArrLength(this.chart.xAxis.data)
             } else {
             }
           })
             }
           }
         })
+      },
+      getArrLength(result){
+        if(result.length > 10){
+          var dataZoom_end = (10/result.length)*100;
+          this.chart.dataZoom[0].end = dataZoom_end
+        }else{
+          var dataZoom_end = 100;
+          this.chart.dataZoom[0].end = dataZoom_end
+        }
       }
     }, created() {
       var date = new Date()

src/xt_pages/qcd/indicatorControlAnalysis/patientInspectionDetail.vue

         },
         stateType: 1,
         month: [
-          { value: 1, label: '本月', state: 1 },
+          { value: 1, label: '近一个月', state: 1 },
           { value: 2, label: '近三个月', state: 2 },
           { value: 3, label: '近半年', state: 3 },
           { value: 4, label: '近一年', state: 4 },

src/xt_pages/qcd/indicatorControlAnalysis/process.vue

               </el-table-column>
             </el-table>
           </div>
-          <div style="padding-left:10px;flex:1">
+          <div style="padding-left:10px;flex:1;width:0;">
             <div class="tableTitle">指标趋势</div>
             <div>
               <line-chart :options="chart"
             </div>
             <div class="tableTitle">统计表</div>
             <div>
-              <el-table :data="tableData" v-loading="loading">
-                <el-table-column fixed label="透析日期" align="center">
+              <el-table :data="tableData" v-loading="loading" border :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
+                <el-table-column fixed width="110" label="透析日期" align="center">
                   <template slot-scope="scope">
                     {{scope.row.schedule_date | parseTime('{y}-{m}-{d}') }}
                     <!--{{getTime(scope.row.schedule_date)}}-->
                   </template>
                 </el-table-column>
 
-                <el-table-column label="透析机号" align="center">
+                <el-table-column width="100" label="透析机号" align="center">
                   <template slot-scope="scope">
                     {{scope.row.device_number.number}}
                   </template>
                 </el-table-column>
 
-                <el-table-column label="干体重" align="center">
+                <el-table-column width="100" label="干体重" align="center">
                   <template slot-scope="scope">
                     {{scope.row.predialysis_evaluation.dry_weight?scope.row.predialysis_evaluation.dry_weight:''}}
                   </template>
                 </el-table-column>
 
-                <el-table-column label="透前体重" align="center">
+                <el-table-column width="100" label="透前体重" align="center">
                   <template slot-scope="scope">
                     {{
                     scope.row.predialysis_evaluation.weight_before?scope.row.predialysis_evaluation.weight_before:''}}
                   </template>
                 </el-table-column>
 
-                <el-table-column label="透后体重" align="center">
+                <el-table-column width="100" label="透后体重" align="center">
                   <template slot-scope="scope">
                     {{ scope.row.assessment_after_dislysis.weight_after ?
                     scope.row.assessment_after_dislysis.weight_after :''}}
                   </template>
                 </el-table-column>
 
-                <el-table-column label="目标超滤量" align="center">
+                <el-table-column width="110" label="目标超滤量" align="center">
                   <template slot-scope="scope">
                     {{ scope.row.prescription.target_ultrafiltration ? scope.row.prescription.target_ultrafiltration :
                     ''}}
                   </template>
                 </el-table-column>
 
-                <el-table-column label="实际超滤量" align="center">
+                <el-table-column width="110" label="实际超滤量" align="center">
                   <template slot-scope="scope">
                     {{ scope.row.assessment_after_dislysis.actual_ultrafiltration ?
                     scope.row.assessment_after_dislysis.actual_ultrafiltration :''}}
                 </el-table-column>
 
 
-                <el-table-column label="透前血压" align="center">
+                <el-table-column width="100" label="透前血压" align="center">
                   <template slot-scope="scope">
                     <div
                       v-if="scope.row.predialysis_evaluation.systolic_blood_pressure && scope.row.predialysis_evaluation.diastolic_blood_pressure">
                   </template>
                 </el-table-column>
 
-                <el-table-column label="透后血压" align="center">
+                <el-table-column width="100" label="透后血压" align="center">
                   <template slot-scope="scope">
                     <div
                       v-if="scope.row.assessment_after_dislysis.systolic_blood_pressure&&scope.row.assessment_after_dislysis.diastolic_blood_pressure">
                 </el-table-column>
 
 
-                <el-table-column label="透前脉率" align="center">
+                <el-table-column width="100" label="透前脉率" align="center">
                   <template slot-scope="scope">
                     {{
                     scope.row.predialysis_evaluation.pulse_frequency?scope.row.predialysis_evaluation.pulse_frequency:''}}
                   </template>
                 </el-table-column>
 
-                <el-table-column label="透后脉率" align="center">
+                <el-table-column width="100" label="透后脉率" align="center">
                   <template slot-scope="scope">
                     {{
                     scope.row.assessment_after_dislysis.pulse_frequency?scope.row.assessment_after_dislysis.pulse_frequency:''}}
                 </el-table-column>
 
 
-                <el-table-column label="透析模式" align="center">
+                <el-table-column width="100" label="透析模式" align="center">
                   <template slot-scope="scope">
                     {{ getModeName(scope.row.prescription.mode_id)}}
                   </template>
                 </el-table-column>
 
 
-                <el-table-column label="透析器" align="center">
+                <el-table-column width="100" label="透析器" align="center">
                   <template slot-scope="scope">
                     {{ scope.row.prescription.dialyzer_perfusion_apparatus}}
                   </template>
                 </el-table-column>
 
 
-                <el-table-column label="钾" align="center">
+                <el-table-column width="100" label="钾" align="center">
                   <template slot-scope="scope">
                     {{ scope.row.prescription.kalium?scope.row.prescription.kalium:''}}
 
                 </el-table-column>
 
 
-                <el-table-column label="钠" align="center">
+                <el-table-column width="100" label="钠" align="center">
                   <template slot-scope="scope">
                     {{ scope.row.prescription.sodium?scope.row.prescription.sodium:''}}
 
                 </el-table-column>
 
 
-                <el-table-column label="钙" align="center">
+                <el-table-column width="100" label="钙" align="center">
                   <template slot-scope="scope">
                     {{ scope.row.prescription.calcium?scope.row.prescription.calcium:''}}
 
                 </el-table-column>
 
 
-                <el-table-column label="透析时长" align="center">
+                <el-table-column width="110" label="透析时长" align="center">
                   <template slot-scope="scope">
                     {{
                     scope.row.prescription.dialysis_duration_hour?scope.row.prescription.dialysis_duration_hour+'小时':''}}
 
                 </el-table-column>
 
-                <el-table-column label="血管通路" align="center">
+                <el-table-column width="100" label="血管通路" align="center">
                   <template slot-scope="scope">
                     {{ QueryOperaById(scope.row.predialysis_evaluation.blood_access_part_opera_id)}}
                   </template>
                 </el-table-column>
 
 
-                <el-table-column label="抗凝剂" align="center">
+                <el-table-column width="110" label="抗凝剂" align="center">
                   <template slot-scope="scope">
                     {{GetAnticoagulantById( scope.row.prescription.anticoagulant)}}
                   </template>
                 }
               }
             }
+          ],
+          dataZoom: [
+            {
+              // Y轴固定,让内容滚动
+              type: 'slider',
+              show: false,
+              xAxisIndex: [0],
+              start: 1,
+              end: 20, // 设置X轴刻度之间的间隔(根据数据量来调整)
+              zoomLock: true // 锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+            },
+            {
+              type: 'inside',
+              xAxisIndex: [0],
+              start: 1,
+              end: 20,
+              zoomLock: true // 锁定区域禁止缩放
+            }
           ]
         },
         bar: {
                   this.chart.xAxis.data.push(resp.data.data[i].date)
                   this.chart.series[0].data.push(resp.data.data[i].value)
                 }
+                this.getArrLength(this.chart.xAxis.data,1)
               } else {
 
                 for (let i = 0; i < resp.data.data.length; i++) {
                   this.percent.push(resp.data.data[i].ratio)
 
                 }
+                this.getArrLength(this.bar.xAxis.data,2)
               }
             } else {
             }
           }
         })
 
+      },
+      getArrLength(result,type){
+        if(type == 1){
+          if(result.length > 10){
+            var dataZoom_end = (10/result.length)*100;
+            this.chart.dataZoom[0].end = dataZoom_end
+          }else{
+            var dataZoom_end = 100;
+            this.chart.dataZoom[0].end = dataZoom_end
+          }
+        }else if(type == 2){
+          if(result.length > 10){
+            var dataZoom_end = (10/result.length)*100;
+            this.bar.dataZoom[0].end = dataZoom_end
+          }else{
+            var dataZoom_end = 100;
+            this.bar.dataZoom[0].end = dataZoom_end
+          }
+        }
+        
       }
     }, created() {
       var date = new Date()
 <style lang="scss">
   .page_process {
 
-  .el-button--medium {
-    padding: 10px 8px;
-  }
+    .el-button--medium {
+      padding: 10px 8px;
+    }
 
-  .el-form-item {
-    margin-bottom: 0;
-  }
+    .el-form-item {
+      margin-bottom: 0;
+    }
+    ::-webkit-scrollbar{
+      height: 15px !important;
+    }
 
   }
 </style>

src/xt_pages/qcd/indicatorControlAnalysis/weight.vue

             <div class="tableTitle">统计表</div>
             <div>
 
-              <el-table :data="tableData" style="width: 100%" :height="tableHeight" >
+              <el-table :data="tableData" style="width: 100%" border :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
                 <el-table-column fixed label="日期" align="center">
                   <template slot-scope="scope">
                     {{scope.row.assessment_date | parseTime("{y}-{m}-{d}") }}
   .el-form-item {
     margin-bottom: 0;
   }
+  ::-webkit-scrollbar{
+    height: 15px !important;
+  }
 
   }
 </style>

src/xt_pages/qcd/indicatorControlAnalysis/weightDetails.vue

   <div class="main-contain">
     <div class="position">
       <bread-crumb :crumbs="crumbs"></bread-crumb>
+      <el-button type="primary" @click="$router.back(-1)">返回</el-button>
     </div>
     <div class="app-container">
       <div class="page_weightDetails">
             </div>
             <div class="tableTitle">统计表</div>
             <div>
-              <el-table :data="tableData" style="width: 100%" :height="tableHeight" >
+              <el-table :data="tableData" style="width: 100%" border :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
                 <el-table-column fixed label="日期" align="center">
                   <template slot-scope="scope">
                     {{scope.row.assessment_date | parseTime("{y}-{m}-{d}") }}
               }
             }
           },
+        ],
+        dataZoom: [
+          {
+            // Y轴固定,让内容滚动
+            type: 'slider',
+            show: false,
+            xAxisIndex: [0],
+            start: 1,
+            end: 20, // 设置X轴刻度之间的间隔(根据数据量来调整)
+            zoomLock: true // 锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+          },
+          {
+            type: 'inside',
+            xAxisIndex: [0],
+            start: 1,
+            end: 20,
+            zoomLock: true // 锁定区域禁止缩放
+          }
         ]
       },
     };
               this.chart.xAxis.data.push(resp.data.data[i].date)
               this.chart.series[0].data.push(parseFloat(resp.data.data[i].value).toFixed(1))
             }
+            this.getArrLength(this.chart.xAxis.data)
           } else {
           }
         })
         }
       })
     },
+    getArrLength(result){
+      if(result.length > 10){
+        var dataZoom_end = (10/result.length)*100;
+        this.chart.dataZoom[0].end = dataZoom_end
+      }else{
+        var dataZoom_end = 100;
+        this.chart.dataZoom[0].end = dataZoom_end
+      }
+    }
   },created() {
     var date = new Date()
     var year = date.getFullYear() //获取完整的年份(4位)
   .el-form-item {
     margin-bottom: 0;
   }
+  ::-webkit-scrollbar{
+    height: 15px !important;
+  }
 }
 </style>

src/xt_pages/qcd/officesControlAnalysis/time.vue

             }
           }
         ],
+        dataZoom: [
+          {
+            // Y轴固定,让内容滚动
+            type: 'slider',
+            show: false,
+            xAxisIndex: [0],
+            start: 1,
+            end: 20, // 设置X轴刻度之间的间隔(根据数据量来调整)
+            zoomLock: true // 锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+          },
+          {
+            type: 'inside',
+            xAxisIndex: [0],
+            start: 1,
+            end: 20,
+            zoomLock: true // 锁定区域禁止缩放
+          }
+        ]
       }
     };
   },
         this.getlist()
       }
     },
-     getTimestamp(time) {
+    getTimestamp(time) {
       // 把时间日期转成时间戳
       return new Date(time).getTime() / 1000;
     },
             }
             this.chart.series[0].data = this.modesData.series
             this.chart.xAxis.data = this.modesData.xAxis
-    
+            this.getArrLength(this.chart.xAxis.data)
 
           
          }
       })
     },
-   compare(property){
-        return function(a,b){
-            var value1 = a[property];
-            var value2 = b[property];
-            return value1 - value2;
-        }
+    compare(property){
+      return function(a,b){
+          var value1 = a[property];
+          var value2 = b[property];
+          return value1 - value2;
+      }
     },
     arrayDate(array1,array2){
         var array1 = array1;
         }
         return result;
     },
+    getArrLength(result){
+      if(result.length > 10){
+        var dataZoom_end = (10/result.length)*100;
+        this.chart.dataZoom[0].end = dataZoom_end
+      }else{
+        var dataZoom_end = 100;
+        this.chart.dataZoom[0].end = dataZoom_end
+      }
+    }
   },
   created(){
      //获取指标正常范围值

src/xt_pages/qcd/patientComplianceDetails.vue

   <div class="main-contain">
     <div class="position">
       <bread-crumb :crumbs="crumbs"></bread-crumb>
+      <el-button type="primary" @click="$router.back(-1)">返回</el-button>
     </div>
     <div class="app-container">
       <div class="page_patientComplianceDetails">
   .el-form-item {
     margin-bottom: 0;
   }
+  ::-webkit-scrollbar{
+    height: 15px !important;
+  }
 }
 </style>

src/xt_pages/qcd/patientControlAnalysis.vue

         </div>
         <div>
           <el-table :data="tableData" border style="width: 100%" :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
-            <el-table-column fixed prop="name" label="姓名" width="120"></el-table-column>
-            <el-table-column   label="透析号" width="150">
+            <el-table-column fixed prop="name" label="姓名" width="100"></el-table-column>
+            <el-table-column label="透析号" width="80">
               <template slot-scope="scope">
                   <!-- {{getDialysisNo(scope.row.name)}} -->
                   {{scope.row.dialysis_no}}
               :label="modeItem.item_name"
               property="number"
               align="center"
-              min-width="100"
+              min-width="120"
               v-for="(modeItem, index) in normData"
               :key="index"
             >
             <template slot-scope="scope">
-                 <span v-if="scope.row.data[modeItem.item_name].inspect_value == ''">0</span>
-                 <span v-if="scope.row.data[modeItem.item_name].inspect_value !=''&& (parseInt(scope.row.data[modeItem.item_name].inspect_value) < parseInt(scope.row.data[modeItem.item_name].range_min))">{{scope.row.data[modeItem.item_name].inspect_value}}↓</span>
-                <span v-if="scope.row.data[modeItem.item_name].inspect_value !=''&& (parseInt(scope.row.data[modeItem.item_name].inspect_value) > parseInt(scope.row.data[modeItem.item_name].range_max))">{{scope.row.data[modeItem.item_name].inspect_value}}↑</span>
-                <span v-if="scope.row.data[modeItem.item_name].inspect_value !=''&& (parseInt(scope.row.data[modeItem.item_name].inspect_value) >= parseInt(scope.row.data[modeItem.item_name].range_min))&& (parseInt(scope.row.data[modeItem.item_name].inspect_value) <= parseInt(scope.row.data[modeItem.item_name].range_max)) ">{{scope.row.data[modeItem.item_name].inspect_value}}</span>
+              <span v-if="scope.row.data[modeItem.item_name].inspect_value == ''">0</span>
+              <span v-if="scope.row.data[modeItem.item_name].inspect_value !=''&& (parseInt(scope.row.data[modeItem.item_name].inspect_value) < parseInt(scope.row.data[modeItem.item_name].range_min))">
+                <span >{{scope.row.data[modeItem.item_name].inspect_value}}</span><span style="color:#5B98FF;margin-left:5px;">↓</span>
+              </span>
+              <span v-if="scope.row.data[modeItem.item_name].inspect_value !=''&& (parseInt(scope.row.data[modeItem.item_name].inspect_value) > parseInt(scope.row.data[modeItem.item_name].range_max))">
+                <span>{{scope.row.data[modeItem.item_name].inspect_value}}</span><span style="color:#F56C6C;margin-left:5px;">↑</span>
+              </span>
+              <span v-if="scope.row.data[modeItem.item_name].inspect_value !=''&& (parseInt(scope.row.data[modeItem.item_name].inspect_value) >= parseInt(scope.row.data[modeItem.item_name].range_min))&& (parseInt(scope.row.data[modeItem.item_name].inspect_value) <= parseInt(scope.row.data[modeItem.item_name].range_max)) ">{{scope.row.data[modeItem.item_name].inspect_value}}</span>
             </template>
         </el-table-column>
             <el-table-column fixed="right" label="操作" width="100">
     font-size: 13px;
   }
 }
+
 </style>
 
 <style lang="scss">
   .cell {
     text-align: center;
   }
+  ::-webkit-scrollbar{
+    height: 15px !important;
+  }
 }
 </style>

src/xt_pages/qcd/treatmentControlAnalysis/components/CheckAll.vue

           </el-table-column>
         </el-table>
       </div>
-      <div style="padding-left:10px;flex:1">
+      <div style="padding-left:10px;flex:1;width:0">
         <div class="tableTitle">统计表</div>
         <el-table :data="tableData" style="width: 100%" border :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
           <el-table-column prop="name" label="姓名" fixed>
           :label="modeItem.project_name+'('+modeItem.inspection_frequency+'天)'"
           property="number"
           align="center"
-          min-width="100"
+          min-width="110"
           v-for="(modeItem, index) in tableName"
           :key="index"
         >
   .cell {
     text-align: center;
   }
+  ::-webkit-scrollbar{
+    height: 15px !important;
+  }
 }
 </style>

src/xt_pages/qcd/treatmentControlAnalysis/components/CheckPersonal.vue

           :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
           highlight-current-row
           @current-change="handleChange"
-          ref="tableinfo"
           >
            <el-table-column prop="dialysis_no" label="透析号" width="80">
             <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
               }
             }
           }
+        ],
+        dataZoom: [
+          {
+            // Y轴固定,让内容滚动
+            type: 'slider',
+            show: false,
+            xAxisIndex: [0],
+            start: 1,
+            end: 20, // 设置X轴刻度之间的间隔(根据数据量来调整)
+            zoomLock: true // 锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+          },
+          {
+            type: 'inside',
+            xAxisIndex: [0],
+            start: 1,
+            end: 20,
+            zoomLock: true // 锁定区域禁止缩放
+          }
         ]
       },
       pickerOptions: {
       },
       obj:[],
       patient_id:0,
-      patientid:0,
     };
   },
   methods: {
       } else {
       }
     },
-   getTimestamp(time) {
+    getTimestamp(time) {
       // 把时间日期转成时间戳
       return new Date(time).getTime() / 1000;
     },
     getCurrentOrgPatients(){
       getCurrentOrgPatients().then(response=>{
-        var patients = response.data.data.patients
-        this.patientsData = patients
-        this.$refs.tableinfo.setCurrentRow(this.patientsData[0])
-        this.getInspectionTotalCount(this.patientsData[0].id)
+         var patients = response.data.data.patients
+         this.patientsData = patients
       })
     },
-    getInspectionTotalCount(id){
-          this.modesData.series = []
-          this.modesData.xAxis = []
-      getInspectionTotalCount(this.listQuery.start_time,this.listQuery.end_time,id).then(response=>{
-          if(response.data.state === 1){
-            var Inspection = response.data.data.Inspection
-     
-            this.tableData = Inspection
-          
-            var counts = response.data.data.counts
-           
-            var arr = []
-            for(let i=0;i<Inspection.length;i++){
-               for(let j=0;j<counts.length;j++){
-                 if(Inspection[i].inspection_major == counts[j].ProjectId){
-                   arr.push(counts[j])
-                 }
-               }
+    getInspectionTotalCount(){
+      this.modesData.series = []
+      this.modesData.xAxis = []
+      getInspectionTotalCount(this.listQuery.start_time,this.listQuery.end_time).then(response=>{
+        if(response.data.state === 1){
+          var Inspection = response.data.data.Inspection
+    
+          this.tableData = Inspection
+        
+          var counts = response.data.data.counts
+        
+          var arr = []
+          for(let i=0;i<Inspection.length;i++){
+            for(let j=0;j<counts.length;j++){
+              if(Inspection[i].inspection_major == counts[j].ProjectId){
+                arr.push(counts[j])
+              }
             }
+          }
+        
+          var arrtwo =  this.arrayDate(counts,this.normData)
           
-           var arrtwo =  this.arrayDate(counts,this.normData)
-            
-            var hash = {};
-            var i = 0;
-            var res = [];
-            arr.forEach(function(item) {
-             var ProjectName = item.ProjectName;
-             hash[ProjectName] ? res[hash[ProjectName] - 1].Count.push(item.Count) : hash[ProjectName] = ++i && res.push({
-                 Count: [item.Count],
-                 ProjectName: ProjectName,
-                 ProjectId: item.ProjectId,
-                 Sort:item.Sort,
-             })
-            });
-            
-            res.map(item => {
-             item.Count = eval(item.Count.join('+'))
-            })
-           
-            let arr1 = []
-            this.tableData.map(it => {
-              arr1.push(it.project_name)
+          var hash = {};
+          var i = 0;
+          var res = [];
+          arr.forEach(function(item) {
+            var ProjectName = item.ProjectName;
+            hash[ProjectName] ? res[hash[ProjectName] - 1].Count.push(item.Count) : hash[ProjectName] = ++i && res.push({
+                Count: [item.Count],
+                ProjectName: ProjectName,
+                ProjectId: item.ProjectId,
+                Sort:item.Sort,
             })
+          });
+          
+          res.map(item => {
+            item.Count = eval(item.Count.join('+'))
+          })
+          
+          let arr1 = []
+          this.tableData.map(it => {
+            arr1.push(it.project_name)
+          })
 
-            arr1.forEach((item,index)=>{
-              if(!(res[index] && item ==res[index].ProjectName)){
-                res.splice(index,0,{Count:0, ProjectName: item, Sort: index+1})
-              }
-            })
-            res.map(item => {
-              this.modesData.series.push(parseInt(item.Count));
-            })
-            for (const key in this.tableData) {
-              this.modesData.xAxis.push(this.tableData[key].project_name);
-               let time = new Date(this.listQuery.end_time) - new Date(this.listQuery.start_time)
-               let day = parseInt(time / (1000 * 60 * 60 * 24))
-              this.obj.push(Math.round(day / this.tableData[key].inspection_frequency))
+          arr1.forEach((item,index)=>{
+            if(!(res[index] && item ==res[index].ProjectName)){
+              res.splice(index,0,{Count:0, ProjectName: item, Sort: index+1})
             }
-            
-            this.chart.series[0].data = this.modesData.series
-            this.chart.xAxis.data = this.modesData.xAxis
+          })
+          res.map(item => {
+            this.modesData.series.push(parseInt(item.Count));
+          })
+          console.log("this=====",this.tableData)
+          for (const key in this.tableData) {
+            this.modesData.xAxis.push(this.tableData[key].project_name);
+            let time = new Date(this.listQuery.end_time) - new Date(this.listQuery.start_time)
+            let day = parseInt(time / (1000 * 60 * 60 * 24))
+            this.obj.push(Math.round(day / this.tableData[key].inspection_frequency))
           }
+          
+          this.chart.series[0].data = this.modesData.series
+          this.chart.xAxis.data = this.modesData.xAxis
+          this.getArrLength(this.chart.xAxis.data)
+        }
       })
     },
 
     //获取单个病人数据
     handleChange(val){
-      this.patientid = val.id
       this.modesData.series = []
       this.modesData.xAxis = []
-     getInspectionDetailById(val.id,this.listQuery.start_time,this.listQuery.end_time).then(response=>{
+       getInspectionDetailById(val.id,this.listQuery.start_time,this.listQuery.end_time).then(response=>{
           if(response.data.state === 1){
             var patientdetail = response.data.data.patientdetail
-            // console.log("patientdetail",patientdetail)
+            console.log("patientdetail",patientdetail)
             var arr=[]
             for(let i=0;i<this.tableData.length;i++){
               for(let j=0;j<patientdetail.length;j++){
             
            let time = new Date(this.listQuery.end_time) - new Date(this.listQuery.start_time)
            let day = parseInt(time / (1000 * 60 * 60 * 24))
-          //  console.log("arr",arr)
-          //  console.log("tabledata",this.tableData)
+           console.log("arr",arr)
+           console.log("tabledata",this.tableData)
             for (const key in this.tableData) {
               this.modesData.xAxis.push(this.tableData[key].project_name);
               if (key in arr) {
             }
             this.chart.series[0].data = this.modesData.series
             this.chart.xAxis.data = this.modesData.xAxis
+            this.getArrLength(this.chart.xAxis.data)
           }
        })
     },
       getSearchPatientInfo(this.patient_id,this.listQuery.start_time,this.listQuery.end_time).then(response=>{
          if(response.data.state  === 1){
            var PatientsInfo = response.data.data.PatientsInfo
-          //  console.log("patientsInfo",PatientsInfo)
+           console.log("patientsInfo",PatientsInfo)
            var arr = []
            for(let i=0;i<this.tableData.length;i++){
              for(let j=0;j<PatientsInfo.length;j++){
             }
             this.chart.series[0].data = this.modesData.series
             this.chart.xAxis.data = this.modesData.xAxis
+            this.getArrLength(this.chart.xAxis.data)
          }
       })
     },
         }
         return result;
     },
-     querySearchAsync(keyword, cb) {
-        let key = ''
-        if (keyword != undefined) {
-          key = keyword
+    querySearchAsync(keyword, cb) {
+      let key = ''
+      if (keyword != undefined) {
+        key = keyword
+      }
+      let searchArray = []
+      PostSearch(key).then(response => {
+        if (response.data.state == 1) {
+            searchArray = response.data.data.patient
+            console.log("searchArray",searchArray)
+          cb(searchArray)
+        } else {
+          cb([])
         }
-        let searchArray = []
-        PostSearch(key).then(response => {
-          if (response.data.state == 1) {
-             searchArray = response.data.data.patient
-            //  console.log("searchArray",searchArray)
-            cb(searchArray)
-          } else {
-            cb([])
-          }
-        })
-      },
-   handleSelect(val) {
-        console.log("val",val)
-        this.listQuery.search = val.name
-        this.patient_id = val.id
-        this.onSearch()
-      },
+      })
+    },
+    handleSelect(val) {
+      console.log("val",val)
+      this.listQuery.search = val.name
+      this.patient_id = val.id
+      this.onSearch()
+    },
+    getArrLength(result){
+      if(result.length > 10){
+        var dataZoom_end = (10/result.length)*100;
+        this.chart.dataZoom[0].end = dataZoom_end
+      }else{
+        var dataZoom_end = 100;
+        this.chart.dataZoom[0].end = dataZoom_end
+      }
+    }
   },
   created(){
     var nowDate = new Date();
       "-" +
       (nowDay < 10 ? "0" + nowDay : nowDay);
 
-   //获取该机构下的所有患者
-     this.getCurrentOrgPatients()
-  //  //获取检验检查项目
-  //   this.getInspectionTotalCount()
+    //获取该机构下的所有患者
+    this.getCurrentOrgPatients()
+    //获取检验检查项目
+    this.getInspectionTotalCount()
   }
 };
 </script>

src/xt_pages/qcd/workAnalysis/doctor.vue

         </div>
         <div class="tableTitle">统计表</div>
         <div>
-          <el-table :data="tableData" style="width: 100%" :height="tableHeight">
+          <el-table :data="tableData" style="width: 100%" border :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
             <el-table-column fixed label="姓名" align="center">
               <template slot-scope="scope">
                 {{scope.row.user_name}}
               }
             }
           }
+        ],
+        dataZoom: [
+          {
+            // Y轴固定,让内容滚动
+            type: 'slider',
+            show: false,
+            xAxisIndex: [0],
+            start: 1,
+            end: 20, // 设置X轴刻度之间的间隔(根据数据量来调整)
+            zoomLock: true // 锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+          },
+          {
+            type: 'inside',
+            xAxisIndex: [0],
+            start: 1,
+            end: 20,
+            zoomLock: true // 锁定区域禁止缩放
+          }
         ]
       }
     };
 
               }
             }
+            this.getArrLength(this.bar.xAxis.data)
           } else {
           }
         })
       if (this.activeName == "second") {
         this.$router.push({ path: "/qcd/workAnalysis/nurse" });
       }
+    },
+    getArrLength(result){
+      if(result.length > 10){
+        var dataZoom_end = (10/result.length)*100;
+        this.bar.dataZoom[0].end = dataZoom_end
+      }else{
+        var dataZoom_end = 100;
+        this.bar.dataZoom[0].end = dataZoom_end
+      }
     }
   },created(){
     var date = new Date()

src/xt_pages/qcd/workAnalysis/nurse.vue

 
 
           <!--</el-table>-->
-          <el-table :data="tableData" style="width: 100%" :height="tableHeight" >
+          <el-table :data="tableData" style="width: 100%" border :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
             <el-table-column fixed label="姓名" align="center">
               <template slot-scope="scope">
                 {{scope.row.user_name}}
               </template>
             </el-table-column>
 
-            <el-table-column label="换药" align="center">
-              <template slot-scope="scope">
-                {{scope.row.change_medicine_count?scope.row.change_medicine_count:''}}
-
-                <!--{{// scope.row.patient.lapseto == 1 ? '留治':'转出'}}-->
-              </template>
-            </el-table-column>
 
             <el-table-column label="治疗" align="center">
               <template slot-scope="scope">
 
             <el-table-column label="合计" align="center">
               <template slot-scope="scope">
-                {{scope.row.puncture_count + scope.row.change_medicine_count + scope.row.cure_count + scope.row.mission_count ?scope.row.puncture_count + scope.row.change_medicine_count + scope.row.cure_count + scope.row.mission_count:''}}
+                {{scope.row.puncture_count + scope.row.cure_count + scope.row.mission_count ?scope.row.puncture_count  + scope.row.cure_count + scope.row.mission_count:''}}
               </template>
             </el-table-column>
           </el-table>
         project_options:[
           {value:1, name:"治疗"},
           {value:2, name:"穿刺"},
-          {value:3, name:"换药"},
-          {value:4, name:"宣教/小结"},
+          {value:3, name:"宣教/小结"},
         ],
         crumbs: [
           { path: false, name: "质控管理" },
                 }
               }
             }
+          ],
+          dataZoom: [
+            {
+              // Y轴固定,让内容滚动
+              type: 'slider',
+              show: false,
+              xAxisIndex: [0],
+              start: 1,
+              end: 20, // 设置X轴刻度之间的间隔(根据数据量来调整)
+              zoomLock: true // 锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+            },
+            {
+              type: 'inside',
+              xAxisIndex: [0],
+              start: 1,
+              end: 20,
+              zoomLock: true // 锁定区域禁止缩放
+            }
           ]
         }
       };
 
               for (let i = 0;  i < resp.data.data.length;i++){
                 this.bar.xAxis.data.push(resp.data.data[i].user_name)
-                if(this.query.statistics_type == 1){
-
+                if(this.query.statistics_type == 2){
                   this.bar.series[0].data.push(resp.data.data[i].puncture_count)
                   this.percent.push(resp.data.data[i].puncture_ratio)
-
-                }else if(this.query.statistics_type == 2){
-
-                  this.bar.series[0].data.push(resp.data.data[i].change_medicine_count)
-                  this.percent.push(resp.data.data[i].change_medicine_ratio)
-
-
-                }else if(this.query.statistics_type == 3){
+                }else if(this.query.statistics_type == 1){
                   this.bar.series[0].data.push(resp.data.data[i].cure_count)
                   this.percent.push(resp.data.data[i].cure_ratio)
-
-                }else if(this.query.statistics_type == 4){
+                }else if(this.query.statistics_type == 3){
                   this.bar.series[0].data.push(resp.data.data[i].mission_count)
                   this.percent.push(resp.data.data[i].mission_ratio)
-
                 }
               }
+              this.getArrLength(this.bar.xAxis.data)
 
             } else {
             }
         if (this.activeName == "first") {
           this.$router.push({ path: "/qcd/workAnalysis/doctor" });
         }
+      },
+      getArrLength(result){
+        if(result.length > 10){
+          var dataZoom_end = (10/result.length)*100;
+          this.bar.dataZoom[0].end = dataZoom_end
+        }else{
+          var dataZoom_end = 100;
+          this.bar.dataZoom[0].end = dataZoom_end
+        }
       }
     },created(){
       var date = new Date()