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

package-lock.json

@@ -4740,7 +4740,8 @@
         "ansi-regex": {
           "version": "2.1.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "aproba": {
           "version": "1.2.0",
@@ -4763,13 +4764,15 @@
         "balanced-match": {
           "version": "1.0.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "resolved": false,
           "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
           "dev": true,
+          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -4785,19 +4788,22 @@
         "code-point-at": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
           "resolved": false,
           "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
           "resolved": false,
           "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=",
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -4927,7 +4933,8 @@
         "inherits": {
           "version": "2.0.3",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "ini": {
           "version": "1.3.5",
@@ -4941,6 +4948,7 @@
           "resolved": false,
           "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
           "dev": true,
+          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -4957,6 +4965,7 @@
           "resolved": false,
           "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
           "dev": true,
+          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
@@ -4964,13 +4973,15 @@
         "minimist": {
           "version": "0.0.8",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "minipass": {
           "version": "2.3.5",
           "resolved": false,
           "integrity": "sha512-Gi1W4k059gyRbyVUZQ4mEqLm0YIUiGYfvxhF6SIlk3ui1WVxMTGfGdQ2SInh3PDrRTVvPKgULkpJtT4RH10+VA==",
           "dev": true,
+          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.2",
             "yallist": "^3.0.0"
@@ -4991,6 +5002,7 @@
           "resolved": false,
           "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
           "dev": true,
+          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -5078,7 +5090,8 @@
         "number-is-nan": {
           "version": "1.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -5092,6 +5105,7 @@
           "resolved": false,
           "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
           "dev": true,
+          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -5186,7 +5200,8 @@
         "safe-buffer": {
           "version": "5.1.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -5228,6 +5243,7 @@
           "resolved": false,
           "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
           "dev": true,
+          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",
@@ -5249,6 +5265,7 @@
           "resolved": false,
           "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
           "dev": true,
+          "optional": true,
           "requires": {
             "ansi-regex": "^2.0.0"
           }
@@ -5296,13 +5313,15 @@
         "wrappy": {
           "version": "1.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "yallist": {
           "version": "3.0.3",
           "resolved": false,
           "integrity": "sha512-S+Zk8DEWE6oKpV+vI3qWkaK+jSbIK86pCwe2IF/xwIpQ8jEuxpw9NyaGjmp9+BoJv5FV2piqCDcoCtStppiq2A==",
-          "dev": true
+          "dev": true,
+          "optional": true
         }
       }
     },

src/api/common/common.js

@@ -149,7 +149,7 @@ export function getTotalLapseCount(startime, endtime) {
     startime: startime,
     endtime: endtime
   }
-  console.log('params', params)
+  console.log('转归params', params)
   return request({
     url: '/com/api/gettotallapsecount',
     method: 'get',
@@ -199,6 +199,7 @@ export function getTotalDialysisCount(startime, endtime) {
     startime: startime,
     endtime: endtime
   }
+  console.log('透析年龄======', params)
   return request({
     url: '/com/api/gettotaldialysiscount',
     method: 'get',
@@ -447,7 +448,7 @@ export function getPatientContorlAnalysis(params) {
 }
 
 export function GetQualityControl(params) {
-  console.log('params', params)
+  console.log('params是', params)
   return request({
     url: '/com/api/getqualitycontrol',
     method: 'Get',

src/xt_pages/dialysis/template/DialysisPrintOrderEighteen.vue

@@ -260,7 +260,7 @@
       <table class="print-table" border="1">
         <tbody>
           <tr>
-            <td style="width:130px;height:40px">时间</td>
+            <!-- <td style="width:130px;height:40px">时间</td> -->
             <td colspan="5" style="width:560px;height:40px">医嘱执行记录</td>
             <td colspan="2" style="width:110px;height:40px">医生签名</td>
 
@@ -269,7 +269,7 @@
           </tr>
 
           <tr v-for="(advice, advice_index) in tableAdvice" style="height:30px">
-            <td>{{ getTime(advice.start_time, "{y}-{m}-{d} {h}:{i}") }}</td>
+            <!-- <td>{{ getTime(advice.start_time, "{y}-{m}-{d} {h}:{i}") }}</td> -->
             <td colspan="5" style="height:30px;">
               <span v-if="advice.parent_id > 0">---></span>
               <span>{{ advice.advice_name }}</span>

src/xt_pages/qcd/basicInformationAnalysis.vue

@@ -742,6 +742,9 @@ export default {
 <style lang="scss">
 .infoBox {
   .infoOne {
+    .el-progress-bar__outer{
+      height:10px !important;
+    }
     .borderBox {
       .el-progress-bar__inner {
         background: linear-gradient(

src/xt_pages/qcd/components/LineChart1.vue

@@ -0,0 +1,262 @@
+<template>
+  <div :class="className" :style="{height:height,width:width}"></div>
+</template>
+
+<script>
+import echarts from "echarts";
+require("echarts/theme/macarons"); // echarts theme
+import { debounce } from "@/utils";
+
+export default {
+  props: {
+    className: {
+      type: String,
+      default: "chart"
+    },
+    width: {
+      type: String,
+      default: "100%"
+    },
+    height: {
+      type: String,
+      default: "230px"
+    },
+    autoResize: {
+      type: Boolean,
+      default: true
+    },
+    chartData: {
+      type: Object
+    },
+    title: {
+      type: String,
+      default: "chart"
+    },
+    options: {
+      type: Object,
+      default: function() {
+        return {};
+      }
+    }
+  },
+  data() {
+    return {
+      chart: null,
+      chartOptions: {
+        xAxis: [],
+        legend: [],
+        series: []
+      }
+    };
+  },
+  mounted() {
+    this.initChart();
+    if (this.autoResize) {
+      this.__resizeHanlder = debounce(() => {
+        if (this.chart) {
+          this.chart.resize();
+        }
+      }, 100);
+      window.addEventListener("resize", this.__resizeHanlder);
+    }
+
+    // 监听侧边栏的变化
+    const sidebarElm = document.getElementsByClassName("sidebar-container")[0];
+    sidebarElm.addEventListener("transitionend", this.__resizeHanlder);
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return;
+    }
+    if (this.autoResize) {
+      window.removeEventListener("resize", this.__resizeHanlder);
+    }
+
+    const sidebarElm = document.getElementsByClassName("sidebar-container")[0];
+    sidebarElm.removeEventListener("transitionend", this.__resizeHanlder);
+
+    this.chart.dispose();
+    this.chart = null;
+  },
+  watch: {
+    // options: function(a) {
+    //   console.log(a)
+    //   this.chartOptions = this.options;
+    //   this.initChart();
+    //   this.__resizeHanlder = debounce(() => {
+    //     if (this.chart) {
+    //       this.chart.resize();
+    //     }
+    //   }, 100);
+    //   window.addEventListener("resize", this.__resizeHanlder);
+    // },
+    options:{
+      handler(newValue,oldValue){
+        this.getInitChart();
+      },
+      deep:true
+    },
+
+    chartData: {
+      deep: true,
+      handler(val) {
+        this.setOptions(val);
+      }
+    }
+  },
+  created() {
+    this.chartOptions = this.options;
+    // console.log("this.chartOptions", this.chartOptions, this.options);
+  },
+  methods: {
+    getInitChart() {
+      this.chartOptions = this.options;
+      this.initChart();
+      this.__resizeHanlder = debounce(() => {
+        if (this.chart) {
+          this.chart.resize();
+        }
+      }, 100);
+      window.addEventListener("resize", this.__resizeHanlder);
+    },
+    // setOptions({ expectedData, actualData } = {}) {
+    //   this.chart.setOption({
+    //     title: {
+    //         text: this.title,
+    //     },
+    //     xAxis: {
+    //       data: this.chartOptions.xAxis,
+    //       boundaryGap: false,
+    //       axisTick: {
+    //         show: false
+    //       }
+    //     },
+    //     grid: {
+    //       left: 50,
+    //       right: 50,
+    //       bottom: 20,
+    //       top: 30,
+    //       containLabel: true
+    //     },
+    //     tooltip: {
+    //       trigger: 'axis',
+    //       axisPointer: {
+    //         type: 'cross'
+    //       },
+    //       padding: [5, 10]
+    //     },
+    //     yAxis: {
+    //       axisTick: {
+    //         show: false
+    //       }
+    //     },
+    //     legend: {
+    //       data: this.chartOptions.legend,
+    //     },
+    //     series: this.chartOptions.series,
+    //   })
+    // },
+    setOptions({ expectedData, actualData } = {}) {
+      this.chart.setOption({
+        // title: {
+        //   text: this.title
+        // },
+        xAxis: {
+          data: this.chartOptions.xAxis.data,
+          // boundaryGap: false
+          axisTick: {
+            show: true
+          },
+          axisLine: {
+            lineStyle: {
+              color: "#E5E5E5" //x轴颜色
+            }
+          },
+          axisLabel: {
+            interval: 0,
+            formatter: function(value) {
+              var ret = ""; //拼接加\n返回的类目项
+              var maxLength = 10; //每项显示文字个数
+              var valLength = value.length; //X轴类目项的文字个数
+              var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
+              if (rowN > 1) {
+                //如果类目项的文字大于3,
+                for (var i = 0; i < rowN; i++) {
+                  var temp = ""; //每次截取的字符串
+                  var start = i * maxLength; //开始截取的位置
+                  var end = start + maxLength; //结束截取的位置
+                  //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧
+                  temp = value.substring(start, end) + "\n";
+                  ret += temp; //凭借最终的字符串
+                }
+                return ret;
+              } else {
+                return value;
+              }
+            },
+            textStyle: {
+              color:"#2F3133"
+            }
+          }
+        },
+        grid: {
+          left: 0,
+          right: 50,
+          bottom: 10,
+          top: 30,
+          containLabel: true
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            type: "cross"
+          },
+          padding: [5, 10]
+        },
+        yAxis: {
+          axisTick: {
+            show: true
+          },
+          axisLine: {
+            lineStyle: {
+              color: "#E5E5E5" //y轴颜色
+            },
+          },
+          axisLabel: {
+            textStyle: {
+              color:"#2F3133"
+            }
+          },
+          max:2
+        },
+        // dataZoom: [
+        //   {
+        //     //Y轴固定,让内容滚动
+        //     type: "slider",
+        //     show: false,
+        //     xAxisIndex: [0],
+        //     start: 1,
+        //     end: 80, //设置X轴刻度之间的间隔(根据数据量来调整)
+        //     zoomLock: true //锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+        //   },
+        //   {
+        //     type: "inside",
+        //     xAxisIndex: [0],
+        //     start: 1,
+        //     end: 80,
+        //     zoomLock: true //锁定区域禁止缩放
+        //   }
+        // ],
+        legend: this.chartOptions.legend,
+        series: this.chartOptions.series,
+        dataZoom: this.chartOptions.dataZoom,
+      });
+    },
+    initChart() {
+      this.chart = echarts.init(this.$el, "macarons");
+      this.chart.clear();
+      this.setOptions(this.chartData);
+    }
+  }
+};
+</script>

src/xt_pages/qcd/indicatorControlAnalysis/bloodPressure.vue

@@ -17,6 +17,7 @@
                 :trigger-on-focus="false"
                 placeholder="请输入病人名字"
                 @select="handleSelect"
+                style="width:160px;"
               >
                 <i class="el-icon-search el-input__icon" slot="suffix"></i>
                 <template slot-scope="{ item }">
@@ -67,24 +68,24 @@
           ></el-date-picker>
         </div>
         <el-container>
-          <div style="width:150px">
+          <div style="width:160px">
             <div class="tableTitle">患者列表</div>
-            <div class="tableTitle">当前患者: {{patient_name}}</div>
+            
 
             <el-table :data="patientsData" ref="table" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }"
                       :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
                       highlight-current-row
                       @current-change="handleChange">
-              <el-table-column prop="dialysis_no" label="透析号" width="80">
+              <el-table-column prop="dialysis_no" label="透析号" width="70" align="center"> 
                 <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
               </el-table-column>
-              <el-table-column prop="name" label="姓名" width="80">
+              <el-table-column prop="name" label="姓名" width="90" align="center">
                 <template slot-scope="scope">{{ scope.row.name }}</template>
               </el-table-column>
             </el-table>
           </div>
           <div style="padding-left:10px;flex:1">
-            <div class="tableTitle">指标趋势</div>
+            <div class="tableTitle">指标趋势<span style="font-weight:normal">&nbsp;&nbsp;（当前患者: {{patient_name}}）</span></div>
             <div>
               <line-chart :options="bar"></line-chart>
 
@@ -142,6 +143,7 @@
                       @click.native.prevent="jumpDetail(scope.row.patient.id)"
                       type="text"
                       size="small"
+                      style="font-size:14px;"
                     >详情</el-button>
                   </template>
                 </el-table-column>
@@ -294,6 +296,9 @@
                       { offset: 1, color: colorList[index][1] }
                     ])
                   },
+                  lineStyle:{ 
+                    color:'#409eff' //改变折线颜色
+                  },
                   barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
                 },
 
@@ -599,7 +604,9 @@
 </style>
 <style lang="scss">
   .page_process {
-
+    .el-tabs{
+      margin-bottom:0px !important;
+    }
     .el-button--medium {
       padding: 10px 8px;
     }

src/xt_pages/qcd/indicatorControlAnalysis/bloodPressureDetails.vue

@@ -17,6 +17,7 @@
                 :trigger-on-focus="false"
                 placeholder="请输入病人名字"
                 @select="handleSelect"
+                style="width:160px;"
               >
                 <i class="el-icon-search el-input__icon" slot="suffix"></i>
                 <template slot-scope="{ item }">
@@ -25,27 +26,6 @@
               </el-autocomplete>
             </el-form-item>
           </el-form>
-        </div>
-        <el-container>
-          <div style="width:150px">
-            <div class="tableTitle">患者列表</div>
-            <div class="tableTitle">当前患者: {{patient_name}}</div>
-
-            <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }"
-                      :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
-                      highlight-current-row
-                      @current-change="handleChange">
-              <el-table-column prop="dialysis_no" label="透析号" width="80">
-                <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
-              </el-table-column>
-              <el-table-column prop="name" label="姓名" width="80">
-                <template slot-scope="scope">{{ scope.row.name }}</template>
-              </el-table-column>
-            </el-table>
-
-          </div>
-          <div class="containerRight" style="flex:1;overflow: hidden">
-            <div class="cell clearfix">
               <label class="title" style="text-align:left">
                 <span class="name">血压阶段</span> :
               </label>
@@ -88,8 +68,28 @@
                 format="yyyy-MM-dd"
                 value-format="yyyy-MM-dd"
               ></el-date-picker>
-            </div>
-            <div class="tableTitle">指标趋势</div>
+        </div>
+        <el-container>
+          <div style="width:160px">
+            <div class="tableTitle">患者列表</div>
+            
+
+            <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }"
+                      :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
+                      highlight-current-row
+                      @current-change="handleChange">
+              <el-table-column prop="dialysis_no" label="透析号" width="70">
+                <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
+              </el-table-column>
+              <el-table-column prop="name" label="姓名" width="90">
+                <template slot-scope="scope">{{ scope.row.name }}</template>
+              </el-table-column>
+            </el-table>
+
+          </div>
+          <div class="containerRight" style="flex:1;overflow: hidden">
+            
+            <div class="tableTitle">指标趋势<span style="font-weight:normal">&nbsp;&nbsp;（当前患者: {{patient_name}}）</span></div>
             <div>
               <line-chart :options="chart"></line-chart>
             </div>

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

@@ -72,7 +72,7 @@
     </div>
     <div class="tableTitle">统计表</div>
     <div>
-      <el-table :data="tableData" style="width: 100%" border>
+      <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 label="姓名" align="center">
           <template slot-scope="scope">
             {{scope.row.patient.name}}
@@ -101,6 +101,7 @@
               @click.native.prevent="jumpDetail(scope.row)"
               type="text"
               size="small"
+              style="font-size:14px;"
             >详情
             </el-button>
           </template>
@@ -225,12 +226,17 @@
                 normal: {
                   color: function(params) {
                     //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
-                    var colorList = ['#A9E0F3', '#9FBDFC']
+                    var colorList = [
+                    ["#A9E0F3", "#9FBDFC"],
 
-                    // var index = params.dataIndex;
-                    // if (params.dataIndex >= colorList.length) {
-                    //   index = params.dataIndex % colorList.length;
-                    // }
+                    ["#FFD7C0", "#FF9994"],
+                    ["#D7C3FD", "#B3A8F7"],
+                  ];
+
+                    var index = params.dataIndex;
+                    if (params.dataIndex >= colorList.length) {
+                      index = params.dataIndex % colorList.length;
+                    }
 
                     return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                       { offset: 0, color: colorList[0] },

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

@@ -11,6 +11,7 @@
             :trigger-on-focus="false"
             placeholder="请输入病人名字"
             @select="handleSelect"
+            style="width:160px;"
           >
             <i class="el-icon-search el-input__icon" slot="suffix"></i>
             <template slot-scope="{ item }">
@@ -20,7 +21,7 @@
 
         </el-form-item>
       </el-form>
-      <el-select v-model="query.project_id" placeholder="请选择" style="width:120px;margin-right:20px"
+      <el-select v-model="query.project_id" placeholder="请选择" style="width:120px;margin-right:10px"
                  @change="changeProject">
         <el-option
           v-for="item in project_columns"
@@ -33,7 +34,7 @@
       <el-select
         v-model="query.item_id"
         placeholder="请选择"
-        style="width:120px;margin-right:20px"
+        style="width:120px;margin-right:10px"
         @change="changeItem"
       >
         <el-option
@@ -86,23 +87,23 @@
       ></el-date-picker>
     </div>
     <el-container>
-      <div style="width:150px">
+      <div style="width:160px">
 
-        <div class="tableTitle">患者列表  <div class="tableTitle">当前患者:{{patient_name}}</div></div>
+        <div class="tableTitle">患者列表</div>
         <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }"
                   :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
                   highlight-current-row
                   @current-change="handleChange">
-          <el-table-column prop="dialysis_no" label="透析号" width="80">
+          <el-table-column prop="dialysis_no" label="透析号" width="70">
             <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
           </el-table-column>
-          <el-table-column prop="name" label="姓名" width="80">
+          <el-table-column prop="name" label="姓名" width="90">
             <template slot-scope="scope">{{ scope.row.name }}</template>
           </el-table-column>
         </el-table>
       </div>
       <div style="padding-left:10px;flex:1">
-        <div class="tableTitle">统计图</div>
+        <div class="tableTitle" style="magrin-bottom:0;">统计图<span style="font-weight:normal">&nbsp;&nbsp;（当前患者:{{patient_name}}）</span></div>
         <div>
           <line-chart :options="options"></line-chart>
         </div>
@@ -327,10 +328,11 @@
                   color: function(params) {
                     //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
                     var colorList = [
-                      ['#A9E0F3', '#9FBDFC'],
+                      ["#A9E0F3", "#9FBDFC"],
 
-                      ['#FFD7C0', '#FF9994']
-                    ]
+                      ["#FFD7C0", "#FF9994"],
+                      ["#D7C3FD", "#B3A8F7"],
+                    ];
 
                     var index = params.dataIndex
                     if (params.dataIndex >= colorList.length) {
@@ -343,6 +345,9 @@
                       { offset: 1, color: colorList[index][1] }
                     ])
                   },
+                  lineStyle:{ 
+                    color:'#409eff' //改变折线颜色
+                  }, 
                   barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
                 },
 

src/xt_pages/qcd/indicatorControlAnalysis/monitor.vue

@@ -17,6 +17,7 @@
                 :trigger-on-focus="false"
                 placeholder="请输入病人名字"
                 @select="handleSelect"
+                style="width:160px"
               >
                 <i class="el-icon-search el-input__icon" slot="suffix"></i>
                 <template slot-scope="{ item }">
@@ -67,24 +68,24 @@
           ></el-date-picker>
         </div>
         <el-container>
-          <div style="width:150px">
+          <div style="width:160px">
             <div class="tableTitle">患者列表</div>
-            <div class="tableTitle">当前患者: {{patient_name}}</div>
+            
 
             <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }"
                       :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
                       highlight-current-row
                       @current-change="handleChange">
-              <el-table-column prop="dialysis_no" label="透析号" width="80">
+              <el-table-column prop="dialysis_no" label="透析号" width="70" align="center">
                 <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
               </el-table-column>
-              <el-table-column prop="name" label="姓名" width="80">
+              <el-table-column prop="name" label="姓名" width="90" align="center">
                 <template slot-scope="scope">{{ scope.row.name }}</template>
               </el-table-column>
             </el-table>
           </div>
           <div style="padding-left:10px;flex:1;width:0;">
-            <div class="tableTitle">指标趋势</div>
+            <div class="tableTitle">指标趋势<span style="font-weight:normal">&nbsp;&nbsp;（当前患者: {{patient_name}}）</span></div>
             <div>
               <line-chart :options="chart"></line-chart>
             </div>
@@ -320,6 +321,9 @@
                       { offset: 1, color: colorList[index][1] }
                     ])
                   },
+                  lineStyle:{ 
+                    color:'#409eff' //改变折线颜色
+                  },
                   barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
                 },
 
@@ -327,7 +331,7 @@
                 emphasis: {
                   shadowBlur: 10,
                   shadowOffsetX: 0,
-                  shadowColor: 'rgba(0, 0, 0, 0.5)'
+                  shadowColor: 'rgba(0, 0, 0, 0.2)'
                 }
               }
             }
@@ -395,7 +399,7 @@
                 emphasis: {
                   shadowBlur: 10,
                   shadowOffsetX: 0,
-                  shadowColor: 'rgba(0, 0, 0, 0.5)'
+                  shadowColor: 'rgba(0, 0, 0, 0.2)'
                 }
               }
             }

src/xt_pages/qcd/indicatorControlAnalysis/patientInspectionDetail.vue

@@ -4,34 +4,30 @@
       <bread-crumb :crumbs="crumbs"></bread-crumb>
       <el-button type="primary" @click="$router.back(-1)">返回</el-button>
     </div>
-    <div class="app-container">
+    <div class="app-container pageInspection">
 
       <div class="cell clearfix">
         <label class="title">
           <span class="name">病人搜索</span> :
         </label>
-        <div >
-
-          <el-form :inline="true">
-            <el-form-item label>
-              <el-autocomplete
-                class="checkSearch"
-                style="margin-top: 20px;"
-                popper-class="my-autocomplete"
-                v-model="search_value"
-                :fetch-suggestions="querySearchAsync"
-                :trigger-on-focus="false"
-                placeholder="请输入病人名字"
-                @select="handleSelect"
-              >
-                <i class="el-icon-search el-input__icon" slot="suffix"></i>
-                <template slot-scope="{ item }">
-                  <div class="name">{{ item.name }}</div>
-                </template>
-              </el-autocomplete>
-            </el-form-item>
-          </el-form>
-        </div>
+        <el-form :inline="true">
+          <el-form-item label>
+            <el-autocomplete
+              class="checkSearch"
+              popper-class="my-autocomplete"
+              v-model="search_value"
+              :fetch-suggestions="querySearchAsync"
+              :trigger-on-focus="false"
+              placeholder="请输入病人名字"
+              @select="handleSelect"
+            >
+              <i class="el-icon-search el-input__icon" slot="suffix"></i>
+              <template slot-scope="{ item }">
+                <div class="name">{{ item.name }}</div>
+              </template>
+            </el-autocomplete>
+          </el-form-item>
+        </el-form>
 
       </div>
 
@@ -82,30 +78,30 @@
         ></el-date-picker>
       </div>
       <el-container>
-        <div style="width:150px">
+        <div style="width:160px">
           <div class="tableTitle">患者列表</div>
-          <div class="tableTitle">当前患者: {{patient_name}}</div>
+          
 
           <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500"
                     :row-style="{ color: '#303133' }"
                     :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
                     highlight-current-row
                     @current-change="handleChange">
-            <el-table-column prop="dialysis_no" label="透析号" width="80">
+            <el-table-column prop="dialysis_no" label="透析号" width="70" align="center">
               <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
             </el-table-column>
-            <el-table-column prop="name" label="姓名" width="80">
+            <el-table-column prop="name" label="姓名" width="90" align="center">
               <template slot-scope="scope">{{ scope.row.name }}</template>
             </el-table-column>
           </el-table>
 
         </div>
         <div style="padding-left:10px;flex:1">
-          <div class="tableTitle">统计图</div>
+          <div class="tableTitle">统计图<span style="font-weight:normal">&nbsp;&nbsp;（当前患者: {{patient_name}}）</span></div>
           <div>
             <!--<line-chart :options="options2"></line-chart>-->
             <line-chart v-if="this.$route.query.range_type == 1" :options="options"></line-chart>
-            <line-chart v-if="this.$route.query.range_type == 2" :options="options2"></line-chart>
+            <line-chart1 v-if="this.$route.query.range_type == 2" :options="options2"></line-chart1>
 
 
 
@@ -122,6 +118,7 @@
   const moment = require('moment')
   import echarts from 'echarts'
   import LineChart from '../../qcd/components/LineChart'
+  import LineChart1 from '../../qcd/components/LineChart1'
   import { uParseTime } from '@/utils/tools'
   import BreadCrumb from '@/xt_pages/components/bread-crumb'
   import { getCurrentOrgPatients } from '@/api/common/common'
@@ -140,6 +137,7 @@
     name: 'dialysisTotal',
     components: {
       LineChart,
+      LineChart1,
       BreadCrumb
     },
     data() {
@@ -204,12 +202,19 @@
               name: '',
               type: 'line',
               data: [],
+              symbol: 'circle',//折线点设置为实心点
+              symbolSize: 15,   //折线点的大小
               barWidth: 30,
               label: {
                 normal: {
                   show: true,
-                  position: 'top',
-                  formatter: '{c}'
+                  position: "top",
+                  formatter: (params) => {
+                      let str = ''
+                      str = this.otherData[params.dataIndex]
+                      return str
+
+                  }
                 }
               },
               //配置样式
@@ -218,24 +223,33 @@
 
                 //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
                 normal: {
-                  color: function(params) {
+                  color: (params) => {
                     //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
-                    var colorList = [
-                      ['#A9E0F3', '#9FBDFC'],
-
-                      ['#FFD7C0', '#FF9994']
-                    ]
-
-                    var index = params.dataIndex
-                    if (params.dataIndex >= colorList.length) {
-                      index = params.dataIndex % colorList.length
-                    }
-
-                    return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                      { offset: 0, color: colorList[index][0] },
-                      // { offset: 0.5, color: colorList[index][1] },
-                      { offset: 1, color: colorList[index][1] }
-                    ])
+                    var colorList = [
+                      ['#409EFF','#409EFF'],
+                      ['#f56c6c','#f56c6c']
+                      ];
+                    if(params.seriesName == this.otherData[params.dataIndex]){
+                      var index = 0 
+                    }else {
+                      var index = 1
+                    }
+                   
+
+                    // var index = params.dataIndex;
+                    // if (params.dataIndex >= colorList.length) {
+                    //   index = params.dataIndex % colorList.length;
+                    // }
+
+                    return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                      {offset: 0, color: colorList[index][0]},
+                      // { offset: 0.5, color: colorList[index][1] },
+                      {offset: 1, color: colorList[index][1]}
+                    ]);
+                  },
+                  lineStyle: {
+                    width:2,
+                    color: "#cccccc"//折线的颜色
                   },
                   barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
                 },
@@ -244,7 +258,7 @@
                 emphasis: {
                   shadowBlur: 10,
                   shadowOffsetX: 0,
-                  shadowColor: 'rgba(0, 0, 0, 0.5)'
+                  shadowColor: 'rgba(0, 0, 0, 0.2)'
                 }
               }
             }
@@ -453,7 +467,8 @@
           { value: 4, label: '近一年', state: 4 },
           { value: 5, label: '自定义', state: 5 }
         ],
-        search_value: ''
+        search_value: '',
+        otherData:[]
       }
     },
     methods: {
@@ -603,9 +618,15 @@
                   this.options2.xAxis.data.push(resp.data.data[i].date)
                   tempData.push(resp.data.data[i].value)
                   otherData.push(resp.data.data[i].value)
+                  this.options2.series[0].name = resp.data.references.range_value
                 }
               }
-
+              this.otherData = otherData
+              if(this.$route.query.range_type == 1){
+                this.getArrLength(this.options.xAxis.data,1)
+              }else{
+                this.getArrLength(this.options2.xAxis.data,this.$route.query.range_type)
+              }
               console.log(this.options.xAxis.data)
 
               console.log(this.options.series[0].data)
@@ -645,6 +666,26 @@
       }, getTimestamp(time) {
         // 把时间日期转成时间戳
         return new Date(time).getTime() / 1000
+      },
+      getArrLength(result,type){
+        if(type == 1){
+          if(result.length > 10){
+            var dataZoom_end = (10/result.length)*100;
+            this.options.dataZoom[0].end = dataZoom_end
+          }else{
+            var dataZoom_end = 100;
+            this.options.dataZoom[0].end = dataZoom_end
+          }
+        }else{
+          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
+          }
+        }
+
       }
 
     },
@@ -777,60 +818,12 @@
 </style>
 
 <style lang="scss">
-  .infoBox {
-
-  .infoOne {
-
-  .borderBox {
-
-  .el-progress-bar__inner {
-    background: linear-gradient(
-      90deg,
-      rgba(169, 224, 243, 1),
-      rgba(159, 189, 252, 1)
-    );
-  }
-
-  .el-progress-bar {
-    margin-right: -59px;
-    padding-right: 60px;
-  }
-
-  }
-  .borderBox1 {
-
-  .el-progress-bar__inner {
-    background: linear-gradient(
-      90deg,
-      rgba(255, 215, 192, 1),
-      rgba(255, 153, 148, 1)
-    );
-  }
-
-  .el-progress-bar {
-    margin-right: -59px;
-    padding-right: 60px;
+.pageInspection{
+  .el-form-item{
+    margin-bottom:0px !important;
   }
+}
 
-  }
-  .borderBox2 {
-
-  .el-progress-bar__inner {
-    background: linear-gradient(
-      90deg,
-      rgba(215, 195, 253, 1),
-      rgba(179, 168, 247, 1)
-    );
-  }
-
-  .el-progress-bar {
-    margin-right: -59px;
-    padding-right: 60px;
-  }
-
-  }
-  }
-  }
 </style>
 
 

src/xt_pages/qcd/indicatorControlAnalysis/process.vue

@@ -17,6 +17,7 @@
                 :trigger-on-focus="false"
                 placeholder="请输入病人名字"
                 @select="handleSelect"
+                style="width:160px;"
               >
                 <i class="el-icon-search el-input__icon" slot="suffix"></i>
                 <template slot-scope="{ item }">
@@ -68,26 +69,26 @@
           ></el-date-picker>
         </div>
         <el-container>
-          <div style="width:150px">
+          <div style="width:160px">
 
             <div class="tableTitle">患者列表</div>
-            <div class="tableTitle">当前患者: {{patient_name}}</div>
+            
 
             <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500"
                       :row-style="{ color: '#303133' }"
                       :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
                       highlight-current-row
                       @current-change="handleChange">
-              <el-table-column prop="dialysis_no" label="透析号" width="80">
+              <el-table-column prop="dialysis_no" label="透析号" width="70" align="center">
                 <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
               </el-table-column>
-              <el-table-column prop="name" label="姓名" width="80">
+              <el-table-column prop="name" label="姓名" width="90" align="center">
                 <template slot-scope="scope">{{ scope.row.name }}</template>
               </el-table-column>
             </el-table>
           </div>
           <div style="padding-left:10px;flex:1;width:0;">
-            <div class="tableTitle">指标趋势</div>
+            <div class="tableTitle">指标趋势<span style="font-weight:normal">&nbsp;&nbsp;（当前患者: {{patient_name}}）</span></div>
             <div>
               <line-chart :options="chart"
                           v-if="query.statistics_type != 9 && query.statistics_type != 10"></line-chart>
@@ -412,6 +413,9 @@
                       { offset: 1, color: colorList[index][1] }
                     ])
                   },
+                  lineStyle:{ 
+                    color:'#409eff' //改变折线颜色
+                  },
                   barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
                 },
 
@@ -770,7 +774,9 @@
 </style>
 <style lang="scss">
   .page_process {
-
+    .el-tabs{
+      margin-bottom:0 !important;
+    }
     .el-button--medium {
       padding: 10px 8px;
     }

src/xt_pages/qcd/indicatorControlAnalysis/weight.vue

@@ -17,6 +17,7 @@
                 :trigger-on-focus="false"
                 placeholder="请输入病人名字"
                 @select="handleSelect"
+                style="width:160px;"
               >
                 <i class="el-icon-search el-input__icon" slot="suffix"></i>
                 <template slot-scope="{ item }">
@@ -67,25 +68,25 @@
           ></el-date-picker>
         </div>
         <el-container>
-          <div style="width:150px">
+          <div style="width:160px">
 
             <div class="tableTitle">患者列表</div>
-            <div class="tableTitle">当前患者: {{patient_name}}</div>
+            
 
             <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }"
                       :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
                       highlight-current-row
                       @current-change="handleChange">
-              <el-table-column prop="dialysis_no" label="透析号" width="80">
+              <el-table-column prop="dialysis_no" label="透析号" width="70">
                 <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
               </el-table-column>
-              <el-table-column prop="name" label="姓名" width="80">
+              <el-table-column prop="name" label="姓名" width="90">
                 <template slot-scope="scope">{{ scope.row.name }}</template>
               </el-table-column>
             </el-table>
           </div>
           <div style="padding-left:10px;flex:1">
-            <div class="tableTitle">指标趋势</div>
+            <div class="tableTitle">指标趋势<span style="font-weight:normal">&nbsp;&nbsp;（当前患者: {{patient_name}}）</span></div>
             <div>
               <line-chart :options="bar"></line-chart>
 
@@ -154,6 +155,7 @@
                       @click.native.prevent="jumpDetail(scope.row.patient_id)"
                       type="text"
                       size="small"
+                      style="font-size:14px;"
                     >详情</el-button>
                   </template>
                 </el-table-column>
@@ -312,7 +314,7 @@
                 emphasis: {
                   shadowBlur: 10,
                   shadowOffsetX: 0,
-                  shadowColor: 'rgba(0, 0, 0, 0.5)'
+                  shadowColor: 'rgba(0, 0, 0, 0.2)'
                 }
               }
             }
@@ -391,7 +393,7 @@
 
                   shadowBlur: 10,
                   shadowOffsetX: 0,
-                  shadowColor: 'rgba(0, 0, 0, 0.5)'
+                  shadowColor: 'rgba(0, 0, 0, 0.2)'
                 }
               }
             }

src/xt_pages/qcd/indicatorControlAnalysis/weightDetails.vue

@@ -17,6 +17,7 @@
                 :trigger-on-focus="false"
                 placeholder="请输入病人名字"
                 @select="handleSelect"
+                style="width:160px"
               >
                 <i class="el-icon-search el-input__icon" slot="suffix"></i>
                 <template slot-scope="{ item }">
@@ -26,27 +27,6 @@
 
             </el-form-item>
           </el-form>
-        </div>
-        <el-container>
-          <div style="width:150px">
-            <div class="tableTitle">患者列表</div>
-            <div class="tableTitle">当前患者: {{patient_name}}</div>
-            <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }"
-                      :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
-                      highlight-current-row
-                      @current-change="handleChange">
-              <el-table-column prop="dialysis_no" label="透析号" width="80">
-                <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
-              </el-table-column>
-              <el-table-column prop="name" label="姓名" width="80">
-                <template slot-scope="scope">{{ scope.row.name }}</template>
-              </el-table-column>
-            </el-table>
-
-
-          </div>
-          <div class="containerRight" style="flex:1;overflow: hidden">
-            <div class="cell clearfix">
               <label class="title" style="text-align:left">
                 <span class="name">体重类型</span> :
               </label>
@@ -89,7 +69,27 @@
                 format="yyyy-MM-dd"
                 value-format="yyyy-MM-dd"
               ></el-date-picker>
-            </div>
+        </div>
+        <el-container>
+          <div style="width:160px">
+            <div class="tableTitle">患者列表</div>
+            
+            <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }"
+                      :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
+                      highlight-current-row
+                      @current-change="handleChange">
+              <el-table-column prop="dialysis_no" label="透析号" width="70">
+                <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
+              </el-table-column>
+              <el-table-column prop="name" label="姓名" width="90">
+                <template slot-scope="scope">{{ scope.row.name }}</template>
+              </el-table-column>
+            </el-table>
+
+
+          </div>
+          <div class="containerRight" style="flex:1;overflow: hidden">
+            
             <div class="tableTitle">指标趋势</div>
             <div>
               <line-chart :options="chart"></line-chart>

src/xt_pages/qcd/officesControlAnalysis/project.vue

@@ -9,14 +9,14 @@
         <el-tab-pane label="按项目分组" name="second"></el-tab-pane>
       </el-tabs>
       <div class="cell clearfix">
-        <el-select v-model="lapseto" placeholder="请选择" style="width:120px;margin-right:10px" @change="changeOptions">
+        <!-- <el-select v-model="lapseto" placeholder="请选择" style="width:120px;margin-right:10px" @change="changeOptions">
           <el-option
             v-for="item in options"
             :key="item.value"
             :label="item.label"
             :value="item.value"
           ></el-option>
-        </el-select>
+        </el-select> -->
         <el-select v-model="type" placeholder="请选择" @change="chooseType" style="margin-right:10px">
           <el-option
             v-for="item in options1"
@@ -134,7 +134,7 @@ export default {
         },
         series: [
           {
-            name: "次数",
+            name: "达标率",
             type: "bar",
             data: [
               "78.57",
@@ -574,7 +574,7 @@ export default {
        getMonthProjectList(params).then(response=>{
         if(response.data.state === 1){
             var monthlist = response.data.data.monthlist
-            // console.log("monthlist",monthlist)
+           console.log("monthlist",monthlist)
             var newArr = [
               {Total:"一月",Count:1,NoCount: 0},
               {Total:"二月",Count:1,NoCount: 0},

src/xt_pages/qcd/officesControlAnalysis/time.vue

@@ -9,14 +9,14 @@
         <el-tab-pane label="按项目分组" name="second"></el-tab-pane>
       </el-tabs>
       <div class="cell clearfix">
-        <el-select v-model="lapseto" placeholder="请选择" style="width:120px;margin-right:10px" @change="changeLapseto">
+        <!-- <el-select v-model="lapseto" placeholder="请选择" style="width:120px;margin-right:10px" @change="changeLapseto">
           <el-option
             v-for="item in options"
             :key="item.value"
             :label="item.label"
             :value="item.value"
           ></el-option>
-        </el-select>
+        </el-select> -->
         <el-select v-model="type" placeholder="请选择" @change="chooseType" style="margin-right:10px">
           <el-option
             v-for="item in options1"

src/xt_pages/qcd/patientComplianceDetails.vue

@@ -32,7 +32,7 @@
               </el-form-item>
             </el-form>
             <div class="tableTitle">患者列表</div>
-            <el-table :data="patientsData" border style="width: 100%;" height="500"  highlight-current-row @current-change="handleChange" :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
+            <el-table ref="singleTable" :data="patientsData" border style="width: 100%;" height="500"  highlight-current-row @current-change="handleChange" :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
               <el-table-column prop="name" label="透析号" width="70">
                  <template slot-scope="scope">
                     {{scope.row.dialysis_no}}
@@ -107,13 +107,16 @@
                 </div>
               </div>
             </div>
-            <div class="tableTitle">指标趋势</div>
+            <div class="tableTitle">指标趋势
+              <span style="font-weight:normal">&nbsp;&nbsp;（当前患者: {{patient_name}}）</span>
+            </div>
             <div class="cell clearfix">
               <p class="point"></p>
-              <p class="pointTitle">达标率</p>
+              <p class="pointTitle">{{itemName}}</p>
             </div>
             <div>
-              <line-chart :options="chart"></line-chart>
+              <line-chart :options="chart" v-if="rangetype == 1"></line-chart>
+               <line-chart1 :options="char2" v-if="rangetype == 2"></line-chart1>
             </div>
           </div>
         </el-container>
@@ -127,15 +130,21 @@ const moment = require('moment')
 import echarts from "echarts";
 import BreadCrumb from "@/xt_pages/components/bread-crumb";
 import LineChart from "../qcd/components/LineChart";
+import LineChart1 from '../qcd/components/LineChart1'
 import { uParseTime } from "@/utils/tools";
+ import { PostSearch} from '@/api/patient'
 import { getCurrentOrgPatients,GetQualityControl,getNormData,getPatientComplianceDetail } from "@/api/common/common"
 export default {
   components: {
     LineChart,
-    BreadCrumb
+    BreadCrumb,
+    LineChart1
   },
   data() {
     return {
+     patient_name:"",
+     rangetype:1,
+     itemName:"",
      isTrue:0,
       crumbs: [
         { path: false, name: "质控管理" },
@@ -172,6 +181,126 @@ export default {
       monthType: 0,
       arr: [],
       quality: 0,
+      char2: {
+          title: {
+            text: 'ECharts 入门示例'
+          },
+          tooltip: {},
+          legend: {
+            data: ['次数'],
+            left: 0
+          },
+          xAxis: {
+            data: [],
+            axisLine: {
+              lineStyle: {
+                color: '#FF0000',
+                width: 8 //这里是为了突出显示加上的
+              }
+            },
+            axisLabel: {
+              interval: 0,
+              formatter: function(value) {
+                var ret = '' //拼接加\n返回的类目项
+                var maxLength = 8 //每项显示文字个数
+                var valLength = value.length //X轴类目项的文字个数
+                var rowN = Math.ceil(valLength / maxLength) //类目项需要换行的行数
+                if (rowN > 1) {
+                  //如果类目项的文字大于3,
+                  for (var i = 0; i < rowN; i++) {
+                    var temp = '' //每次截取的字符串
+                    var start = i * maxLength //开始截取的位置
+                    var end = start + maxLength //结束截取的位置
+                    //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧
+                    temp = value.substring(start, end) + '\n'
+                    ret += temp //凭借最终的字符串
+                  }
+                  return ret
+                } else {
+                  return value
+                }
+              }
+            }
+          },
+          yAxis: {
+            axisLabel: {
+              formatter: '{value} %'
+            },
+            show: false,
+            axisLine: {
+              lineStyle: {
+                color: '#00FF00',
+                width: 8 //这里是为了突出显示加上的
+              }
+            }
+          },
+          series: [
+            {
+              name: '',
+              type: 'line',
+              data: [],
+              symbol: 'circle',//折线点设置为实心点
+              symbolSize: 15,   //折线点的大小
+              barWidth: 30,
+              label: {
+                normal: {
+                  show: true,
+                  position: "top",
+                  formatter: (params) => {
+                      let str = ''
+                      str = this.otherData[params.dataIndex]
+                      return str
+
+                  }
+                }
+              },
+              //配置样式
+              itemStyle: {
+                //通常情况下：
+
+                //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
+                normal: {
+                  color: (params) => {
+                    //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
+                    var colorList = [
+                      ['#409EFF','#409EFF'],
+                      ['#f56c6c','#f56c6c']
+                      ];
+                    if(params.seriesName == this.otherData[params.dataIndex]){
+                      var index = 0 
+                    }else {
+                      var index = 1
+                    }
+                   
+
+                    // var index = params.dataIndex;
+                    // if (params.dataIndex >= colorList.length) {
+                    //   index = params.dataIndex % colorList.length;
+                    // }
+
+                    return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                      {offset: 0, color: colorList[index][0]},
+                      // { offset: 0.5, color: colorList[index][1] },
+                      {offset: 1, color: colorList[index][1]}
+                    ]);
+                  },
+                  lineStyle: {
+                    width:2,
+                    color: "#cccccc"//折线的颜色
+                  },
+                  barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
+                },
+
+                //鼠标悬停时：
+                emphasis: {
+                  shadowBlur: 10,
+                  shadowOffsetX: 0,
+                  shadowColor: 'rgba(0, 0, 0, 0.2)'
+                }
+              }
+            }
+          ]
+        },
       chart: {
         title: {
           text: "ECharts 入门示例"
@@ -253,6 +382,7 @@ export default {
       },
       inspect_date:0,
       monthActive:0,
+      otherData:[]
     };
   },
   methods: {
@@ -323,6 +453,18 @@ export default {
       this.monthType = month;
     },
     clickQuality(index,itemid) {
+      var itemName = ''
+      for(let i=0;i<this.normData.length;i++){
+         if(itemid == this.normData[i].inspection_minor){
+           if(this.normData[i].range_type == 1){
+              itemName = this.normData[i].item_name + "("+this.normData[i].min_range + "-"+this.normData[i].large_range+")"+this.normData[i].unit
+           }
+           if(this.normData[i].range_type == 2){
+             itemName = this.normData[i].item_name
+           } 
+         }
+      }
+      this.itemName = itemName
       this.quality = index;
       this.item_id = itemid
       this.getlistDetail()
@@ -369,12 +511,19 @@ export default {
     },
     handleChange(val){
      this.patientid = val.id
+     this.patient_name = val.name
       this.getlistDetail()
     },
    getCurrentOrgPatients(){
       getCurrentOrgPatients().then(response=>{
           if(response.data.state == 1){
             var patients = response.data.data.patients
+            for(let i=0;i<patients.length;i++){
+               if(this.patientid == patients[i].id){
+                  this.$refs.singleTable.setCurrentRow(patients[i])
+                  this.patient_name = patients[i].name
+               }
+            }
             this.patientsData = patients
           }
       })
@@ -382,8 +531,10 @@ export default {
     getNormData(){
       getNormData().then(response=>{
          var normdata = response.data.data.normdata
+         console.log("normdata",normdata)
           for(let i=0;i<normdata.length;i++){
             this.item_id = normdata[0].inspection_minor
+            this.itemName = normdata[0].item_name + "("+normdata[0].min_range + "-"+normdata[0].large_range +")"+normdata[0].unit
           }
           this.normData = normdata
           this.getlist()
@@ -392,6 +543,8 @@ export default {
     getlist(){
         this.modesData.series = []
         this.modesData.xAxis = []
+        this.char2.xAxis.data = []
+        this.char2.series[0].data = []
         const startDate = moment().subtract('month', 0).format('YYYY-MM') + '-01'
         const endDate = moment(new Date()).format('YYYY-MM-DD')
         var now = new Date()
@@ -414,7 +567,7 @@ export default {
        GetQualityControl(params).then(response=>{
           if(response.data.state == 1){
             var list = response.data.data.list
-            console.log("list",list)
+            console.log("list是什么",list)
             for(let i=0;i<list.length;i++){
               if(parseInt(list[i].inspect_value)>= parseInt(list[i].range_min) && parseInt(list[i].inspect_value)<= parseInt(list[i].range_max)){
                     this.isTrue = 1  
@@ -422,9 +575,20 @@ export default {
                if(parseInt(list[i].inspect_value)< parseInt(list[i].range_min) || parseInt(list[i].inspect_value) > parseInt(list[i].range_max)){
                     this.isTrue =0
                }
-              this.modesData.xAxis.push(this.getTime(list[i].inspect_date));
-               this.modesData.series.push(list[i].inspect_value)
-            
+               
+              if(list[i].range_type == 1){
+                    this.rangetype = 1
+                    this.modesData.xAxis.push(this.getTime(list[i].inspect_date));
+                    this.modesData.series.push(list[i].inspect_value)
+                }
+
+                if(list[i].range_type == 2){
+                   this.rangetype = 2
+                   this.otherData.push(list[i].inspect_value)
+                   this.char2.series[0].data.push("1")
+                  this.char2.xAxis.data.push(this.getTime(list[i].inspect_date))
+                  this.char2.series[0].name = list[i].range_value
+                }
             }
             this.chart.series[0].data = this.modesData.series
             this.chart.xAxis.data = this.modesData.xAxis
@@ -437,6 +601,8 @@ export default {
     getlistDetail(){
        this.modesData.series = []
         this.modesData.xAxis = []
+        this.char2.xAxis.data = []
+        this.char2.series[0].data = []
         const startDate = moment().subtract('month', 0).format('YYYY-MM') + '-01'
         const endDate = moment(new Date()).format('YYYY-MM-DD')
 
@@ -469,19 +635,60 @@ export default {
                 if(parseInt(list[i].inspect_value)< parseInt(list[i].range_min) || parseInt(list[i].inspect_value) > parseInt(list[i].range_max)){
                       this.isTrue =0
                 }
-                this.modesData.xAxis.push(this.getTime(list[i].inspect_date));
-                this.modesData.series.push(list[i].inspect_value)
+
+                if(list[i].range_type == 1){
+                    this.rangetype = 1
+                    this.modesData.xAxis.push(this.getTime(list[i].inspect_date));
+                    this.modesData.series.push(list[i].inspect_value)
+                }
+
+                if(list[i].range_type == 2){
+                   this.rangetype = 2
+                   this.otherData.push(list[i].inspect_value)
+                   this.char2.series[0].data.push("1")
+                  this.char2.xAxis.data.push(this.getTime(list[i].inspect_date))
+                  this.char2.series[0].name = list[i].range_value
+                }
+              
             
             }
               this.chart.series[0].data = this.modesData.series
               this.chart.xAxis.data = this.modesData.xAxis
             }
        })
-    }
+    },
+     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([])
+          }
+        })
+      },
+     handleSelect(val) {
+        console.log("val",val)
+        this.listQuery.search = val.name
+        this.patientid = val.id
+        for(let i=0;i<this.patientsData.length;i++){
+          if(val.id == this.patientsData[i].id){
+            this.$refs.singleTable.setCurrentRow(this.patientsData[i])
+          }
+         }
+        this.getlistDetail()
+      },
   },
 
    created(){
      this.patientid =  this.$route.query.patientid
+    
      this.inspect_date = this.$route.query.date
      //获取指标项
       this.getNormData()

src/xt_pages/qcd/patientControlAnalysis.vue

@@ -25,14 +25,14 @@
 
             </el-form-item>
           </el-form>
-          <el-select v-model="lapstor" placeholder="请选择" style="margin-right:20px;width:100px">
+          <!-- <el-select v-model="lapstor" placeholder="请选择" style="margin-right:20px;width:100px">
             <el-option
               v-for="item in options"
               :key="item.value"
               :label="item.label"
               :value="item.value"
             ></el-option>
-          </el-select>
+          </el-select> -->
           <label class="title">
             <span class="name">日期查询</span> :
           </label>
@@ -207,7 +207,7 @@ export default {
         },
         series: [
           {
-            name: "次数",
+            name: "",
             type: "bar",
             data: [],
             barWidth: 30,
@@ -257,11 +257,11 @@ export default {
               },
 
               //鼠标悬停时：
-              emphasis: {
-                shadowBlur: 10,
-                shadowOffsetX: 0,
-                shadowColor: "rgba(0, 0, 0, 0.2)"
-              }
+              // emphasis: {
+              //   shadowBlur: 10,
+              //   shadowOffsetX: 0,
+              //   shadowColor: "rgba(0, 0, 0, 0.2)"
+              // }
             }
           }
         ]
@@ -289,12 +289,15 @@ export default {
   },
   methods: {
     handleSizeChange(limit){
+      this.tableData = []
       this.listQuery.limit = limit
+      
       this.getlist()
+
     },
     handleCurrentChange(page){
+      this.tableData = []  
       this.listQuery.page = page
-
       this.getlist()
     },
     changeTime() {
@@ -490,7 +493,7 @@ export default {
       getPatientsControl(this.lapstor,this.listQuery.start_time,this.listQuery.end_time,this.listQuery.page,this.listQuery.limit).then(response=>{
          if(response.data.state == 1){
            var patients = response.data.data.patients
-     
+            console.log("patients",patients)
             this.tablePatients = patients
             var total = response.data.data.total
             this.total = total
@@ -644,109 +647,32 @@ export default {
         }
         return result;
     },
-
+    //统计柱状图
     getCartogramlist(){
        getCartogramlist(this.lapstor,this.listQuery.start_time,this.listQuery.end_time,this.limit,this.page).then(response=>{
            if(response.data.state == 1){
-              var cartogramlist =  response.data.data.cartogramlist
-              // console.log("cartogramlist",cartogramlist)
-              var totaltwo =  response.data.data.total
-              // console.log("totaltwo",totaltwo)
-              var infectiouscontrol =  response.data.data.infectiouscontrol
-              // console.log("infectiouscontrol",infectiouscontrol)
-              infectiouscontrol.map(item=>{
-                cartogramlist.push(item)
-              })
-               var cart = []
-              //  console.log("已配置的选项",this.normData)
-              //过滤已经配置的选项
-              for(let i=0;i<cartogramlist.length;i++){
-                for(let j=0;j<this.normData.length;j++){
-                   if(cartogramlist[i].item_id == this.normData[j].inspection_minor){
-                        cart.push(cartogramlist[i])
-                   }
-                }
-              }
-            //  console.log("cart",cart)
-
-              //  for(let i=0;i<cartogramlist.length;i++){
-              //     if(cartogramlist[i].inspect_value != ''){
-              //       cart.push(cartogramlist[i])
-              //     }
-              //  }
-              // console.log("cart",cart)
-               let dataInfo = {}
-                cart.forEach((item, index) => {
-                  let { patient_id } = item
-                  if (!dataInfo[patient_id]) {
-                    dataInfo[patient_id] = {
-                      patient_id,
-                      name:item.name,
-                      child: [],
-                      inspect_date:item.inspect_date,
-                      total:0,
-                      count:0,
-                      infectotal:0,
-                    }
-                  }
-                })
-              let list = Object.values(dataInfo)
+             var total =  response.data.data.total
+             
+             var standtotal = response.data.data.standtotal
+         
+             var standtotalone = response.data.data.standtotalOne
 
-
-              var arr = []
-              list.map(item=>{
-                 for(let i=0;i<cart.length;i++){
-                    if(item.inspect_date == cart[i].inspect_date && item.patient_id == cart[i].patient_id){
-                        item.child.push(cart[i])
-                    }
-                 }
-              })
-
-
-          //  console.log("list",list)
-             list.map(item=>{
-                item.child.map(it=>{
-                  //  console.log("长度",item.child.length)
-                  //  console.log("it",it)
-                   if(it.range_type == 1 && parseInt(it.range_min)<=parseInt(it.inspect_value) && parseInt(it.inspect_value)<=parseInt(it.range_max)){
-                       item.total ++
-                   }
-                   if(it.range_type == 2 && it.inspect_value == it.range_value){
-                      item.infectotal ++
-                   }
-                })
-             })
-            //  console.log("list",list)
-             var standardTotal = 0
-
-             list.map(item=>{
-               if((item.total +item.infectotal) == item.child.length){
-                  item.count ++
-               }
-             })
-             list.map(item=>{
-               standardTotal += item.count
-             })
-             var totalCount = list.length
-            //  console.log("arr",list)
-            //  console.log("合格",standardTotal)
-            //  console.log("总人数",totalCount)
+          
              for(let i=0;i<this.dataCount.length;i++){
-                this.dataCount[0].count = standardTotal
-                this.dataCount[1].count =  totalCount - standardTotal
+                this.dataCount[0].count = standtotal + standtotalone
+                this.dataCount[1].count =  total -standtotal - standtotalone
                this.obj.push(this.dataCount[i].count)
              }
             // console.log("dataCount",this.dataCount)
-         for (let i = 0; i < this.dataName.length; i++) {
-            this.modesData.xAxis.push(this.dataName[i].name)
-
-          }
-          for (let i = 0; i < this.dataCount.length; i++) {
-              this.modesData.series.push(((this.dataCount[i].count / totalCount) * 100).toFixed(1))
+            for (let i = 0; i < this.dataName.length; i++) {
+                this.modesData.xAxis.push(this.dataName[i].name)
+              }
+            for (let i = 0; i < this.dataCount.length; i++) {
+                this.modesData.series.push(((this.dataCount[i].count / total) * 100).toFixed(1))
             }
             this.chart.series[0].data = this.modesData.series
             this.chart.xAxis.data = this.modesData.xAxis
-            //  console.log("this",this.modesData)
+           
            }
        })
     },

src/xt_pages/qcd/statisticalConfiguration.vue

@@ -256,10 +256,17 @@ export default {
       getConfigurationDetail(id).then(response=>{
          if(response.data.state == 1){
            var configurationdetail = response.data.data.configurationdetail
-          //  console.log("详情",configurationdetail)
+           console.log("详情",configurationdetail)
+           var id = response.data.data.vid
+           console.log("id",id)
+           if (id == 0) {
+              this.editform.inspectionMinor = configurationdetail.inspection_minor
+           }else{
+             this.editform.inspectionMinor = id
+           }
            this.editform.id = configurationdetail.id
            this.editform.inspectionMajor = configurationdetail.inspection_major
-           this.editform.inspectionMinor = configurationdetail.inspection_minor
+         
            this.editform.check_type = configurationdetail.range_type
            this.editform.range_value = configurationdetail.range_value
          if(configurationdetail.range_type == 1){
@@ -302,7 +309,7 @@ export default {
       getInspectionMinor(id).then(response=>{
         if(response.data.state == 1){
          var inspection =  response.data.data.inspection
-        //  console.log("小项",inspection)
+          // console.log("小项",inspection)
          this.InspectionMinor = inspection
         }
       })
@@ -348,7 +355,12 @@ export default {
       })
     },
     saveInspection(formName){
-      
+        if(this.form.min_range == ""){
+          this.form.min_range = "0"
+        }
+        if(this.form.large_range == ""){
+           this.form.large_range = "0"
+        }
       this.$refs[formName].validate(valid=>{
         if(valid){
           saveConfiguration(this.form).then(response=>{
@@ -387,7 +399,7 @@ export default {
               configurationlist[i].sort = ""
             }
           }
-          // console.log("列表",configurationlist)
+          console.log("列表",configurationlist)
           this.configuraData = configurationlist
           var total = response.data.data.total
          // console.log("total",total)
@@ -401,7 +413,7 @@ export default {
         if(response.data.state == 1){
           var minor =  response.data.data.minor
           this.InspectionMinorTwo = minor
-          //console.log("minor",minor)
+          // console.log("minor",minor)
         }
       })
     },
@@ -485,7 +497,7 @@ export default {
     //获取表格里面的数据
     this.getConfigurationList()
     //获取所有小项的数据
-    this.getAllInspectionMinor()
+     this.getAllInspectionMinor()
     //获取排序值
     this.getLastSort()
    },

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

@@ -1,7 +1,7 @@
 <template>
   <div class="page_timeAll">
     <div class="cell clearfix">
-      <el-select
+      <!-- <el-select
         v-model="listQuery.value"
         placeholder="请选择"
         style="width:120px;margin-right:20px"
@@ -13,7 +13,7 @@
           :label="item.label"
           :value="item.value"
         ></el-option>
-      </el-select>
+      </el-select> -->
       <label class="title">
         <span class="name">日期查询</span> :
       </label>

src/xt_pages/qcd/workAnalysis/doctor.vue

@@ -10,7 +10,7 @@
           <el-tab-pane label="护士" name="second"></el-tab-pane>
         </el-tabs>
         <div class="cell clearfix">
-          <el-select v-model="query.admin_user_id" placeholder="请选择" style="width:120px;margin-right:20px"               @change="changeDoctor"
+          <el-select v-model="query.admin_user_id" placeholder="请选择" style="width:120px;margin-right:10px"               @change="changeDoctor"
           >
             <el-option
               v-for="item in doctor_options"
@@ -23,7 +23,7 @@
             v-model="query.statistics_type"
             placeholder="请选择"
             @change="changeProject"
-            style="width:120px;margin-right:20px"
+            style="width:120px;margin-right:10px"
           >
             <el-option
               v-for="item in project_options"
@@ -250,7 +250,7 @@ export default {
               emphasis: {
                 shadowBlur: 10,
                 shadowOffsetX: 0,
-                shadowColor: "rgba(0, 0, 0, 0.5)"
+                shadowColor: "rgba(0, 0, 0, 0.2)"
               }
             }
           }

src/xt_pages/qcd/workAnalysis/nurse.vue

@@ -10,7 +10,7 @@
           <el-tab-pane label="护士" name="second"></el-tab-pane>
         </el-tabs>
         <div class="cell clearfix">
-          <el-select v-model="query.admin_user_id" placeholder="请选择" style="width:120px;margin-right:20px"               @change="changeNurse"
+          <el-select v-model="query.admin_user_id" placeholder="请选择" style="width:120px;margin-right:10px"               @change="changeNurse"
           >
             <el-option
               v-for="item in nurse_options"
@@ -23,7 +23,7 @@
             v-model="query.statistics_type"
             placeholder="请选择"
             @change="changeProject"
-            style="width:120px;margin-right:20px"
+            style="width:120px;margin-right:10px"
           >
             <el-option
               v-for="item in project_options"
@@ -282,7 +282,7 @@
                 emphasis: {
                   shadowBlur: 10,
                   shadowOffsetX: 0,
-                  shadowColor: "rgba(0, 0, 0, 0.5)"
+                  shadowColor: "rgba(0, 0, 0, 0.2)"
                 }
               }
             }