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

src/xt_pages/qcd/basicInformationAnalysis.vue

@@ -6,7 +6,7 @@
     <div class="app-container">
       <div class="cell clearfix">
         <label class="title">
-          <span class="name">转归状态</span> :
+          <span class="name">日期查询</span> :
         </label>
         <div class="time">
           <ul class>
@@ -300,7 +300,7 @@ export default {
       stateType: 0,
       month: [
         { value: 0, label: "本月", state: 0 },
-        { 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}
@@ -651,7 +651,7 @@ export default {
   flex-wrap: wrap;
   .infoOne {
     margin-right: 30px;
-    margin-top: 30px;
+    margin-top: 20px;
     .titleBox {
       display: flex;
       align-items: center;

src/xt_pages/qcd/checkStatistical.vue

@@ -3,7 +3,7 @@
     <div class="position">
       <bread-crumb :crumbs="crumbs"></bread-crumb>
     </div>
-    <div class="app-container">
+    <div class="app-container checkStatistical">
       <el-tabs v-model="tabActiveName" @tab-click="handleTabClick" style="margin-bottom:10px">
         <el-tab-pane label="质控达标统计配置" name="control"></el-tab-pane>
         <el-tab-pane label="检验检查统计配置" name="query"></el-tab-pane>
@@ -14,7 +14,7 @@
         </el-col>
       </el-row>
       <div class="configTable">
-        <el-table :data="checkList" border style="width: 100%">
+        <el-table :data="checkList" border style="width: 100%" :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
           <el-table-column prop="date" label="检验检查项">
               <template slot-scope="scope">{{ scope.row.project_name }}</template>
           </el-table-column>
@@ -300,6 +300,11 @@ export default {
     text-align: center;
   }
 }
+.checkStatistical{
+  .el-tabs{
+    margin-bottom: 0 !important;
+  }
+}
 </style>
 
  <style rel="stylesheet/scss" lang="scss" scoped>

src/xt_pages/qcd/indicatorControlAnalysis/analysis.vue

@@ -55,7 +55,7 @@ export default {
       ],
       way: [
         { value: 0, label: "科室", state: 0 },
-        { value: 1, label: "个人", state: 1 }
+        { value: 1, label: "患者", state: 1 }
       ],
       wayType: 0
     };
@@ -67,3 +67,12 @@ export default {
   }
 };
 </script>
+
+<style lang="scss">
+.page_analysis{
+  .el-tabs{
+    margin-bottom:0 !important;
+  }
+}
+
+</style>

src/xt_pages/qcd/indicatorControlAnalysis/bloodPressure.vue

@@ -522,8 +522,8 @@
         this.query.patient_id = val.id
         this.query.page = 1
         this.patient_name =val.name
-        this.GetDialysisBloodPressureChartData(this.query)
-        this.GetDialysisBloodPressureTableData(this.query)
+        // this.GetDialysisBloodPressureChartData(this.query)
+        // this.GetDialysisBloodPressureTableData(this.query)
         for (let i = 0;i < this.patientsData.length; i++){
           if (this.patientsData[i].id == val.id){
             this.$refs.table.setCurrentRow(this.patientsData[i])

src/xt_pages/qcd/indicatorControlAnalysis/bloodPressureDetails.vue

@@ -384,8 +384,8 @@ export default {
     }, handleSelect(val) {
       this.query.patient_id = val.id
       this.query.page = 1
-      this.GetDialysisPatientBloodPressureChartData(this.query)
-      this.GetDialysisBloodPressureTableData(this.query)
+      // this.GetDialysisPatientBloodPressureChartData(this.query)
+      // this.GetDialysisBloodPressureTableData(this.query)
 
       for (let i = 0;i < this.patientsData.length; i++){
         if (this.patientsData[i].id == val.id){

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

@@ -1,7 +1,7 @@
 <template>
   <div class="page_office">
     <div class="cell clearfix">
-      <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"
@@ -14,7 +14,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
@@ -25,7 +25,7 @@
         ></el-option>
       </el-select>
 
-      <el-select v-model="query.range_value" placeholder="请选择" style="width:120px;margin-right:20px"
+      <el-select v-model="query.range_value" placeholder="请选择" style="width:120px;margin-right:10px"
                  @change="changeRangeValue">
         <el-option
           v-for="item in range_value_columns"
@@ -108,18 +108,18 @@
 
       </el-table>
 
-      <!--<el-pagination-->
-        <!--align="right"-->
-        <!--@size-change="handleSizeChange"-->
-        <!--@current-change="handleCurrentChange"-->
-        <!--:current-page="query.page"-->
-        <!--:page-sizes="[10, 20, 50, 100]"-->
-        <!--:page-size="10"-->
-        <!--background-->
-        <!--style="margin-top:20px;"-->
-        <!--layout="total, sizes, prev, pager, next, jumper"-->
-        <!--:total="total"-->
-      <!--&gt;</el-pagination>-->
+      <el-pagination
+        align="right"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="query.page"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="10"
+        background
+        style="margin-top:20px;"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+      ></el-pagination>
     </div>
   </div>
 </template>

src/xt_pages/qcd/indicatorControlAnalysis/monitor.vue

@@ -550,8 +550,8 @@
         this.query.patient_id = val.id
         this.query.page = 1
         this.patient_name = val.name
-        this.GetDialysisWatchTableData(this.query)
-        this.GetDialysisWatchChartData(this.query)
+        // this.GetDialysisWatchTableData(this.query)
+        // this.GetDialysisWatchChartData(this.query)
         for (let i = 0;i < this.patientsData.length; i++){
           if (this.patientsData[i].id == val.id){
             this.$refs.table.setCurrentRow(this.patientsData[i])

src/xt_pages/qcd/indicatorControlAnalysis/patientInspectionDetail.vue

@@ -104,7 +104,10 @@
           <div class="tableTitle">统计图</div>
           <div>
             <!--<line-chart :options="options2"></line-chart>-->
-            <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>
+
+
 
           </div>
         </div>
@@ -247,6 +250,171 @@
             }
           ]
         },
+        options: {
+          title: {
+            text: "ECharts 入门示例"
+          },
+          tooltip: {},
+          legend: {
+            data: [""],
+            left: 0
+          },
+          xAxis: {
+            data: [],
+            axisLabel: {
+              interval: 0,
+              formatter: function(value) {
+                var ret = ""; //拼接加\n返回的类目项
+                var maxLength = 4; //每项显示文字个数
+                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
+          },
+          series: [
+            {
+              name: "",
+              type: "line",
+              data: [],
+              barWidth: 30,
+              label: {
+                normal: {
+                  show: true,
+                  position: "top",
+                  formatter: "{c}"
+                }
+              },
+              //配置样式
+              itemStyle: {
+                //通常情况下：
+
+                //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
+                normal: {
+                  color: function (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]}
+                    ]);
+                  },
+                  lineStyle: {
+                    color: '#5B98FF' //改变折线颜色
+                  },
+                  barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
+                },
+
+                //鼠标悬停时：
+                emphasis: {
+                  shadowBlur: 10,
+                  shadowOffsetX: 0,
+                  shadowColor: "rgba(0, 0, 0, 0.5)"
+                }
+              }
+            },
+            {
+              name: "",
+              type: "line",
+              data: [],
+              barWidth: 30,
+              label: {
+                normal: {
+                  show: true,
+                  position: "top",
+                  formatter: "{c}"
+                }
+              },
+              //配置样式
+              itemStyle: {
+                //通常情况下：
+
+                //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
+                normal: {
+                  color: function (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]}
+                    ]);
+                  },
+                  lineStyle: {
+                    color: '#f56c6c' //改变折线颜色
+                  },
+                  barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
+                },
+
+                //鼠标悬停时：
+                emphasis: {
+                  shadowBlur: 10,
+                  shadowOffsetX: 0,
+                  shadowColor: "rgba(0, 0, 0, 0.5)"
+                }
+              }
+            }
+
+          ],
+          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 //锁定区域禁止缩放
+            }
+          ],
+        },
         query: {
           patient_id: this.$route.query.patient_id,
           start_time: '',
@@ -292,7 +460,7 @@
       handleSelect(val) {
         this.query.patient_id = val.id
         this.patient_name = val.name
-        this.GetPatientInspectionIndexChart(this.query)
+        // this.GetPatientInspectionIndexChart(this.query)
         for (let i = 0; i < this.patientsData.length; i++) {
           if (this.patientsData[i].id == val.id) {
             this.$refs.table.setCurrentRow(this.patientsData[i])
@@ -415,6 +583,9 @@
         }
       },
       GetPatientInspectionIndexChart(params) {
+        this.options.xAxis.data = []
+        this.options.series[0].data = []
+
         this.options2.xAxis.data = []
         this.options2.series[0].data = []
         GetPatientInspectionIndexChart(params)
@@ -426,17 +597,19 @@
               let otherData = []
 
               for (let i = 0; i < resp.data.data.length; i++) {
-                this.options2.xAxis.data.push(resp.data.data[i].date)
-
-                if (this.query.range_type == 1) {
-                  this.options2.series[0].data.push(resp.data.data[i].value)
-                } else {
-                  this.options2.series[0].data.push('1')
+                if (this.$route.query.range_type == 1) {
+                  this.options.xAxis.data.push(resp.data.data[i].date)
+                  this.options.series[0].data.push(resp.data.data[i].value)
+                }else{
+                  this.options2.series[0].data.push("1")
+                  this.options2.xAxis.data.push(resp.data.data[i].date)
                   tempData.push(resp.data.data[i].value)
                   otherData.push(resp.data.data[i].value)
                 }
               }
 
+              console.log(this.options.series[0].data)
+
               //获取无法确定选项的颜色
               if (this.query.range_type == 2) {
                 //去重复

src/xt_pages/qcd/indicatorControlAnalysis/process.vue

@@ -609,7 +609,7 @@
       },
       getModeName(mode_id) {
         return this.$store.getters.treatment_mode[mode_id] != undefined ? this.$store.getters.treatment_mode[mode_id].name : ''
-      }, 
+      },
       GetDialysisProcessIndexTableData(params) {
         this.loading = true
         GetDialysisProcessIndexTableData(params)
@@ -671,8 +671,8 @@
         this.query.page = 1
         this.patient_name = val.name
 
-        this.GetDialysisProcessIndexChartData(this.query)
-        this.GetDialysisProcessIndexTableData(this.query)
+        // this.GetDialysisProcessIndexChartData(this.query)
+        // this.GetDialysisProcessIndexTableData(this.query)
 
         for (let i = 0;i < this.patientsData.length; i++){
           if (this.patientsData[i].id == val.id){
@@ -739,7 +739,7 @@
             this.bar.dataZoom[0].end = dataZoom_end
           }
         }
-        
+
       }
     }, created() {
       var date = new Date()

src/xt_pages/qcd/indicatorControlAnalysis/weight.vue

@@ -414,9 +414,9 @@
       handleChange(val){
         this.query.patient_id = val.id
         this.query.page = 1
-        this.GetDialysisWeightTableData(this.query)
-        this.GetDialysisWeightChartData(this.query)
         this.patient_name = val.name
+        this.GetDialysisWeightTableData(this.query)
+        // this.GetDialysisWeightChartData(this.query)
       },
       handleSizeChange(limit) {
         this.query.limit = limit;
@@ -509,14 +509,17 @@
           })
       },
       GetDialysisWeightChartData(params) {
-        this.bar.xAxis.data = []
-        this.bar.series[0].data = []
-        this.percent = []
 
+        // this.bar.xAxis.data = []
+        // this.bar.series[0].data = []
+        // this.percent = []
         GetDialysisWeightChartData(params)
           .then(rs => {
             var resp = rs.data
             if (resp.state == 1) {
+              this.bar.xAxis.data = []
+              this.bar.series[0].data = []
+              this.percent = []
               for (let i = 0; i < resp.data.data.length; i++) {
                 this.bar.xAxis.data.push(resp.data.data[i].name)
                 this.bar.series[0].data.push(resp.data.data[i].total)
@@ -533,8 +536,8 @@
       handleSelect(val) {
         this.query.patient_id = val.id
         this.query.page = 1
-        this.GetDialysisWeightChartData(this.query)
-        this.GetDialysisWeightTableData(this.query)
+        // this.GetDialysisWeightChartData(this.query)
+        // this.GetDialysisWeightTableData(this.query)
         for (let i = 0;i < this.patientsData.length; i++){
           if (this.patientsData[i].id == val.id){
             this.patient_name = this.patientsData[i].name

src/xt_pages/qcd/indicatorControlAnalysis/weightDetails.vue

@@ -391,8 +391,8 @@ export default {
       this.query.patient_id = val.id
       this.query.page = 1
       this.patient_name = val.name
-      this.GetDialysisPatientWeightChartData(this.query)
-      this.GetDialysisWeightTableData(this.query)
+      // this.GetDialysisPatientWeightChartData(this.query)
+      // this.GetDialysisWeightTableData(this.query)
       for (let i = 0;i < this.patientsData.length; i++){
         if (this.patientsData[i].id == val.id){
           this.$refs.table.setCurrentRow(this.patientsData[i])

src/xt_pages/qcd/officesControlAnalysis/project.vue

@@ -9,7 +9,7 @@
         <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:20px" @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"
@@ -17,7 +17,7 @@
             :value="item.value"
           ></el-option>
         </el-select>
-        <el-select v-model="type" placeholder="请选择" @change="chooseType" style="margin-right:20px">
+        <el-select v-model="type" placeholder="请选择" @change="chooseType" style="margin-right:10px">
           <el-option
             v-for="item in options1"
             :key="item.value"
@@ -25,7 +25,7 @@
             :value="item.value"
           ></el-option>
         </el-select>
-        <el-select v-model="mode_type" placeholder="请选择" style="width:120px;margin-right:20px" @change="handleModeType">
+        <el-select v-model="mode_type" placeholder="请选择" style="width:120px;margin-right:0px" @change="handleModeType">
           <el-option
             v-for="item in normdata"
             :key="item.inspection_minor"
@@ -38,6 +38,10 @@
       <div class="cell clearfix">
         <p class="chartTitle">统计图</p>
       </div>
+      <div class="cell clearfix">
+        <p class="point"></p>
+        <p class="pointTitle">达标率</p>
+      </div>
       <div>
         <line-chart :options="chart"></line-chart>
       </div>
@@ -111,14 +115,14 @@ export default {
       mode_type:"",
       range_type:"",
       chart: {
-        title: {
-          text: "ECharts 入门示例"
-        },
+        // title: {
+        //   text: "ECharts 入门示例"
+        // },
         tooltip: {},
-        legend: {
-          data: ["次数"],
-          left: 0
-        },
+        // legend: {
+        //   data: ["次数"],
+        //   left: 0
+        // },
         xAxis: {
           data: ["1", "2", "3", "4", "5", "6", "7", "8", "9"]
         },
@@ -190,7 +194,7 @@ export default {
               emphasis: {
                 shadowBlur: 10,
                 shadowOffsetX: 0,
-                shadowColor: "rgba(0, 0, 0, 0.5)"
+                shadowColor: "rgba(0, 0, 0, 0.2)"
               }
             }
           }
@@ -764,5 +768,6 @@ export default {
 }
 .newDisplay {
   flex-wrap: wrap;
+  padding-left: 20px;
 }
 </style>

src/xt_pages/qcd/officesControlAnalysis/time.vue

@@ -9,7 +9,7 @@
         <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:20px" @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"
@@ -17,7 +17,7 @@
             :value="item.value"
           ></el-option>
         </el-select>
-        <el-select v-model="type" placeholder="请选择" @change="chooseType" style="margin-right:20px">
+        <el-select v-model="type" placeholder="请选择" @change="chooseType" style="margin-right:10px">
           <el-option
             v-for="item in options1"
             :key="item.value"
@@ -83,6 +83,10 @@
       <div class="cell clearfix">
         <p class="chartTitle">统计图</p>
       </div>
+      <div class="cell clearfix">
+        <p class="point"></p>
+        <p class="pointTitle">达标率</p>
+      </div>
       <div>
         <line-chart :options="chart"></line-chart>
       </div>
@@ -196,14 +200,14 @@ export default {
       ],
       monthType: 0,
       chart: {
-        title: {
-          text: "ECharts 入门示例"
-        },
+        // title: {
+        //   text: "ECharts 入门示例"
+        // },
         tooltip: {},
-        legend: {
-          data: ["次数"],
-          left: 0
-        },
+        // legend: {
+        //   data: ["达标率"],
+        //   left: 0
+        // },
         xAxis: {
           data: []
         },
@@ -215,7 +219,7 @@ export default {
         },
         series: [
           {
-            name: "次数",
+            name: "达标率",
             type: "bar",
             data: [],
             barWidth: 30,
@@ -265,7 +269,7 @@ export default {
               emphasis: {
                 shadowBlur: 10,
                 shadowOffsetX: 0,
-                shadowColor: "rgba(0, 0, 0, 0.5)"
+                shadowColor: "rgba(0, 0, 0, 0.2)"
               }
             }
           }
@@ -721,5 +725,6 @@ export default {
 }
 .newDisplay {
   flex-wrap: wrap;
+  padding-left: 20px;
 }
 </style>

src/xt_pages/qcd/patientComplianceDetails.vue

@@ -11,15 +11,34 @@
           </el-form>
         </div>
         <el-container>
-          <div style="width:150px">
+          <div style="width:160px">
+            <el-form :inline="true" :model="listQuery">
+              <el-form-item label>
+                <el-autocomplete
+                  class="checkSearch"
+                  popper-class="my-autocomplete"
+                  v-model.trim="listQuery.search"
+                  :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 class="tableTitle">患者列表</div>
-            <el-table :data="patientsData" border style="width: 100%;" height="500"  highlight-current-row @current-change="handleChange">
-              <el-table-column prop="name" label="透析号" width="80">
+            <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-column prop="name" label="透析号" width="70">
                  <template slot-scope="scope">
                     {{scope.row.dialysis_no}}
                  </template>
               </el-table-column>
-              <el-table-column prop="date" label="透析号" width="70">
+              <el-table-column prop="date" label="姓名" width="90">
                  <template slot-scope="scope">
                     {{scope.row.name }}
                  </template>
@@ -89,6 +108,10 @@
               </div>
             </div>
             <div class="tableTitle">指标趋势</div>
+            <div class="cell clearfix">
+              <p class="point"></p>
+              <p class="pointTitle">达标率</p>
+            </div>
             <div>
               <line-chart :options="chart"></line-chart>
             </div>
@@ -131,7 +154,7 @@ export default {
       item_id:0,
       month: [
         { value: 0, label: "本月", state: 0 },
-        { value: 1, label: "近三个月", state: 1 },
+        { value: 1, label: "近三月", state: 1 },
         { value: 2, label: "近半年", state: 2 },
         { value: 3, label: "近一年", state: 3 }
       ],
@@ -147,17 +170,17 @@ export default {
       },
       patientid:0,
       monthType: 0,
-      arr: ["钙", "磷", "钙萨达撒所多", "磷", "钙", "磷", "钙", "磷"],
+      arr: [],
       quality: 0,
       chart: {
         title: {
           text: "ECharts 入门示例"
         },
         tooltip: {},
-        legend: {
-          data: ["次数"],
-          left: 0
-        },
+        // legend: {
+        //   data: ["次数"],
+        //   left: 0
+        // },
         xAxis: {
           data: []
         },
@@ -212,6 +235,9 @@ export default {
                     { offset: 1, color: colorList[index][1] }
                   ]);
                 },
+                lineStyle:{ 
+                  color:'#409eff' //改变折线颜色
+                }, 
                 barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
               },
 
@@ -468,6 +494,20 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.point {
+  width: 13px;
+  height: 13px;
+  background: linear-gradient(
+    0deg,
+    rgba(169, 224, 243, 1),
+    rgba(159, 189, 252, 1)
+  );
+  border-radius: 7px;
+  margin-right: 8px;
+}
+.pointTitle {
+  font-size: 13px;
+}
 .containerRight {
   padding-left: 10px;
 }
@@ -482,6 +522,7 @@ export default {
   display: flex;
   flex-wrap: nowrap;
   min-width: 1800px;
+  padding-bottom: 10px;
   .qualityOne {
     width: 4.5rem;
     height: 4.5rem;
@@ -543,5 +584,8 @@ export default {
   ::-webkit-scrollbar{
     height: 15px !important;
   }
+  .el-form--inline .el-form-item{
+    margin-right:0;
+  }
 }
 </style>

src/xt_pages/qcd/patientControlAnalysis.vue

@@ -14,7 +14,7 @@
                 v-model.trim="listQuery.search"
                 :fetch-suggestions="querySearchAsync"
                 :trigger-on-focus="false"
-                placeholder="输入病人透析号/姓名"
+                placeholder="病人透析号/姓名"
                 @select="handleSelect"
               >
                 <i class="el-icon-search el-input__icon" slot="suffix"></i>
@@ -67,6 +67,10 @@
         <div class="cell clearfix">
           <p class="chartTitle">统计图</p>
         </div>
+        <div class="cell clearfix">
+          <p class="point"></p>
+          <p class="pointTitle">指标正常范围值</p>
+        </div>
         <div>
           <line-chart :options="chart"></line-chart>
         </div>
@@ -110,7 +114,7 @@
         </el-table-column>
             <el-table-column fixed="right" label="操作" width="100">
               <template slot-scope="scope">
-                <el-button @click="handleClick(scope.row.patient_id,scope.row.inspect_date)" type="text" size="small">查看</el-button>
+                <el-button @click="handleClick(scope.row.patient_id,scope.row.inspect_date)" style="font-size:14px;" type="text" size="small">查看</el-button>
               </template>
             </el-table-column>
           </el-table>
@@ -184,16 +188,16 @@ export default {
         series: []
       },
       chart: {
-        title: {
-          text: "ECharts 入门示例"
-        },
+        // title: {
+        //   text: "ECharts 入门示例"
+        // },
         tooltip: {},
-        legend: {
-          data: ["次数"],
-          left: 0
-        },
+        // legend: {
+        //   data: ["次数"],
+        //   left: 0
+        // },
         xAxis: {
-          data: ["达标", "未达标"]
+          data: []
         },
         yAxis: {
           axisLabel: {
@@ -205,7 +209,7 @@ export default {
           {
             name: "次数",
             type: "bar",
-            data: ["78.57", "50"],
+            data: [],
             barWidth: 30,
             label: {
               normal: {
@@ -256,7 +260,7 @@ export default {
               emphasis: {
                 shadowBlur: 10,
                 shadowOffsetX: 0,
-                shadowColor: "rgba(0, 0, 0, 0.5)"
+                shadowColor: "rgba(0, 0, 0, 0.2)"
               }
             }
           }
@@ -817,6 +821,25 @@ export default {
   .pointTitle {
     font-size: 13px;
   }
+  .chartTitle {
+    font-size: 16px;
+    font-weight: bold;
+    color: #000000;
+  }
+  .point {
+    width: 13px;
+    height: 13px;
+    background: linear-gradient(
+      0deg,
+      rgba(169, 224, 243, 1),
+      rgba(159, 189, 252, 1)
+    );
+    border-radius: 7px;
+    margin-right: 8px;
+  }
+  .pointTitle {
+    font-size: 13px;
+  }
 }
 
 </style>

src/xt_pages/qcd/statisticalConfiguration.vue

@@ -3,7 +3,7 @@
     <div class="position">
       <bread-crumb :crumbs="crumbs"></bread-crumb>
     </div>
-    <div class="app-container">
+    <div class="app-container statisticalConfig">
       <el-tabs v-model="tabActiveName" @tab-click="handleTabClick" style="margin-bottom:10px">
         <el-tab-pane label="质控达标统计配置" name="control"></el-tab-pane>
         <el-tab-pane label="检验检查统计配置" name="query"></el-tab-pane>
@@ -14,7 +14,7 @@
         </el-col>
       </el-row>
       <div class="configTable">
-        <el-table :data="configuraData" border style="width: 100%">
+        <el-table :data="configuraData" border style="width: 100%" :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
           <el-table-column prop="date" label="检验检查大项" width="180">
               <template slot-scope="scope">{{ scope.row.project_name }}</template>
           </el-table-column>
@@ -507,6 +507,11 @@ export default {
     margin-left:0 !important;
   }
 }
+.statisticalConfig{
+  .el-tabs{
+    margin-bottom: 0 !important;
+  }
+}
 </style>
 
  <style rel="stylesheet/scss" lang="scss" scoped>

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

@@ -13,6 +13,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 }">
@@ -21,7 +22,7 @@
           </el-autocomplete>
         </el-form-item>
       </el-form>
-      <label class="title">
+      <label class="title" style="text-align:left;">
         <span class="name">日期查询</span> :
       </label>
       <el-date-picker
@@ -51,16 +52,16 @@
       ></el-date-picker>
     </div>
     <el-container>
-      <div style="width:150px">
+      <div style="width:160px">
         <div class="tableTitle">患者列表</div>
         <el-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>

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

@@ -13,6 +13,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 }">
@@ -21,7 +22,7 @@
           </el-autocomplete>
         </el-form-item>
       </el-form>
-      <label class="title">
+      <label class="title" style="text-align:left;">
         <span class="name">日期查询</span> :
       </label>
       <el-date-picker
@@ -53,7 +54,7 @@
       ></el-date-picker>
     </div>
     <el-container>
-      <div style="width:150px">
+      <div style="width:160px">
         <div class="tableTitle">患者列表</div>
         <el-table :data="patientsData" border style="width: 100%;" 
           height="500" :row-style="{ color: '#303133' }" 
@@ -62,10 +63,10 @@
            ref="singleTable"
           @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>

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

@@ -46,6 +46,10 @@
       ></el-date-picker>
     </div>
     <div class="tableTitle">统计图</div>
+    <div class="cell clearfix" style="margin:0;">
+        <p class="point"></p>
+        <p class="pointTitle">次</p>
+      </div>
     <div>
       <line-chart :options="chart"></line-chart>
     </div>
@@ -124,10 +128,10 @@ export default {
       ],
       chart: {
         tooltip: {},
-        legend: {
-          data: ["次"],
-          left: 0
-        },
+        // legend: {
+        //   data: ["次"],
+        //   left: 0
+        // },
         xAxis: {
           data: []
         },
@@ -185,11 +189,11 @@ export default {
               },
 
               //鼠标悬停时：
-              // emphasis: {
-              //   shadowBlur: 10,
-              //   shadowOffsetX: 0,
-              //   shadowColor: "rgba(0, 0, 0, 0.5)"
-              // }
+              emphasis: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: "rgba(0, 0, 0, 0.2)"
+              }
             }
           }
         ]
@@ -405,6 +409,20 @@ export default {
   font-weight: bold;
   margin-bottom: 10px;
 }
+.point {
+  width: 13px;
+  height: 13px;
+  background: linear-gradient(
+    0deg,
+    rgba(169, 224, 243, 1),
+    rgba(159, 189, 252, 1)
+  );
+  border-radius: 7px;
+  margin-right: 8px;
+}
+.pointTitle {
+  font-size: 13px;
+}
 </style>
 
 <style lang="scss">

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

@@ -11,8 +11,9 @@
              v-model.trim="listQuery.search"
              :fetch-suggestions="querySearchAsync"
              :trigger-on-focus="false"
-             placeholder="输入病人透析号/姓名"
+             placeholder="病人透析号/姓名"
              @select="handleSelect"
+              style="width:160px;"
               >
              <i class="el-icon-search el-input__icon" slot="suffix"></i>
                <template slot-scope="{ item }">
@@ -21,7 +22,7 @@
           </el-autocomplete>
         </el-form-item>
       </el-form>
-      <label class="title">
+      <label class="title" style="text-align:left;">
         <span class="name">日期查询</span> :
       </label>
       <el-date-picker
@@ -53,16 +54,16 @@
       ></el-date-picker>
     </div>
     <el-container>
-      <div style="width:150px">
+      <div style="width:160px">
         <div class="tableTitle">患者列表</div>
         <el-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>