修改

src/xt_pages/qcd/basicInformationAnalysis.vue

@@ -732,6 +732,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/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>
@@ -224,12 +225,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,26 +78,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">
-          <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>
@@ -244,7 +240,7 @@
                 emphasis: {
                   shadowBlur: 10,
                   shadowOffsetX: 0,
-                  shadowColor: 'rgba(0, 0, 0, 0.5)'
+                  shadowColor: 'rgba(0, 0, 0, 0.2)'
                 }
               }
             }
@@ -777,60 +773,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;
-  }
-
+.pageInspection{
+  .el-form-item{
+    margin-bottom:0px !important;
   }
-  .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;
-  }
-
-  }
-  .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/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)"
                 }
               }
             }