See999 4 年之前
父節點
當前提交
5421ae5c44

+ 3 - 0
src/xt_pages/qcd/basicInformationAnalysis.vue 查看文件

732
 <style lang="scss">
732
 <style lang="scss">
733
 .infoBox {
733
 .infoBox {
734
   .infoOne {
734
   .infoOne {
735
+    .el-progress-bar__outer{
736
+      height:10px !important;
737
+    }
735
     .borderBox {
738
     .borderBox {
736
       .el-progress-bar__inner {
739
       .el-progress-bar__inner {
737
         background: linear-gradient(
740
         background: linear-gradient(

+ 13 - 6
src/xt_pages/qcd/indicatorControlAnalysis/bloodPressure.vue 查看文件

17
                 :trigger-on-focus="false"
17
                 :trigger-on-focus="false"
18
                 placeholder="请输入病人名字"
18
                 placeholder="请输入病人名字"
19
                 @select="handleSelect"
19
                 @select="handleSelect"
20
+                style="width:160px;"
20
               >
21
               >
21
                 <i class="el-icon-search el-input__icon" slot="suffix"></i>
22
                 <i class="el-icon-search el-input__icon" slot="suffix"></i>
22
                 <template slot-scope="{ item }">
23
                 <template slot-scope="{ item }">
67
           ></el-date-picker>
68
           ></el-date-picker>
68
         </div>
69
         </div>
69
         <el-container>
70
         <el-container>
70
-          <div style="width:150px">
71
+          <div style="width:160px">
71
             <div class="tableTitle">患者列表</div>
72
             <div class="tableTitle">患者列表</div>
72
-            <div class="tableTitle">当前患者: {{patient_name}}</div>
73
+            
73
 
74
 
74
             <el-table :data="patientsData" ref="table" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }"
75
             <el-table :data="patientsData" ref="table" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }"
75
                       :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
76
                       :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
76
                       highlight-current-row
77
                       highlight-current-row
77
                       @current-change="handleChange">
78
                       @current-change="handleChange">
78
-              <el-table-column prop="dialysis_no" label="透析号" width="80">
79
+              <el-table-column prop="dialysis_no" label="透析号" width="70" align="center"> 
79
                 <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
80
                 <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
80
               </el-table-column>
81
               </el-table-column>
81
-              <el-table-column prop="name" label="姓名" width="80">
82
+              <el-table-column prop="name" label="姓名" width="90" align="center">
82
                 <template slot-scope="scope">{{ scope.row.name }}</template>
83
                 <template slot-scope="scope">{{ scope.row.name }}</template>
83
               </el-table-column>
84
               </el-table-column>
84
             </el-table>
85
             </el-table>
85
           </div>
86
           </div>
86
           <div style="padding-left:10px;flex:1">
87
           <div style="padding-left:10px;flex:1">
87
-            <div class="tableTitle">指标趋势</div>
88
+            <div class="tableTitle">指标趋势<span style="font-weight:normal">&nbsp;&nbsp;(当前患者: {{patient_name}})</span></div>
88
             <div>
89
             <div>
89
               <line-chart :options="bar"></line-chart>
90
               <line-chart :options="bar"></line-chart>
90
 
91
 
142
                       @click.native.prevent="jumpDetail(scope.row.patient.id)"
143
                       @click.native.prevent="jumpDetail(scope.row.patient.id)"
143
                       type="text"
144
                       type="text"
144
                       size="small"
145
                       size="small"
146
+                      style="font-size:14px;"
145
                     >详情</el-button>
147
                     >详情</el-button>
146
                   </template>
148
                   </template>
147
                 </el-table-column>
149
                 </el-table-column>
294
                       { offset: 1, color: colorList[index][1] }
296
                       { offset: 1, color: colorList[index][1] }
295
                     ])
297
                     ])
296
                   },
298
                   },
299
+                  lineStyle:{ 
300
+                    color:'#409eff' //改变折线颜色
301
+                  },
297
                   barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
302
                   barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
298
                 },
303
                 },
299
 
304
 
599
 </style>
604
 </style>
600
 <style lang="scss">
605
 <style lang="scss">
601
   .page_process {
606
   .page_process {
602
-
607
+    .el-tabs{
608
+      margin-bottom:0px !important;
609
+    }
603
     .el-button--medium {
610
     .el-button--medium {
604
       padding: 10px 8px;
611
       padding: 10px 8px;
605
     }
612
     }

+ 23 - 23
src/xt_pages/qcd/indicatorControlAnalysis/bloodPressureDetails.vue 查看文件

17
                 :trigger-on-focus="false"
17
                 :trigger-on-focus="false"
18
                 placeholder="请输入病人名字"
18
                 placeholder="请输入病人名字"
19
                 @select="handleSelect"
19
                 @select="handleSelect"
20
+                style="width:160px;"
20
               >
21
               >
21
                 <i class="el-icon-search el-input__icon" slot="suffix"></i>
22
                 <i class="el-icon-search el-input__icon" slot="suffix"></i>
22
                 <template slot-scope="{ item }">
23
                 <template slot-scope="{ item }">
25
               </el-autocomplete>
26
               </el-autocomplete>
26
             </el-form-item>
27
             </el-form-item>
27
           </el-form>
28
           </el-form>
28
-        </div>
29
-        <el-container>
30
-          <div style="width:150px">
31
-            <div class="tableTitle">患者列表</div>
32
-            <div class="tableTitle">当前患者: {{patient_name}}</div>
33
-
34
-            <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }"
35
-                      :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
36
-                      highlight-current-row
37
-                      @current-change="handleChange">
38
-              <el-table-column prop="dialysis_no" label="透析号" width="80">
39
-                <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
40
-              </el-table-column>
41
-              <el-table-column prop="name" label="姓名" width="80">
42
-                <template slot-scope="scope">{{ scope.row.name }}</template>
43
-              </el-table-column>
44
-            </el-table>
45
-
46
-          </div>
47
-          <div class="containerRight" style="flex:1;overflow: hidden">
48
-            <div class="cell clearfix">
49
               <label class="title" style="text-align:left">
29
               <label class="title" style="text-align:left">
50
                 <span class="name">血压阶段</span> :
30
                 <span class="name">血压阶段</span> :
51
               </label>
31
               </label>
88
                 format="yyyy-MM-dd"
68
                 format="yyyy-MM-dd"
89
                 value-format="yyyy-MM-dd"
69
                 value-format="yyyy-MM-dd"
90
               ></el-date-picker>
70
               ></el-date-picker>
91
-            </div>
92
-            <div class="tableTitle">指标趋势</div>
71
+        </div>
72
+        <el-container>
73
+          <div style="width:160px">
74
+            <div class="tableTitle">患者列表</div>
75
+            
76
+
77
+            <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }"
78
+                      :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
79
+                      highlight-current-row
80
+                      @current-change="handleChange">
81
+              <el-table-column prop="dialysis_no" label="透析号" width="70">
82
+                <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
83
+              </el-table-column>
84
+              <el-table-column prop="name" label="姓名" width="90">
85
+                <template slot-scope="scope">{{ scope.row.name }}</template>
86
+              </el-table-column>
87
+            </el-table>
88
+
89
+          </div>
90
+          <div class="containerRight" style="flex:1;overflow: hidden">
91
+            
92
+            <div class="tableTitle">指标趋势<span style="font-weight:normal">&nbsp;&nbsp;(当前患者: {{patient_name}})</span></div>
93
             <div>
93
             <div>
94
               <line-chart :options="chart"></line-chart>
94
               <line-chart :options="chart"></line-chart>
95
             </div>
95
             </div>

+ 12 - 6
src/xt_pages/qcd/indicatorControlAnalysis/components/office.vue 查看文件

72
     </div>
72
     </div>
73
     <div class="tableTitle">统计表</div>
73
     <div class="tableTitle">统计表</div>
74
     <div>
74
     <div>
75
-      <el-table :data="tableData" style="width: 100%" border>
75
+      <el-table :data="tableData" style="width: 100%" border :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
76
         <el-table-column label="姓名" align="center">
76
         <el-table-column label="姓名" align="center">
77
           <template slot-scope="scope">
77
           <template slot-scope="scope">
78
             {{scope.row.patient.name}}
78
             {{scope.row.patient.name}}
101
               @click.native.prevent="jumpDetail(scope.row)"
101
               @click.native.prevent="jumpDetail(scope.row)"
102
               type="text"
102
               type="text"
103
               size="small"
103
               size="small"
104
+              style="font-size:14px;"
104
             >详情
105
             >详情
105
             </el-button>
106
             </el-button>
106
           </template>
107
           </template>
224
                 normal: {
225
                 normal: {
225
                   color: function(params) {
226
                   color: function(params) {
226
                     //我这边就两个柱子,大体就两个柱子颜色渐变,所以数组只有两个值,多个颜色就多个值
227
                     //我这边就两个柱子,大体就两个柱子颜色渐变,所以数组只有两个值,多个颜色就多个值
227
-                    var colorList = ['#A9E0F3', '#9FBDFC']
228
+                    var colorList = [
229
+                    ["#A9E0F3", "#9FBDFC"],
228
 
230
 
229
-                    // var index = params.dataIndex;
230
-                    // if (params.dataIndex >= colorList.length) {
231
-                    //   index = params.dataIndex % colorList.length;
232
-                    // }
231
+                    ["#FFD7C0", "#FF9994"],
232
+                    ["#D7C3FD", "#B3A8F7"],
233
+                  ];
234
+
235
+                    var index = params.dataIndex;
236
+                    if (params.dataIndex >= colorList.length) {
237
+                      index = params.dataIndex % colorList.length;
238
+                    }
233
 
239
 
234
                     return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
240
                     return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
235
                       { offset: 0, color: colorList[0] },
241
                       { offset: 0, color: colorList[0] },

+ 15 - 10
src/xt_pages/qcd/indicatorControlAnalysis/components/personal.vue 查看文件

11
             :trigger-on-focus="false"
11
             :trigger-on-focus="false"
12
             placeholder="请输入病人名字"
12
             placeholder="请输入病人名字"
13
             @select="handleSelect"
13
             @select="handleSelect"
14
+            style="width:160px;"
14
           >
15
           >
15
             <i class="el-icon-search el-input__icon" slot="suffix"></i>
16
             <i class="el-icon-search el-input__icon" slot="suffix"></i>
16
             <template slot-scope="{ item }">
17
             <template slot-scope="{ item }">
20
 
21
 
21
         </el-form-item>
22
         </el-form-item>
22
       </el-form>
23
       </el-form>
23
-      <el-select v-model="query.project_id" placeholder="请选择" style="width:120px;margin-right:20px"
24
+      <el-select v-model="query.project_id" placeholder="请选择" style="width:120px;margin-right:10px"
24
                  @change="changeProject">
25
                  @change="changeProject">
25
         <el-option
26
         <el-option
26
           v-for="item in project_columns"
27
           v-for="item in project_columns"
33
       <el-select
34
       <el-select
34
         v-model="query.item_id"
35
         v-model="query.item_id"
35
         placeholder="请选择"
36
         placeholder="请选择"
36
-        style="width:120px;margin-right:20px"
37
+        style="width:120px;margin-right:10px"
37
         @change="changeItem"
38
         @change="changeItem"
38
       >
39
       >
39
         <el-option
40
         <el-option
86
       ></el-date-picker>
87
       ></el-date-picker>
87
     </div>
88
     </div>
88
     <el-container>
89
     <el-container>
89
-      <div style="width:150px">
90
+      <div style="width:160px">
90
 
91
 
91
-        <div class="tableTitle">患者列表  <div class="tableTitle">当前患者:{{patient_name}}</div></div>
92
+        <div class="tableTitle">患者列表</div>
92
         <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }"
93
         <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }"
93
                   :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
94
                   :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
94
                   highlight-current-row
95
                   highlight-current-row
95
                   @current-change="handleChange">
96
                   @current-change="handleChange">
96
-          <el-table-column prop="dialysis_no" label="透析号" width="80">
97
+          <el-table-column prop="dialysis_no" label="透析号" width="70">
97
             <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
98
             <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
98
           </el-table-column>
99
           </el-table-column>
99
-          <el-table-column prop="name" label="姓名" width="80">
100
+          <el-table-column prop="name" label="姓名" width="90">
100
             <template slot-scope="scope">{{ scope.row.name }}</template>
101
             <template slot-scope="scope">{{ scope.row.name }}</template>
101
           </el-table-column>
102
           </el-table-column>
102
         </el-table>
103
         </el-table>
103
       </div>
104
       </div>
104
       <div style="padding-left:10px;flex:1">
105
       <div style="padding-left:10px;flex:1">
105
-        <div class="tableTitle">统计图</div>
106
+        <div class="tableTitle" style="magrin-bottom:0;">统计图<span style="font-weight:normal">&nbsp;&nbsp;(当前患者:{{patient_name}})</span></div>
106
         <div>
107
         <div>
107
           <line-chart :options="options"></line-chart>
108
           <line-chart :options="options"></line-chart>
108
         </div>
109
         </div>
327
                   color: function(params) {
328
                   color: function(params) {
328
                     //我这边就两个柱子,大体就两个柱子颜色渐变,所以数组只有两个值,多个颜色就多个值
329
                     //我这边就两个柱子,大体就两个柱子颜色渐变,所以数组只有两个值,多个颜色就多个值
329
                     var colorList = [
330
                     var colorList = [
330
-                      ['#A9E0F3', '#9FBDFC'],
331
+                      ["#A9E0F3", "#9FBDFC"],
331
 
332
 
332
-                      ['#FFD7C0', '#FF9994']
333
-                    ]
333
+                      ["#FFD7C0", "#FF9994"],
334
+                      ["#D7C3FD", "#B3A8F7"],
335
+                    ];
334
 
336
 
335
                     var index = params.dataIndex
337
                     var index = params.dataIndex
336
                     if (params.dataIndex >= colorList.length) {
338
                     if (params.dataIndex >= colorList.length) {
343
                       { offset: 1, color: colorList[index][1] }
345
                       { offset: 1, color: colorList[index][1] }
344
                     ])
346
                     ])
345
                   },
347
                   },
348
+                  lineStyle:{ 
349
+                    color:'#409eff' //改变折线颜色
350
+                  }, 
346
                   barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
351
                   barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
347
                 },
352
                 },
348
 
353
 

+ 11 - 7
src/xt_pages/qcd/indicatorControlAnalysis/monitor.vue 查看文件

17
                 :trigger-on-focus="false"
17
                 :trigger-on-focus="false"
18
                 placeholder="请输入病人名字"
18
                 placeholder="请输入病人名字"
19
                 @select="handleSelect"
19
                 @select="handleSelect"
20
+                style="width:160px"
20
               >
21
               >
21
                 <i class="el-icon-search el-input__icon" slot="suffix"></i>
22
                 <i class="el-icon-search el-input__icon" slot="suffix"></i>
22
                 <template slot-scope="{ item }">
23
                 <template slot-scope="{ item }">
67
           ></el-date-picker>
68
           ></el-date-picker>
68
         </div>
69
         </div>
69
         <el-container>
70
         <el-container>
70
-          <div style="width:150px">
71
+          <div style="width:160px">
71
             <div class="tableTitle">患者列表</div>
72
             <div class="tableTitle">患者列表</div>
72
-            <div class="tableTitle">当前患者: {{patient_name}}</div>
73
+            
73
 
74
 
74
             <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }"
75
             <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }"
75
                       :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
76
                       :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
76
                       highlight-current-row
77
                       highlight-current-row
77
                       @current-change="handleChange">
78
                       @current-change="handleChange">
78
-              <el-table-column prop="dialysis_no" label="透析号" width="80">
79
+              <el-table-column prop="dialysis_no" label="透析号" width="70" align="center">
79
                 <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
80
                 <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
80
               </el-table-column>
81
               </el-table-column>
81
-              <el-table-column prop="name" label="姓名" width="80">
82
+              <el-table-column prop="name" label="姓名" width="90" align="center">
82
                 <template slot-scope="scope">{{ scope.row.name }}</template>
83
                 <template slot-scope="scope">{{ scope.row.name }}</template>
83
               </el-table-column>
84
               </el-table-column>
84
             </el-table>
85
             </el-table>
85
           </div>
86
           </div>
86
           <div style="padding-left:10px;flex:1;width:0;">
87
           <div style="padding-left:10px;flex:1;width:0;">
87
-            <div class="tableTitle">指标趋势</div>
88
+            <div class="tableTitle">指标趋势<span style="font-weight:normal">&nbsp;&nbsp;(当前患者: {{patient_name}})</span></div>
88
             <div>
89
             <div>
89
               <line-chart :options="chart"></line-chart>
90
               <line-chart :options="chart"></line-chart>
90
             </div>
91
             </div>
320
                       { offset: 1, color: colorList[index][1] }
321
                       { offset: 1, color: colorList[index][1] }
321
                     ])
322
                     ])
322
                   },
323
                   },
324
+                  lineStyle:{ 
325
+                    color:'#409eff' //改变折线颜色
326
+                  },
323
                   barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
327
                   barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
324
                 },
328
                 },
325
 
329
 
327
                 emphasis: {
331
                 emphasis: {
328
                   shadowBlur: 10,
332
                   shadowBlur: 10,
329
                   shadowOffsetX: 0,
333
                   shadowOffsetX: 0,
330
-                  shadowColor: 'rgba(0, 0, 0, 0.5)'
334
+                  shadowColor: 'rgba(0, 0, 0, 0.2)'
331
                 }
335
                 }
332
               }
336
               }
333
             }
337
             }
395
                 emphasis: {
399
                 emphasis: {
396
                   shadowBlur: 10,
400
                   shadowBlur: 10,
397
                   shadowOffsetX: 0,
401
                   shadowOffsetX: 0,
398
-                  shadowColor: 'rgba(0, 0, 0, 0.5)'
402
+                  shadowColor: 'rgba(0, 0, 0, 0.2)'
399
                 }
403
                 }
400
               }
404
               }
401
             }
405
             }

+ 29 - 81
src/xt_pages/qcd/indicatorControlAnalysis/patientInspectionDetail.vue 查看文件

4
       <bread-crumb :crumbs="crumbs"></bread-crumb>
4
       <bread-crumb :crumbs="crumbs"></bread-crumb>
5
       <el-button type="primary" @click="$router.back(-1)">返回</el-button>
5
       <el-button type="primary" @click="$router.back(-1)">返回</el-button>
6
     </div>
6
     </div>
7
-    <div class="app-container">
7
+    <div class="app-container pageInspection">
8
 
8
 
9
       <div class="cell clearfix">
9
       <div class="cell clearfix">
10
         <label class="title">
10
         <label class="title">
11
           <span class="name">病人搜索</span> :
11
           <span class="name">病人搜索</span> :
12
         </label>
12
         </label>
13
-        <div >
14
-
15
-          <el-form :inline="true">
16
-            <el-form-item label>
17
-              <el-autocomplete
18
-                class="checkSearch"
19
-                style="margin-top: 20px;"
20
-                popper-class="my-autocomplete"
21
-                v-model="search_value"
22
-                :fetch-suggestions="querySearchAsync"
23
-                :trigger-on-focus="false"
24
-                placeholder="请输入病人名字"
25
-                @select="handleSelect"
26
-              >
27
-                <i class="el-icon-search el-input__icon" slot="suffix"></i>
28
-                <template slot-scope="{ item }">
29
-                  <div class="name">{{ item.name }}</div>
30
-                </template>
31
-              </el-autocomplete>
32
-            </el-form-item>
33
-          </el-form>
34
-        </div>
13
+        <el-form :inline="true">
14
+          <el-form-item label>
15
+            <el-autocomplete
16
+              class="checkSearch"
17
+              popper-class="my-autocomplete"
18
+              v-model="search_value"
19
+              :fetch-suggestions="querySearchAsync"
20
+              :trigger-on-focus="false"
21
+              placeholder="请输入病人名字"
22
+              @select="handleSelect"
23
+            >
24
+              <i class="el-icon-search el-input__icon" slot="suffix"></i>
25
+              <template slot-scope="{ item }">
26
+                <div class="name">{{ item.name }}</div>
27
+              </template>
28
+            </el-autocomplete>
29
+          </el-form-item>
30
+        </el-form>
35
 
31
 
36
       </div>
32
       </div>
37
 
33
 
82
         ></el-date-picker>
78
         ></el-date-picker>
83
       </div>
79
       </div>
84
       <el-container>
80
       <el-container>
85
-        <div style="width:150px">
81
+        <div style="width:160px">
86
           <div class="tableTitle">患者列表</div>
82
           <div class="tableTitle">患者列表</div>
87
-          <div class="tableTitle">当前患者: {{patient_name}}</div>
83
+          
88
 
84
 
89
           <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500"
85
           <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500"
90
                     :row-style="{ color: '#303133' }"
86
                     :row-style="{ color: '#303133' }"
91
                     :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
87
                     :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
92
                     highlight-current-row
88
                     highlight-current-row
93
                     @current-change="handleChange">
89
                     @current-change="handleChange">
94
-            <el-table-column prop="dialysis_no" label="透析号" width="80">
90
+            <el-table-column prop="dialysis_no" label="透析号" width="70" align="center">
95
               <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
91
               <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
96
             </el-table-column>
92
             </el-table-column>
97
-            <el-table-column prop="name" label="姓名" width="80">
93
+            <el-table-column prop="name" label="姓名" width="90" align="center">
98
               <template slot-scope="scope">{{ scope.row.name }}</template>
94
               <template slot-scope="scope">{{ scope.row.name }}</template>
99
             </el-table-column>
95
             </el-table-column>
100
           </el-table>
96
           </el-table>
101
 
97
 
102
         </div>
98
         </div>
103
         <div style="padding-left:10px;flex:1">
99
         <div style="padding-left:10px;flex:1">
104
-          <div class="tableTitle">统计图</div>
100
+          <div class="tableTitle">统计图<span style="font-weight:normal">&nbsp;&nbsp;(当前患者: {{patient_name}})</span></div>
105
           <div>
101
           <div>
106
             <!--<line-chart :options="options2"></line-chart>-->
102
             <!--<line-chart :options="options2"></line-chart>-->
107
             <line-chart v-if="this.$route.query.range_type == 1" :options="options"></line-chart>
103
             <line-chart v-if="this.$route.query.range_type == 1" :options="options"></line-chart>
244
                 emphasis: {
240
                 emphasis: {
245
                   shadowBlur: 10,
241
                   shadowBlur: 10,
246
                   shadowOffsetX: 0,
242
                   shadowOffsetX: 0,
247
-                  shadowColor: 'rgba(0, 0, 0, 0.5)'
243
+                  shadowColor: 'rgba(0, 0, 0, 0.2)'
248
                 }
244
                 }
249
               }
245
               }
250
             }
246
             }
777
 </style>
773
 </style>
778
 
774
 
779
 <style lang="scss">
775
 <style lang="scss">
780
-  .infoBox {
781
-
782
-  .infoOne {
783
-
784
-  .borderBox {
785
-
786
-  .el-progress-bar__inner {
787
-    background: linear-gradient(
788
-      90deg,
789
-      rgba(169, 224, 243, 1),
790
-      rgba(159, 189, 252, 1)
791
-    );
792
-  }
793
-
794
-  .el-progress-bar {
795
-    margin-right: -59px;
796
-    padding-right: 60px;
797
-  }
798
-
776
+.pageInspection{
777
+  .el-form-item{
778
+    margin-bottom:0px !important;
799
   }
779
   }
800
-  .borderBox1 {
780
+}
801
 
781
 
802
-  .el-progress-bar__inner {
803
-    background: linear-gradient(
804
-      90deg,
805
-      rgba(255, 215, 192, 1),
806
-      rgba(255, 153, 148, 1)
807
-    );
808
-  }
809
-
810
-  .el-progress-bar {
811
-    margin-right: -59px;
812
-    padding-right: 60px;
813
-  }
814
-
815
-  }
816
-  .borderBox2 {
817
-
818
-  .el-progress-bar__inner {
819
-    background: linear-gradient(
820
-      90deg,
821
-      rgba(215, 195, 253, 1),
822
-      rgba(179, 168, 247, 1)
823
-    );
824
-  }
825
-
826
-  .el-progress-bar {
827
-    margin-right: -59px;
828
-    padding-right: 60px;
829
-  }
830
-
831
-  }
832
-  }
833
-  }
834
 </style>
782
 </style>
835
 
783
 
836
 
784
 

+ 12 - 6
src/xt_pages/qcd/indicatorControlAnalysis/process.vue 查看文件

17
                 :trigger-on-focus="false"
17
                 :trigger-on-focus="false"
18
                 placeholder="请输入病人名字"
18
                 placeholder="请输入病人名字"
19
                 @select="handleSelect"
19
                 @select="handleSelect"
20
+                style="width:160px;"
20
               >
21
               >
21
                 <i class="el-icon-search el-input__icon" slot="suffix"></i>
22
                 <i class="el-icon-search el-input__icon" slot="suffix"></i>
22
                 <template slot-scope="{ item }">
23
                 <template slot-scope="{ item }">
68
           ></el-date-picker>
69
           ></el-date-picker>
69
         </div>
70
         </div>
70
         <el-container>
71
         <el-container>
71
-          <div style="width:150px">
72
+          <div style="width:160px">
72
 
73
 
73
             <div class="tableTitle">患者列表</div>
74
             <div class="tableTitle">患者列表</div>
74
-            <div class="tableTitle">当前患者: {{patient_name}}</div>
75
+            
75
 
76
 
76
             <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500"
77
             <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500"
77
                       :row-style="{ color: '#303133' }"
78
                       :row-style="{ color: '#303133' }"
78
                       :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
79
                       :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
79
                       highlight-current-row
80
                       highlight-current-row
80
                       @current-change="handleChange">
81
                       @current-change="handleChange">
81
-              <el-table-column prop="dialysis_no" label="透析号" width="80">
82
+              <el-table-column prop="dialysis_no" label="透析号" width="70" align="center">
82
                 <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
83
                 <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
83
               </el-table-column>
84
               </el-table-column>
84
-              <el-table-column prop="name" label="姓名" width="80">
85
+              <el-table-column prop="name" label="姓名" width="90" align="center">
85
                 <template slot-scope="scope">{{ scope.row.name }}</template>
86
                 <template slot-scope="scope">{{ scope.row.name }}</template>
86
               </el-table-column>
87
               </el-table-column>
87
             </el-table>
88
             </el-table>
88
           </div>
89
           </div>
89
           <div style="padding-left:10px;flex:1;width:0;">
90
           <div style="padding-left:10px;flex:1;width:0;">
90
-            <div class="tableTitle">指标趋势</div>
91
+            <div class="tableTitle">指标趋势<span style="font-weight:normal">&nbsp;&nbsp;(当前患者: {{patient_name}})</span></div>
91
             <div>
92
             <div>
92
               <line-chart :options="chart"
93
               <line-chart :options="chart"
93
                           v-if="query.statistics_type != 9 && query.statistics_type != 10"></line-chart>
94
                           v-if="query.statistics_type != 9 && query.statistics_type != 10"></line-chart>
412
                       { offset: 1, color: colorList[index][1] }
413
                       { offset: 1, color: colorList[index][1] }
413
                     ])
414
                     ])
414
                   },
415
                   },
416
+                  lineStyle:{ 
417
+                    color:'#409eff' //改变折线颜色
418
+                  },
415
                   barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
419
                   barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
416
                 },
420
                 },
417
 
421
 
770
 </style>
774
 </style>
771
 <style lang="scss">
775
 <style lang="scss">
772
   .page_process {
776
   .page_process {
773
-
777
+    .el-tabs{
778
+      margin-bottom:0 !important;
779
+    }
774
     .el-button--medium {
780
     .el-button--medium {
775
       padding: 10px 8px;
781
       padding: 10px 8px;
776
     }
782
     }

+ 9 - 7
src/xt_pages/qcd/indicatorControlAnalysis/weight.vue 查看文件

17
                 :trigger-on-focus="false"
17
                 :trigger-on-focus="false"
18
                 placeholder="请输入病人名字"
18
                 placeholder="请输入病人名字"
19
                 @select="handleSelect"
19
                 @select="handleSelect"
20
+                style="width:160px;"
20
               >
21
               >
21
                 <i class="el-icon-search el-input__icon" slot="suffix"></i>
22
                 <i class="el-icon-search el-input__icon" slot="suffix"></i>
22
                 <template slot-scope="{ item }">
23
                 <template slot-scope="{ item }">
67
           ></el-date-picker>
68
           ></el-date-picker>
68
         </div>
69
         </div>
69
         <el-container>
70
         <el-container>
70
-          <div style="width:150px">
71
+          <div style="width:160px">
71
 
72
 
72
             <div class="tableTitle">患者列表</div>
73
             <div class="tableTitle">患者列表</div>
73
-            <div class="tableTitle">当前患者: {{patient_name}}</div>
74
+            
74
 
75
 
75
             <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }"
76
             <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }"
76
                       :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
77
                       :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
77
                       highlight-current-row
78
                       highlight-current-row
78
                       @current-change="handleChange">
79
                       @current-change="handleChange">
79
-              <el-table-column prop="dialysis_no" label="透析号" width="80">
80
+              <el-table-column prop="dialysis_no" label="透析号" width="70">
80
                 <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
81
                 <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
81
               </el-table-column>
82
               </el-table-column>
82
-              <el-table-column prop="name" label="姓名" width="80">
83
+              <el-table-column prop="name" label="姓名" width="90">
83
                 <template slot-scope="scope">{{ scope.row.name }}</template>
84
                 <template slot-scope="scope">{{ scope.row.name }}</template>
84
               </el-table-column>
85
               </el-table-column>
85
             </el-table>
86
             </el-table>
86
           </div>
87
           </div>
87
           <div style="padding-left:10px;flex:1">
88
           <div style="padding-left:10px;flex:1">
88
-            <div class="tableTitle">指标趋势</div>
89
+            <div class="tableTitle">指标趋势<span style="font-weight:normal">&nbsp;&nbsp;(当前患者: {{patient_name}})</span></div>
89
             <div>
90
             <div>
90
               <line-chart :options="bar"></line-chart>
91
               <line-chart :options="bar"></line-chart>
91
 
92
 
154
                       @click.native.prevent="jumpDetail(scope.row.patient_id)"
155
                       @click.native.prevent="jumpDetail(scope.row.patient_id)"
155
                       type="text"
156
                       type="text"
156
                       size="small"
157
                       size="small"
158
+                      style="font-size:14px;"
157
                     >详情</el-button>
159
                     >详情</el-button>
158
                   </template>
160
                   </template>
159
                 </el-table-column>
161
                 </el-table-column>
312
                 emphasis: {
314
                 emphasis: {
313
                   shadowBlur: 10,
315
                   shadowBlur: 10,
314
                   shadowOffsetX: 0,
316
                   shadowOffsetX: 0,
315
-                  shadowColor: 'rgba(0, 0, 0, 0.5)'
317
+                  shadowColor: 'rgba(0, 0, 0, 0.2)'
316
                 }
318
                 }
317
               }
319
               }
318
             }
320
             }
391
 
393
 
392
                   shadowBlur: 10,
394
                   shadowBlur: 10,
393
                   shadowOffsetX: 0,
395
                   shadowOffsetX: 0,
394
-                  shadowColor: 'rgba(0, 0, 0, 0.5)'
396
+                  shadowColor: 'rgba(0, 0, 0, 0.2)'
395
                 }
397
                 }
396
               }
398
               }
397
             }
399
             }

+ 22 - 22
src/xt_pages/qcd/indicatorControlAnalysis/weightDetails.vue 查看文件

17
                 :trigger-on-focus="false"
17
                 :trigger-on-focus="false"
18
                 placeholder="请输入病人名字"
18
                 placeholder="请输入病人名字"
19
                 @select="handleSelect"
19
                 @select="handleSelect"
20
+                style="width:160px"
20
               >
21
               >
21
                 <i class="el-icon-search el-input__icon" slot="suffix"></i>
22
                 <i class="el-icon-search el-input__icon" slot="suffix"></i>
22
                 <template slot-scope="{ item }">
23
                 <template slot-scope="{ item }">
26
 
27
 
27
             </el-form-item>
28
             </el-form-item>
28
           </el-form>
29
           </el-form>
29
-        </div>
30
-        <el-container>
31
-          <div style="width:150px">
32
-            <div class="tableTitle">患者列表</div>
33
-            <div class="tableTitle">当前患者: {{patient_name}}</div>
34
-            <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }"
35
-                      :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
36
-                      highlight-current-row
37
-                      @current-change="handleChange">
38
-              <el-table-column prop="dialysis_no" label="透析号" width="80">
39
-                <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
40
-              </el-table-column>
41
-              <el-table-column prop="name" label="姓名" width="80">
42
-                <template slot-scope="scope">{{ scope.row.name }}</template>
43
-              </el-table-column>
44
-            </el-table>
45
-
46
-
47
-          </div>
48
-          <div class="containerRight" style="flex:1;overflow: hidden">
49
-            <div class="cell clearfix">
50
               <label class="title" style="text-align:left">
30
               <label class="title" style="text-align:left">
51
                 <span class="name">体重类型</span> :
31
                 <span class="name">体重类型</span> :
52
               </label>
32
               </label>
89
                 format="yyyy-MM-dd"
69
                 format="yyyy-MM-dd"
90
                 value-format="yyyy-MM-dd"
70
                 value-format="yyyy-MM-dd"
91
               ></el-date-picker>
71
               ></el-date-picker>
92
-            </div>
72
+        </div>
73
+        <el-container>
74
+          <div style="width:160px">
75
+            <div class="tableTitle">患者列表</div>
76
+            
77
+            <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500" :row-style="{ color: '#303133' }"
78
+                      :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
79
+                      highlight-current-row
80
+                      @current-change="handleChange">
81
+              <el-table-column prop="dialysis_no" label="透析号" width="70">
82
+                <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
83
+              </el-table-column>
84
+              <el-table-column prop="name" label="姓名" width="90">
85
+                <template slot-scope="scope">{{ scope.row.name }}</template>
86
+              </el-table-column>
87
+            </el-table>
88
+
89
+
90
+          </div>
91
+          <div class="containerRight" style="flex:1;overflow: hidden">
92
+            
93
             <div class="tableTitle">指标趋势</div>
93
             <div class="tableTitle">指标趋势</div>
94
             <div>
94
             <div>
95
               <line-chart :options="chart"></line-chart>
95
               <line-chart :options="chart"></line-chart>

+ 3 - 3
src/xt_pages/qcd/workAnalysis/doctor.vue 查看文件

10
           <el-tab-pane label="护士" name="second"></el-tab-pane>
10
           <el-tab-pane label="护士" name="second"></el-tab-pane>
11
         </el-tabs>
11
         </el-tabs>
12
         <div class="cell clearfix">
12
         <div class="cell clearfix">
13
-          <el-select v-model="query.admin_user_id" placeholder="请选择" style="width:120px;margin-right:20px"               @change="changeDoctor"
13
+          <el-select v-model="query.admin_user_id" placeholder="请选择" style="width:120px;margin-right:10px"               @change="changeDoctor"
14
           >
14
           >
15
             <el-option
15
             <el-option
16
               v-for="item in doctor_options"
16
               v-for="item in doctor_options"
23
             v-model="query.statistics_type"
23
             v-model="query.statistics_type"
24
             placeholder="请选择"
24
             placeholder="请选择"
25
             @change="changeProject"
25
             @change="changeProject"
26
-            style="width:120px;margin-right:20px"
26
+            style="width:120px;margin-right:10px"
27
           >
27
           >
28
             <el-option
28
             <el-option
29
               v-for="item in project_options"
29
               v-for="item in project_options"
250
               emphasis: {
250
               emphasis: {
251
                 shadowBlur: 10,
251
                 shadowBlur: 10,
252
                 shadowOffsetX: 0,
252
                 shadowOffsetX: 0,
253
-                shadowColor: "rgba(0, 0, 0, 0.5)"
253
+                shadowColor: "rgba(0, 0, 0, 0.2)"
254
               }
254
               }
255
             }
255
             }
256
           }
256
           }

+ 3 - 3
src/xt_pages/qcd/workAnalysis/nurse.vue 查看文件

10
           <el-tab-pane label="护士" name="second"></el-tab-pane>
10
           <el-tab-pane label="护士" name="second"></el-tab-pane>
11
         </el-tabs>
11
         </el-tabs>
12
         <div class="cell clearfix">
12
         <div class="cell clearfix">
13
-          <el-select v-model="query.admin_user_id" placeholder="请选择" style="width:120px;margin-right:20px"               @change="changeNurse"
13
+          <el-select v-model="query.admin_user_id" placeholder="请选择" style="width:120px;margin-right:10px"               @change="changeNurse"
14
           >
14
           >
15
             <el-option
15
             <el-option
16
               v-for="item in nurse_options"
16
               v-for="item in nurse_options"
23
             v-model="query.statistics_type"
23
             v-model="query.statistics_type"
24
             placeholder="请选择"
24
             placeholder="请选择"
25
             @change="changeProject"
25
             @change="changeProject"
26
-            style="width:120px;margin-right:20px"
26
+            style="width:120px;margin-right:10px"
27
           >
27
           >
28
             <el-option
28
             <el-option
29
               v-for="item in project_options"
29
               v-for="item in project_options"
282
                 emphasis: {
282
                 emphasis: {
283
                   shadowBlur: 10,
283
                   shadowBlur: 10,
284
                   shadowOffsetX: 0,
284
                   shadowOffsetX: 0,
285
-                  shadowColor: "rgba(0, 0, 0, 0.5)"
285
+                  shadowColor: "rgba(0, 0, 0, 0.2)"
286
                 }
286
                 }
287
               }
287
               }
288
             }
288
             }