Home Explore Help
Register Sign In
zhangbj
/
xt_vue
Watch 1
Star 0
Fork 0
Code Issues 38 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

面包屑

zhengchengwu 6 years ago
parent
4d8575ba79
commit
2653ff74e0
15 changed files with 1033 additions and 1259 deletions
Unified View Show Diff Stats
  1. 1 1
      src/views/layout/components/Navbar.vue
  2. 2 39
      src/xt_pages/qcd/dialysisTotal.vue
  3. 142 166
      src/xt_pages/qcd/outcomeIndicators/control.vue
  4. 109 133
      src/xt_pages/qcd/outcomeIndicators/query.vue
  5. 119 143
      src/xt_pages/qcd/patientAnalysis/bloodPressure.vue
  6. 142 166
      src/xt_pages/qcd/patientAnalysis/dialysisAge.vue
  7. 136 160
      src/xt_pages/qcd/patientAnalysis/lapseto.vue
  8. 129 153
      src/xt_pages/qcd/patientAnalysis/total.vue
  9. 119 143
      src/xt_pages/qcd/patientAnalysis/weight.vue
  10. 127 152
      src/xt_pages/qcd/processIndicators.vue
  11. 3 3
      src/xt_pages/user/courseOfDisease.vue
  12. 1 0
      src/xt_pages/user/dialysisRecord.vue
  13. 1 0
      src/xt_pages/user/dialysisSolution.vue
  14. 1 0
      src/xt_pages/user/inspection.vue
  15. 1 0
      src/xt_pages/user/proeducation.vue

+ 1 - 1
src/views/layout/components/Navbar.vue View File

1 
 <template>
 1 
 <template>
2 
 <div class="top-nav">
 2 
 <div class="top-nav">
3 
    <div class="nav-logo">
 3 
    <div class="nav-logo">
4 
-       <!--<img :src="require(`../../../assets/logo/logo.png`)" alt="">-->
4 
+       <img :src="require(`../../../assets/logo/logo.png`)" alt="">
5 
     </div>
 5 
     </div>
6 
   <el-menu class="navbar" mode="horizontal">
 6 
   <el-menu class="navbar" mode="horizontal">
7 
     <div>
 7 
     <div>

+ 2 - 39
src/xt_pages/qcd/dialysisTotal.vue View File

2 
  <div class="main-contain">
 2 
  <div class="main-contain">
3 
     <div class="position">
 3 
     <div class="position">
4 
       <bread-crumb :crumbs='crumbs'></bread-crumb>
 4 
       <bread-crumb :crumbs='crumbs'></bread-crumb>
5 
-      <el-button size="small" :disabled="$store.getters.xt_user.subscibe.state==3?true:false" @click="$router.push({path:'/patients/create'})" class="filter-item" style="float:right;" type="primary" icon="el-icon-circle-plus-outline" >新增</el-button>
6 
     </div>
 5 
     </div>
7 
     <div class="app-container">
 6 
     <div class="app-container">
8 
       <div class="cell">
 7 
       <div class="cell">
18 
           type="date"
 17 
           type="date"
19 
           placeholder="选择日期时间"
 18 
           placeholder="选择日期时间"
20 
           align="right"
 19 
           align="right"
21 
-          :picker-options="pickerOptions"
22 
           format="yyyy-MM-dd"
 20 
           format="yyyy-MM-dd"
23 
           value-format="yyyy-MM-dd"
 21 
           value-format="yyyy-MM-dd"
24 
         ></el-date-picker>
 22 
         ></el-date-picker>
32 
           type="date"
 30 
           type="date"
33 
           placeholder="选择日期时间"
 31 
           placeholder="选择日期时间"
34 
           align="right"
 32 
           align="right"
35 
-          :picker-options="pickerOptions"
36 
           format="yyyy-MM-dd"
 33 
           format="yyyy-MM-dd"
37 
           value-format="yyyy-MM-dd"
 34 
           value-format="yyyy-MM-dd"
38 
         ></el-date-picker>
 35 
         ></el-date-picker>
97 
         fit
 94 
         fit
98 
         highlight-current-row
 95 
         highlight-current-row
99 
         style="width: 100%;margin-top: 10px;"
 96 
         style="width: 100%;margin-top: 10px;"
97 
+        :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)'}"
100 
       >
 98 
       >
101 
         <el-table-column label="日期" min-width="80" property="date" align="center"></el-table-column>
 99 
         <el-table-column label="日期" min-width="80" property="date" align="center"></el-table-column>
102 
         <el-table-column
 100 
         <el-table-column
213 
       <!-- <pagi-nation title="分页"></pagi-nation> -->
 211 
       <!-- <pagi-nation title="分页"></pagi-nation> -->
214
212
215 
       <el-pagination
 213 
       <el-pagination
214 
+        align="right"
216 
         @size-change="handleSizeChange"
 215 
         @size-change="handleSizeChange"
217 
         @current-change="handleCurrentChange"
 216 
         @current-change="handleCurrentChange"
218 
         :current-page="listQuery.pate"
 217 
         :current-page="listQuery.pate"
270 
         { value: 1, label: "转出", source: 0, lapseto: 2 },
 269 
         { value: 1, label: "转出", source: 0, lapseto: 2 },
271 
         { value: 2, label: "留治", source: 0, lapseto: 1 }
 270 
         { value: 2, label: "留治", source: 0, lapseto: 1 }
272 
       ],
 271 
       ],
273 
-      pickerOptions: {
274 
-        shortcuts: [
275 
-          {
276 
-            text: "今天",
277 
-            onClick(picker) {
278 
-              picker.$emit("pick", new Date());
279 
-            }
280 
-          },
281 
-          {
282 
-            text: "昨天",
283 
-            onClick(picker) {
284 
-              const date = new Date();
285 
-              date.setTime(date.getTime() - 3600 * 1000 * 24);
286 
-              picker.$emit("pick", date);
287 
-            }
288 
-          },
289 
-          {
290 
-            text: "一周前",
291 
-            onClick(picker) {
292 
-              const date = new Date();
293 
-              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
294 
-              picker.$emit("pick", date);
295 
-            }
296 
-          },
297 
-          {
298 
-            text: "清空",
299 
-            onClick(picker) {
300 
-              picker.$emit("pick");
301 
-            }
302 
-          }
303 
-        ]
304 
-      }
305 
     };
 272 
     };
306 
   },
 273 
   },
307 
   created() {
 274 
   created() {
437 
 <style rel="stylesheet/scss" lang="scss" scoped>
 404 
 <style rel="stylesheet/scss" lang="scss" scoped>
438 
 .app-container {
 405 
 .app-container {
439 
 //   margin: 20px;
 406 
 //   margin: 20px;
440 
-    margin-bottom: 50px;
441 
   font-size: 15px;
 407 
   font-size: 15px;
442 
   .filter-container {
 408 
   .filter-container {
443 
     padding-bottom: 5px;
 409 
     padding-bottom: 5px;
449 
   .huixiao {
 415 
   .huixiao {
450 
     border: solid 1px #ebeef5;
 416 
     border: solid 1px #ebeef5;
451 
   }
 417 
   }
452 
-  .el-pagination {
453 
-    float: right !important;
454 
-  }
455 
   .search-component {
 418 
   .search-component {
456 
     width: 500px;
 419 
     width: 500px;
457 
     .searchBox {
 420 
     .searchBox {

+ 142 - 166
src/xt_pages/qcd/outcomeIndicators/control.vue View File

1 
 <template>
 1 
 <template>
2 
-  <div class="app-container">
3 
-    <el-tabs v-model="tabActiveName" @tab-click="handleTabClick">
4 
-        <el-tab-pane label="指标控制" name="control"></el-tab-pane>
5 
-        <el-tab-pane label="指标查询" name="query"></el-tab-pane>
6 
-    </el-tabs>
7 
-
8 
-    <div class="cell">
9 
-      <label class="title">
10 
-        <span class="name">日期查询</span> :
11 
-      </label>
12 
-      <el-date-picker
13 
-        v-model="listQuery.start_time"
14 
-        prefix-icon="el-icon-date"
15 
-        @change="changeTime"
16 
-        :editable="false"
17 
-        style="width: 196px;"
18 
-        type="date"
19 
-        placeholder="选择日期时间"
20 
-        align="right"
21 
-        :picker-options="pickerOptions"
22 
-        format="yyyy-MM-dd"
23 
-        value-format="yyyy-MM-dd"
24 
-      ></el-date-picker>
25 
-      <span class>-</span>
26 
-      <el-date-picker
27 
-        v-model="listQuery.end_time"
28 
-        prefix-icon="el-icon-date"
29 
-        @change="changeTime"
30 
-        :editable="false"
31 
-        style="width: 196px;"
32 
-        type="date"
33 
-        placeholder="选择日期时间"
34 
-        align="right"
35 
-        :picker-options="pickerOptions"
36 
-        format="yyyy-MM-dd"
37 
-        value-format="yyyy-MM-dd"
38 
-      ></el-date-picker>
2 
+ <div class="main-contain">
3 
+    <div class="position">
4 
+      <bread-crumb :crumbs='crumbs'></bread-crumb>
39 
     </div>
 5 
     </div>
40 
-    <div class="cell clearfix">
41 
-      <label class="title">
42 
-        <span class="name">透析龄</span> :
43 
-      </label>
44 
-      <div class="time">
45 
-        <ul class>
46 
-          <li
47 
-            :class="item.value==dialysisAge?'active':''"
48 
-            @click="selectdialysisAges(item.value)"
49 
-            v-for="item in dialysisAgeOptions"
50 
-            :key="item.value"
51 
-          >{{item.label}}</li>
52 
-        </ul>
6 
+    <div class="app-container">
7 
+      <el-tabs v-model="tabActiveName" @tab-click="handleTabClick">
8 
+          <el-tab-pane label="指标控制" name="control"></el-tab-pane>
9 
+          <el-tab-pane label="指标查询" name="query"></el-tab-pane>
10 
+      </el-tabs>
11 
+
12 
+      <div class="cell">
13 
+        <label class="title">
14 
+          <span class="name">日期查询</span> :
15 
+        </label>
16 
+        <el-date-picker
17 
+          v-model="listQuery.start_time"
18 
+          prefix-icon="el-icon-date"
19 
+          @change="changeTime"
20 
+          :editable="false"
21 
+          style="width: 196px;"
22 
+          type="date"
23 
+          placeholder="选择日期时间"
24 
+          align="right"
25 
+          format="yyyy-MM-dd"
26 
+          value-format="yyyy-MM-dd"
27 
+        ></el-date-picker>
28 
+        <span class>-</span>
29 
+        <el-date-picker
30 
+          v-model="listQuery.end_time"
31 
+          prefix-icon="el-icon-date"
32 
+          @change="changeTime"
33 
+          :editable="false"
34 
+          style="width: 196px;"
35 
+          type="date"
36 
+          placeholder="选择日期时间"
37 
+          align="right"
38 
+          format="yyyy-MM-dd"
39 
+          value-format="yyyy-MM-dd"
40 
+        ></el-date-picker>
53 
       </div>
 41 
       </div>
54 
-    </div>
55 
-    <div class="cell clearfix">
56 
-      <label class="title">
57 
-        <span class="name">转归状态</span> :
58 
-      </label>
59 
-      <div class="time">
60 
-        <ul class>
61 
-          <li
62 
-            :class="item.lapseto==lapsetoType?'active':''"
63 
-            @click="selectLapseTo( item.lapseto)"
64 
-            v-for="item in lapsetoState"
65 
-            :key="item.value"
66 
-          >{{item.label}}</li>
67 
-        </ul>
42 
+      <div class="cell clearfix">
43 
+        <label class="title">
44 
+          <span class="name">透析龄</span> :
45 
+        </label>
46 
+        <div class="time">
47 
+          <ul class>
48 
+            <li
49 
+              :class="item.value==dialysisAge?'active':''"
50 
+              @click="selectdialysisAges(item.value)"
51 
+              v-for="item in dialysisAgeOptions"
52 
+              :key="item.value"
53 
+            >{{item.label}}</li>
54 
+          </ul>
55 
+        </div>
56 
+      </div>
57 
+      <div class="cell clearfix">
58 
+        <label class="title">
59 
+          <span class="name">转归状态</span> :
60 
+        </label>
61 
+        <div class="time">
62 
+          <ul class>
63 
+            <li
64 
+              :class="item.lapseto==lapsetoType?'active':''"
65 
+              @click="selectLapseTo( item.lapseto)"
66 
+              v-for="item in lapsetoState"
67 
+              :key="item.value"
68 
+            >{{item.label}}</li>
69 
+          </ul>
70 
+        </div>
68 
       </div>
 71 
       </div>
69 
-    </div>
70
72
71 
-    <div class="cell">
72 
-      <label class="title">
73 
-        <span class="name">检验项目</span> :
74 
-      </label>
75 
-      <el-select v-model="listQuery.project_id" placeholder="请选择" @change="changeModel()">
76 
-        <el-option label="全部" value=""></el-option>
77 
-        <el-option v-for="item in projectOptions" :key="item.project_id" :label="item.project_name" :value="item.project_id"></el-option>
78 
-      </el-select>
79 
-      &nbsp;&nbsp;&nbsp;&nbsp;
80 
-      <label class="title">
81 
-        <span class="name">监测指标</span> :
82 
-      </label>
83 
-      <el-select v-model="listQuery.item_id" placeholder="请选择" @change="changeItem()">
84 
-        <el-option label="全部" value=""></el-option>
85 
-        <el-option v-for="item in itemOptions" :key="item.id" :label="item.item_name" :value="item.id"></el-option>
86 
-      </el-select>
87 
-    </div>
73 
+      <div class="cell">
74 
+        <label class="title">
75 
+          <span class="name">检验项目</span> :
76 
+        </label>
77 
+        <el-select v-model="listQuery.project_id" placeholder="请选择" @change="changeModel()">
78 
+          <el-option label="全部" value=""></el-option>
79 
+          <el-option v-for="item in projectOptions" :key="item.project_id" :label="item.project_name" :value="item.project_id"></el-option>
80 
+        </el-select>
81 
+        &nbsp;&nbsp;&nbsp;&nbsp;
82 
+        <label class="title">
83 
+          <span class="name">监测指标</span> :
84 
+        </label>
85 
+        <el-select v-model="listQuery.item_id" placeholder="请选择" @change="changeItem()">
86 
+          <el-option label="全部" value=""></el-option>
87 
+          <el-option v-for="item in itemOptions" :key="item.id" :label="item.item_name" :value="item.id"></el-option>
88 
+        </el-select>
89 
+      </div>
88
90
89 
-    <h4 class="hui">统计图</h4>
90 
-    <hr class="huixiao">
91 
-    <el-row :gutter="32">
92 
-      <el-col :xs="24" :sm="24" :lg="24">
93 
-        <div class="chart-wrapper">
94 
-            <pie-chart title="" :options="CompletionOptions"/>
95 
-        </div>
96 
-      </el-col>
97 
-    </el-row>
91 
+      <h4 class="hui">统计图</h4>
92 
+      <hr class="huixiao">
93 
+      <el-row :gutter="32">
94 
+        <el-col :xs="24" :sm="24" :lg="24">
95 
+          <div class="chart-wrapper">
96 
+              <pie-chart title="" :options="CompletionOptions"/>
97 
+          </div>
98 
+        </el-col>
99 
+      </el-row>
98
100
99 
-    <h4 class="hui">统计表</h4>
100 
-    <hr class="huixiao">
101 
-    <el-table
102 
-      ref="multipleTable"
103 
-      :data="tableData"
104 
-      id="oictable"
105 
-      border
106 
-      fit
107 
-      highlight-current-row
108 
-      style="width: 100%;margin-top: 10px;"
109 
-    >
110 
-
111 
-      <el-table-column fixed label="透析号" width="80" property="patient_id" align="center">
112 
-        <template slot-scope="scope"><span>{{getPatientDialysisNo(scope.row.patient_id)}}</span></template>
113 
-      </el-table-column>
114 
-      <el-table-column fixed label="姓名" width="100" property="patient_id" align="center">
115 
-        <template slot-scope="scope"><span>{{getPatientName(scope.row.patient_id)}}</span></template>
116 
-      </el-table-column>
117 
-      <el-table-column fixed label="检查日期" width="100" property="inspect_date" align="center">
118 
-        <template slot-scope="scope"><span>{{getTime(scope.row.inspect_date, '{y}{m}{d}')}}</span></template>
119 
-      </el-table-column>
120 
-
121 
-      <el-table-column :label="reference.item_name+'//'+reference.unit" min-width="120" align="center" v-if="showTableColumn(reference)" v-for="(reference, index) in references" :key="index"  :render-header="renderheader">
122 
-        <template slot-scope="scope"><span>{{getItemVulue(reference.project_id, reference.id, scope.row)}}</span></template>
123 
-      </el-table-column>
124 
-    </el-table>
101 
+      <h4 class="hui">统计表</h4>
102 
+      <hr class="huixiao">
103 
+      <el-table
104 
+        ref="multipleTable"
105 
+        :data="tableData"
106 
+        id="oictable"
107 
+        border
108 
+        fit
109 
+        highlight-current-row
110 
+        style="width: 100%;margin-top: 10px;"
111 
+        :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)'}"
112 
+      >
113 
+
114 
+        <el-table-column fixed label="透析号" width="80" property="patient_id" align="center">
115 
+          <template slot-scope="scope"><span>{{getPatientDialysisNo(scope.row.patient_id)}}</span></template>
116 
+        </el-table-column>
117 
+        <el-table-column fixed label="姓名" width="100" property="patient_id" align="center">
118 
+          <template slot-scope="scope"><span>{{getPatientName(scope.row.patient_id)}}</span></template>
119 
+        </el-table-column>
120 
+        <el-table-column fixed label="检查日期" width="100" property="inspect_date" align="center">
121 
+          <template slot-scope="scope"><span>{{getTime(scope.row.inspect_date, '{y}{m}{d}')}}</span></template>
122 
+        </el-table-column>
123 
+
124 
+        <el-table-column :label="reference.item_name+'//'+reference.unit" min-width="120" align="center" v-if="showTableColumn(reference)" v-for="(reference, index) in references" :key="index"  :render-header="renderheader">
125 
+          <template slot-scope="scope"><span>{{getItemVulue(reference.project_id, reference.id, scope.row)}}</span></template>
126 
+        </el-table-column>
127 
+      </el-table>
125
128
126 
-    <!-- <pagi-nation title="分页"></pagi-nation> -->
129 
+      <!-- <pagi-nation title="分页"></pagi-nation> -->
127
130
128 
-    <el-pagination
129 
-      @size-change="handleSizeChange"
130 
-      @current-change="handleCurrentChange"
131 
-      :current-page="listQuery.pate"
132 
-      :page-sizes="[10, 20, 50, 100]"
133 
-      :page-size="10"
134 
-      background
135 
-      style="margin-top:20px;"
136 
-      layout="total, sizes, prev, pager, next, jumper"
137 
-      :total="total"
138 
-    ></el-pagination>
131 
+      <el-pagination
132 
+        align="right"
133 
+        @size-change="handleSizeChange"
134 
+        @current-change="handleCurrentChange"
135 
+        :current-page="listQuery.pate"
136 
+        :page-sizes="[10, 20, 50, 100]"
137 
+        :page-size="10"
138 
+        background
139 
+        style="margin-top:20px;"
140 
+        layout="total, sizes, prev, pager, next, jumper"
141 
+        :total="total"
142 
+      ></el-pagination>
143 
+    </div>
139 
   </div>
 144 
   </div>
140 
 </template>
 145 
 </template>
141
146
144 
 import { GetOICData  } from "@/api/qcd";
 149 
 import { GetOICData  } from "@/api/qcd";
145 
 import PieChart from '../components/PieChart'
 150 
 import PieChart from '../components/PieChart'
146 
 import {uParseTime} from "@/utils/tools";
 151 
 import {uParseTime} from "@/utils/tools";
152 
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
147 
 export default {
 153 
 export default {
148 
   name: "dialysisTotal",
 154 
   name: "dialysisTotal",
149 
   data() {
 155 
   data() {
150 
     return {
 156 
     return {
157 
+      crumbs:[
158 
+        {path:false, name:'科室质控'},
159 
+        {path:false, name:'结果指标'},
160 
+        {path:false, name:'指标控制'},
161 
+      ],
151 
       tabActiveName:'control',
 162 
       tabActiveName:'control',
152 
       total: 0,
 163 
       total: 0,
153 
       projectOptions:{},
 164 
       projectOptions:{},
181 
         { value: 1, label: "大于三个月" },
 192 
         { value: 1, label: "大于三个月" },
182 
         { value: 2, label: "小于三个月" }
 193 
         { value: 2, label: "小于三个月" }
183 
       ],
 194 
       ],
184 
-      pickerOptions: {
185 
-        shortcuts: [
186 
-          {
187 
-            text: "今天",
188 
-            onClick(picker) {
189 
-              picker.$emit("pick", new Date());
190 
-            }
191 
-          },
192 
-          {
193 
-            text: "昨天",
194 
-            onClick(picker) {
195 
-              const date = new Date();
196 
-              date.setTime(date.getTime() - 3600 * 1000 * 24);
197 
-              picker.$emit("pick", date);
198 
-            }
199 
-          },
200 
-          {
201 
-            text: "一周前",
202 
-            onClick(picker) {
203 
-              const date = new Date();
204 
-              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
205 
-              picker.$emit("pick", date);
206 
-            }
207 
-          },
208 
-          {
209 
-            text: "清空",
210 
-            onClick(picker) {
211 
-              picker.$emit("pick");
212 
-            }
213 
-          }
214 
-        ]
215 
-      }
216 
     };
 195 
     };
217 
   },
 196 
   },
218 
   created() {
 197 
   created() {
390 
     }
 369 
     }
391 
   },
 370 
   },
392 
   components: {
 371 
   components: {
393 
-      PieChart
372 
+    PieChart,
373 
+    BreadCrumb
394 
   }
 374 
   }
395 
 };
 375 
 };
396 
 </script>
 376 
 </script>
404 
 <style rel="stylesheet/scss" lang="scss" scoped>
 384 
 <style rel="stylesheet/scss" lang="scss" scoped>
405 
 .app-container {
 385 
 .app-container {
406 
 //   margin: 20px;
 386 
 //   margin: 20px;
407 
-    margin-bottom: 50px;
408 
   font-size: 15px;
 387 
   font-size: 15px;
409 
   .filter-container {
 388 
   .filter-container {
410 
     padding-bottom: 5px;
 389 
     padding-bottom: 5px;
416 
   .huixiao {
 395 
   .huixiao {
417 
     border: solid 1px #ebeef5;
 396 
     border: solid 1px #ebeef5;
418 
   }
 397 
   }
419 
-  .el-pagination {
420 
-    float: right !important;
421 
-  }
422 
   .search-component {
 398 
   .search-component {
423 
     width: 500px;
 399 
     width: 500px;
424 
     .searchBox {
 400 
     .searchBox {

+ 109 - 133
src/xt_pages/qcd/outcomeIndicators/query.vue View File

1 
 <template>
 1 
 <template>
2 
-  <div class="app-container" id="outcome-indicators-query">
3 
-    <el-tabs v-model="tabActiveName" @tab-click="handleTabClick">
4 
-        <el-tab-pane label="指标控制" name="control"></el-tab-pane>
5 
-        <el-tab-pane label="指标查询" name="query"></el-tab-pane>
6 
-    </el-tabs>
7 
-
8 
-    <div class="cell">
9 
-      <el-form :inline="true" :model="listQuery" >
10 
-        <el-form-item label="">
11 
-          <el-input v-model="listQuery.search" placeholder="姓名/透析号"></el-input>
12 
-        </el-form-item>
13 
-        <el-form-item>
14 
-          <el-button type="primary" @click="onSearch">搜索</el-button>
15 
-        </el-form-item>
16 
-      </el-form>
17 
-    </div>
18 
-    <div class="cell">
19 
-      <label class="title">
20 
-        <span class="name">日期查询</span> :
21 
-      </label>
22 
-      <el-date-picker
23 
-        v-model="listQuery.start_time"
24 
-        prefix-icon="el-icon-date"
25 
-        @change="changeTime"
26 
-        :editable="false"
27 
-        style="width: 196px;"
28 
-        type="date"
29 
-        placeholder="选择日期时间"
30 
-        align="right"
31 
-        :picker-options="pickerOptions"
32 
-        format="yyyy-MM-dd"
33 
-        value-format="yyyy-MM-dd"
34 
-      ></el-date-picker>
35 
-      <span class>-</span>
36 
-      <el-date-picker
37 
-        v-model="listQuery.end_time"
38 
-        prefix-icon="el-icon-date"
39 
-        @change="changeTime"
40 
-        :editable="false"
41 
-        style="width: 196px;"
42 
-        type="date"
43 
-        placeholder="选择日期时间"
44 
-        align="right"
45 
-        :picker-options="pickerOptions"
46 
-        format="yyyy-MM-dd"
47 
-        value-format="yyyy-MM-dd"
48 
-      ></el-date-picker>
2 
+ <div class="main-contain">
3 
+    <div class="position">
4 
+      <bread-crumb :crumbs='crumbs'></bread-crumb>
49 
     </div>
 5 
     </div>
6 
+    <div class="app-container" id="outcome-indicators-query">
7 
+      <el-tabs v-model="tabActiveName" @tab-click="handleTabClick">
8 
+          <el-tab-pane label="指标控制" name="control"></el-tab-pane>
9 
+          <el-tab-pane label="指标查询" name="query"></el-tab-pane>
10 
+      </el-tabs>
50
11
51 
-    <div class="cell">
52 
-      <label class="title">
53 
-        <span class="name">检验项目</span> :
54 
-      </label>
55 
-      <el-select v-model="listQuery.project_id" placeholder="请选择" @change="changeModel()">
56 
-        <el-option v-for="item in projectOptions" :key="item.project_id" :label="item.project_name" :value="item.project_id"></el-option>
57 
-      </el-select>
58 
-    </div>
12 
+      <div class="cell">
13 
+        <el-form :inline="true" :model="listQuery" >
14 
+          <el-form-item label="">
15 
+            <el-input v-model="listQuery.search" placeholder="姓名/透析号"></el-input>
16 
+          </el-form-item>
17 
+          <el-form-item>
18 
+            <el-button type="primary" @click="onSearch">搜索</el-button>
19 
+          </el-form-item>
20 
+        </el-form>
21 
+      </div>
22 
+      <div class="cell">
23 
+        <label class="title">
24 
+          <span class="name">日期查询</span> :
25 
+        </label>
26 
+        <el-date-picker
27 
+          v-model="listQuery.start_time"
28 
+          prefix-icon="el-icon-date"
29 
+          @change="changeTime"
30 
+          :editable="false"
31 
+          style="width: 196px;"
32 
+          type="date"
33 
+          placeholder="选择日期时间"
34 
+          align="right"
35 
+          format="yyyy-MM-dd"
36 
+          value-format="yyyy-MM-dd"
37 
+        ></el-date-picker>
38 
+        <span class>-</span>
39 
+        <el-date-picker
40 
+          v-model="listQuery.end_time"
41 
+          prefix-icon="el-icon-date"
42 
+          @change="changeTime"
43 
+          :editable="false"
44 
+          style="width: 196px;"
45 
+          type="date"
46 
+          placeholder="选择日期时间"
47 
+          align="right"
48 
+          format="yyyy-MM-dd"
49 
+          value-format="yyyy-MM-dd"
50 
+        ></el-date-picker>
51 
+      </div>
59
52
60 
-    <h4 class="hui">统计表</h4>
61 
-    <hr class="huixiao">
62 
-    <el-table
63 
-      ref="multipleTable"
64 
-      :data="tableData"
65 
-      id="oictable"
66 
-      border
67 
-      fit
68 
-      highlight-current-row
69 
-      style="width: 100%;margin-top: 10px;"
70 
-    >
71 
-
72 
-      <el-table-column fixed label="透析号" width="80" property="patient_id" align="center">
73 
-        <template slot-scope="scope"><span>{{getPatientDialysisNo(scope.row.patient_id)}}</span></template>
74 
-      </el-table-column>
75 
-      <el-table-column fixed label="姓名" width="100" property="patient_id" align="center">
76 
-        <template slot-scope="scope"><span>{{getPatientName(scope.row.patient_id)}}</span></template>
77 
-      </el-table-column>
78 
-      <el-table-column fixed label="性别" width="100" property="patient_id" align="center">
79 
-        <template slot-scope="scope"><span>{{getPatientGender(scope.row.patient_id)}}</span></template>
80 
-      </el-table-column>
81 
-
82 
-      <el-table-column fixed label="检查日期" width="100" property="inspect_date" align="center">
83 
-        <template slot-scope="scope"><span>{{getTime(scope.row.inspect_date, '{y}{m}{d}')}}</span></template>
84 
-      </el-table-column>
85 
-
86 
-      <el-table-column :label="reference.item_name+'//'+reference.unit" min-width="120" align="center" v-if="showTableColumn(reference)" v-for="(reference, index) in references" :key="index"  :render-header="renderheader">
87 
-        <template slot-scope="scope"><span>{{getItemVulue(reference.project_id, reference.id, scope.row)}}</span></template>
88 
-      </el-table-column>
89 
-    </el-table>
53 
+      <div class="cell">
54 
+        <label class="title">
55 
+          <span class="name">检验项目</span> :
56 
+        </label>
57 
+        <el-select v-model="listQuery.project_id" placeholder="请选择" @change="changeModel()">
58 
+          <el-option v-for="item in projectOptions" :key="item.project_id" :label="item.project_name" :value="item.project_id"></el-option>
59 
+        </el-select>
60 
+      </div>
90
61
91 
-    <!-- <pagi-nation title="分页"></pagi-nation> -->
62 
+      <h4 class="hui">统计表</h4>
63 
+      <hr class="huixiao">
64 
+      <el-table
65 
+        ref="multipleTable"
66 
+        :data="tableData"
67 
+        id="oictable"
68 
+        border
69 
+        fit
70 
+        highlight-current-row
71 
+        style="width: 100%;margin-top: 10px;"
72 
+        :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)'}"
73 
+      >
74 
+
75 
+        <el-table-column fixed label="透析号" width="80" property="patient_id" align="center">
76 
+          <template slot-scope="scope"><span>{{getPatientDialysisNo(scope.row.patient_id)}}</span></template>
77 
+        </el-table-column>
78 
+        <el-table-column fixed label="姓名" width="100" property="patient_id" align="center">
79 
+          <template slot-scope="scope"><span>{{getPatientName(scope.row.patient_id)}}</span></template>
80 
+        </el-table-column>
81 
+        <el-table-column fixed label="性别" width="100" property="patient_id" align="center">
82 
+          <template slot-scope="scope"><span>{{getPatientGender(scope.row.patient_id)}}</span></template>
83 
+        </el-table-column>
84 
+
85 
+        <el-table-column fixed label="检查日期" width="100" property="inspect_date" align="center">
86 
+          <template slot-scope="scope"><span>{{getTime(scope.row.inspect_date, '{y}{m}{d}')}}</span></template>
87 
+        </el-table-column>
88 
+
89 
+        <el-table-column :label="reference.item_name+'//'+reference.unit" min-width="120" align="center" v-if="showTableColumn(reference)" v-for="(reference, index) in references" :key="index"  :render-header="renderheader">
90 
+          <template slot-scope="scope"><span>{{getItemVulue(reference.project_id, reference.id, scope.row)}}</span></template>
91 
+        </el-table-column>
92 
+      </el-table>
92
93
93 
-    <el-pagination
94 
-      @size-change="handleSizeChange"
95 
-      @current-change="handleCurrentChange"
96 
-      :current-page="listQuery.pate"
97 
-      :page-sizes="[10, 20, 50, 100]"
98 
-      :page-size="10"
99 
-      background
100 
-      style="margin-top:20px;"
101 
-      layout="total, sizes, prev, pager, next, jumper"
102 
-      :total="total"
103 
-    ></el-pagination>
94 
+      <!-- <pagi-nation title="分页"></pagi-nation> -->
95 
+
96 
+      <el-pagination
97 
+        align="right"
98 
+        @size-change="handleSizeChange"
99 
+        @current-change="handleCurrentChange"
100 
+        :current-page="listQuery.pate"
101 
+        :page-sizes="[10, 20, 50, 100]"
102 
+        :page-size="10"
103 
+        background
104 
+        style="margin-top:20px;"
105 
+        layout="total, sizes, prev, pager, next, jumper"
106 
+        :total="total"
107 
+      ></el-pagination>
108 
+    </div>
104 
   </div>
 109 
   </div>
105 
 </template>
 110 
 </template>
106
111
108 
 <script>
 113 
 <script>
109 
 import { GetOIQData  } from "@/api/qcd";
 114 
 import { GetOIQData  } from "@/api/qcd";
110 
 import {uParseTime} from "@/utils/tools";
 115 
 import {uParseTime} from "@/utils/tools";
116 
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
111 
 export default {
 117 
 export default {
112 
   name: "dialysisTotal",
 118 
   name: "dialysisTotal",
113 
   data() {
 119 
   data() {
114 
     return {
 120 
     return {
121 
+      crumbs:[
122 
+        {path:false, name:'科室质控'},
123 
+        {path:false, name:'结果指标'},
124 
+        {path:false, name:'指标查询'},
125 
+      ],
115 
       tabActiveName:'query',
 126 
       tabActiveName:'query',
116 
       total: 0,
 127 
       total: 0,
117 
       projectOptions:{},
 128 
       projectOptions:{},
132 
         { value: 1, label: "转出", source: 0, lapseto: 2 },
 143 
         { value: 1, label: "转出", source: 0, lapseto: 2 },
133 
         { value: 2, label: "留治", source: 0, lapseto: 1 }
 144 
         { value: 2, label: "留治", source: 0, lapseto: 1 }
134 
       ],
 145 
       ],
135 
-      pickerOptions: {
136 
-        shortcuts: [
137 
-          {
138 
-            text: "今天",
139 
-            onClick(picker) {
140 
-              picker.$emit("pick", new Date());
141 
-            }
142 
-          },
143 
-          {
144 
-            text: "昨天",
145 
-            onClick(picker) {
146 
-              const date = new Date();
147 
-              date.setTime(date.getTime() - 3600 * 1000 * 24);
148 
-              picker.$emit("pick", date);
149 
-            }
150 
-          },
151 
-          {
152 
-            text: "一周前",
153 
-            onClick(picker) {
154 
-              const date = new Date();
155 
-              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
156 
-              picker.$emit("pick", date);
157 
-            }
158 
-          },
159 
-          {
160 
-            text: "清空",
161 
-            onClick(picker) {
162 
-              picker.$emit("pick");
163 
-            }
164 
-          }
165 
-        ]
166 
-      }
167 
     };
 146 
     };
168 
   },
 147 
   },
169 
   created() {
 148 
   created() {
315 
     }
 294 
     }
316 
   },
 295 
   },
317 
   components: {
 296 
   components: {
297 
+    BreadCrumb
318 
   }
 298 
   }
319 
 };
 299 
 };
320 
 </script>
 300 
 </script>
331 
 <style rel="stylesheet/scss" lang="scss" scoped>
 311 
 <style rel="stylesheet/scss" lang="scss" scoped>
332 
 .app-container {
 312 
 .app-container {
333 
 //   margin: 20px;
 313 
 //   margin: 20px;
334 
-    margin-bottom: 50px;
335 
   font-size: 15px;
 314 
   font-size: 15px;
336 
   .filter-container {
 315 
   .filter-container {
337 
     padding-bottom: 5px;
 316 
     padding-bottom: 5px;
343 
   .huixiao {
 322 
   .huixiao {
344 
     border: solid 1px #ebeef5;
 323 
     border: solid 1px #ebeef5;
345 
   }
 324 
   }
346 
-  .el-pagination {
347 
-    float: right !important;
348 
-  }
349 
   .search-component {
 325 
   .search-component {
350 
     width: 500px;
 326 
     width: 500px;
351 
     .searchBox {
 327 
     .searchBox {

+ 119 - 143
src/xt_pages/qcd/patientAnalysis/bloodPressure.vue View File

1 
 <template>
 1 
 <template>
2 
-  <div class="app-container" id="outcome-indicators-query">
3 
-    <analysis-nav activeName="bloodpressure"></analysis-nav>
4 
-
5 
-    <div class="cell">
6 
-      <label class="title">
7 
-        <span class="name">日期查询</span> :
8 
-      </label>
9 
-      <el-date-picker
10 
-        v-model="listQuery.start_time"
11 
-        prefix-icon="el-icon-date"
12 
-        @change="changeTime"
13 
-        :editable="false"
14 
-        style="width: 196px;"
15 
-        type="date"
16 
-        placeholder="选择日期时间"
17 
-        align="right"
18 
-        :picker-options="pickerOptions"
19 
-        format="yyyy-MM-dd"
20 
-        value-format="yyyy-MM-dd"
21 
-      ></el-date-picker>
22 
-      <span class>-</span>
23 
-      <el-date-picker
24 
-        v-model="listQuery.end_time"
25 
-        prefix-icon="el-icon-date"
26 
-        @change="changeTime"
27 
-        :editable="false"
28 
-        style="width: 196px;"
29 
-        type="date"
30 
-        placeholder="选择日期时间"
31 
-        align="right"
32 
-        :picker-options="pickerOptions"
33 
-        format="yyyy-MM-dd"
34 
-        value-format="yyyy-MM-dd"
35 
-      ></el-date-picker>
2 
+ <div class="main-contain">
3 
+    <div class="position">
4 
+      <bread-crumb :crumbs='crumbs'></bread-crumb>
36 
     </div>
 5 
     </div>
37 
-    <div class="cell clearfix">
38 
-      <label class="title">
39 
-        <span class="name">转归状态</span> :
40 
-      </label>
41 
-      <div class="time">
42 
-        <ul class>
43 
-          <li
44 
-            :class="item.lapseto==lapsetoType?'active':''"
45 
-            @click="selectLapseTo( item.lapseto)"
46 
-            v-for="item in lapsetoState"
47 
-            :key="item.value"
48 
-          >{{item.label}}</li>
49 
-        </ul>
6 
+    <div class="app-container" id="outcome-indicators-query">
7 
+      <analysis-nav activeName="bloodpressure"></analysis-nav>
8 
+
9 
+      <div class="cell">
10 
+        <label class="title">
11 
+          <span class="name">日期查询</span> :
12 
+        </label>
13 
+        <el-date-picker
14 
+          v-model="listQuery.start_time"
15 
+          prefix-icon="el-icon-date"
16 
+          @change="changeTime"
17 
+          :editable="false"
18 
+          style="width: 196px;"
19 
+          type="date"
20 
+          placeholder="选择日期时间"
21 
+          align="right"
22 
+          format="yyyy-MM-dd"
23 
+          value-format="yyyy-MM-dd"
24 
+        ></el-date-picker>
25 
+        <span class>-</span>
26 
+        <el-date-picker
27 
+          v-model="listQuery.end_time"
28 
+          prefix-icon="el-icon-date"
29 
+          @change="changeTime"
30 
+          :editable="false"
31 
+          style="width: 196px;"
32 
+          type="date"
33 
+          placeholder="选择日期时间"
34 
+          align="right"
35 
+          format="yyyy-MM-dd"
36 
+          value-format="yyyy-MM-dd"
37 
+        ></el-date-picker>
50 
       </div>
 38 
       </div>
51 
-    </div>
52 
-    <div class="cell clearfix">
53 
-      <label class="title">
54 
-        <span class="name">年龄</span> :
55 
-      </label>
56 
-      <div class="time">
57 
-        <ul class>
58 
-          <li
59 
-            :class="item.age==ageType?'active':''"
60 
-            @click="selectAge( item.age)"
61 
-            v-for="item in ageOptions"
62 
-            :key="item.value"
63 
-          >{{item.label}}</li>
64 
-        </ul>
39 
+      <div class="cell clearfix">
40 
+        <label class="title">
41 
+          <span class="name">转归状态</span> :
42 
+        </label>
43 
+        <div class="time">
44 
+          <ul class>
45 
+            <li
46 
+              :class="item.lapseto==lapsetoType?'active':''"
47 
+              @click="selectLapseTo( item.lapseto)"
48 
+              v-for="item in lapsetoState"
49 
+              :key="item.value"
50 
+            >{{item.label}}</li>
51 
+          </ul>
52 
+        </div>
53 
+      </div>
54 
+      <div class="cell clearfix">
55 
+        <label class="title">
56 
+          <span class="name">年龄</span> :
57 
+        </label>
58 
+        <div class="time">
59 
+          <ul class>
60 
+            <li
61 
+              :class="item.age==ageType?'active':''"
62 
+              @click="selectAge( item.age)"
63 
+              v-for="item in ageOptions"
64 
+              :key="item.value"
65 
+            >{{item.label}}</li>
66 
+          </ul>
67 
+        </div>
65 
       </div>
 68 
       </div>
66 
-    </div>
67
69
68
70
69 
-    <h4 class="hui">统计图</h4>
70 
-    <hr class="huixiao">
71 
-    <el-row :gutter="32">
72 
-      <el-col :xs="24" :sm="24" :lg="24">
73 
-        <div class="chart-wrapper">
74 
-            <pie-chart title="留治情况" :options="CompletionOptions"/>
75 
-        </div>
76 
-      </el-col>
77 
-    </el-row>
71 
+      <h4 class="hui">统计图</h4>
72 
+      <hr class="huixiao">
73 
+      <el-row :gutter="32">
74 
+        <el-col :xs="24" :sm="24" :lg="24">
75 
+          <div class="chart-wrapper">
76 
+              <pie-chart title="留治情况" :options="CompletionOptions"/>
77 
+          </div>
78 
+        </el-col>
79 
+      </el-row>
78
80
79 
-    <h4 class="hui">统计表</h4>
80 
-    <hr class="huixiao">
81 
-    <el-table
82 
-      ref="multipleTable"
83 
-      :data="tableData"
84 
-      border
85 
-      fit
86 
-      highlight-current-row
87 
-      style="width: 100%;margin-top: 10px;"
88 
-    >
89 
-
90 
-      <el-table-column  label="透析号" min-width="100" property="dialysis_no" align="center">
91 
-      </el-table-column>
92 
-      <el-table-column  label="患者姓名" min-width="100" property="name" align="center">
93 
-      </el-table-column>
94 
-      <el-table-column  label="性别" min-width="80" property="gender" align="center">
95 
-        <template slot-scope="scope"><span>{{getPatientGender(scope.row.gender)}}</span></template>
96 
-      </el-table-column>
97 
-      <el-table-column  label="年龄" min-width="80" property="birthday" align="center">
98 
-        <template slot-scope="scope"><span>{{tranAge(scope.row.birthday)}}</span></template>
99 
-      </el-table-column>
100 
-
101 
-    </el-table>
81 
+      <h4 class="hui">统计表</h4>
82 
+      <hr class="huixiao">
83 
+      <el-table
84 
+        ref="multipleTable"
85 
+        :data="tableData"
86 
+        border
87 
+        fit
88 
+        highlight-current-row
89 
+        style="width: 100%;margin-top: 10px;"
90 
+        :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)'}"
91 
+      >
92 
+
93 
+        <el-table-column  label="透析号" min-width="100" property="dialysis_no" align="center">
94 
+        </el-table-column>
95 
+        <el-table-column  label="患者姓名" min-width="100" property="name" align="center">
96 
+        </el-table-column>
97 
+        <el-table-column  label="性别" min-width="80" property="gender" align="center">
98 
+          <template slot-scope="scope"><span>{{getPatientGender(scope.row.gender)}}</span></template>
99 
+        </el-table-column>
100 
+        <el-table-column  label="年龄" min-width="80" property="birthday" align="center">
101 
+          <template slot-scope="scope"><span>{{tranAge(scope.row.birthday)}}</span></template>
102 
+        </el-table-column>
103 
+
104 
+      </el-table>
102
105
103 
-    <!-- <pagi-nation title="分页"></pagi-nation> -->
106 
+      <!-- <pagi-nation title="分页"></pagi-nation> -->
104
107
105 
-    <el-pagination
106 
-      @size-change="handleSizeChange"
107 
-      @current-change="handleCurrentChange"
108 
-      :current-page="listQuery.pate"
109 
-      :page-sizes="[10, 20, 50, 100]"
110 
-      :page-size="10"
111 
-      background
112 
-      style="margin-top:20px;"
113 
-      layout="total, sizes, prev, pager, next, jumper"
114 
-      :total="total"
115 
-    ></el-pagination>
108 
+      <el-pagination
109 
+      align='right'
110 
+        @size-change="handleSizeChange"
111 
+        @current-change="handleCurrentChange"
112 
+        :current-page="listQuery.pate"
113 
+        :page-sizes="[10, 20, 50, 100]"
114 
+        :page-size="10"
115 
+        background
116 
+        style="margin-top:20px;"
117 
+        layout="total, sizes, prev, pager, next, jumper"
118 
+        :total="total"
119 
+      ></el-pagination>
120 
+    </div>
116 
   </div>
 121 
   </div>
117 
 </template>
 122 
 </template>
118
123
122 
 import PieChart from '../components/PieChart'
 127 
 import PieChart from '../components/PieChart'
123 
 import {jsGetAge, uParseTime} from "@/utils/tools";
 128 
 import {jsGetAge, uParseTime} from "@/utils/tools";
124 
 import analysisNav from './components/analysisNav'
 129 
 import analysisNav from './components/analysisNav'
130 
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
125 
 export default {
 131 
 export default {
126 
   name: "totalAnalysis",
 132 
   name: "totalAnalysis",
127 
   data() {
 133 
   data() {
128 
     return {
 134 
     return {
135 
+      crumbs:[
136 
+        {path:false, name:'科室质控'},
137 
+        {path:false, name:'患者分析'},
138 
+        {path:false, name:'总量分析'},
139 
+      ],
129 
       total: 0,
 140 
       total: 0,
130 
       patientMap:{},
 141 
       patientMap:{},
131 
       listQuery: {
 142 
       listQuery: {
153 
         { value: 3, label: "40～50", age: 3 },
 164 
         { value: 3, label: "40～50", age: 3 },
154 
         { value: 4, label: "其他", age: 4 },
 165 
         { value: 4, label: "其他", age: 4 },
155 
       ],
 166 
       ],
156 
-      pickerOptions: {
157 
-        shortcuts: [
158 
-          {
159 
-            text: "今天",
160 
-            onClick(picker) {
161 
-              picker.$emit("pick", new Date());
162 
-            }
163 
-          },
164 
-          {
165 
-            text: "昨天",
166 
-            onClick(picker) {
167 
-              const date = new Date();
168 
-              date.setTime(date.getTime() - 3600 * 1000 * 24);
169 
-              picker.$emit("pick", date);
170 
-            }
171 
-          },
172 
-          {
173 
-            text: "一周前",
174 
-            onClick(picker) {
175 
-              const date = new Date();
176 
-              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
177 
-              picker.$emit("pick", date);
178 
-            }
179 
-          },
180 
-          {
181 
-            text: "清空",
182 
-            onClick(picker) {
183 
-              picker.$emit("pick");
184 
-            }
185 
-          }
186 
-        ]
187 
-      }
188 
     };
 167 
     };
189 
   },
 168 
   },
190 
   created() {
 169 
   created() {
307 
   },
 286 
   },
308 
   components: {
 287 
   components: {
309 
       analysisNav,
 288 
       analysisNav,
310 
-      PieChart
289 
+      PieChart,
290 
+      BreadCrumb
311 
   }
 291 
   }
312 
 };
 292 
 };
313 
 </script>
 293 
 </script>
324 
 <style rel="stylesheet/scss" lang="scss" scoped>
 304 
 <style rel="stylesheet/scss" lang="scss" scoped>
325 
 .app-container {
 305 
 .app-container {
326 
 //   margin: 20px;
 306 
 //   margin: 20px;
327 
-    margin-bottom: 50px;
328 
   font-size: 15px;
 307 
   font-size: 15px;
329 
   .filter-container {
 308 
   .filter-container {
330 
     padding-bottom: 5px;
 309 
     padding-bottom: 5px;
336 
   .huixiao {
 315 
   .huixiao {
337 
     border: solid 1px #ebeef5;
 316 
     border: solid 1px #ebeef5;
338 
   }
 317 
   }
339 
-  .el-pagination {
340 
-    float: right !important;
341 
-  }
342 
   .search-component {
 318 
   .search-component {
343 
     width: 500px;
 319 
     width: 500px;
344 
     .searchBox {
 320 
     .searchBox {

+ 142 - 166
src/xt_pages/qcd/patientAnalysis/dialysisAge.vue View File

1 
 <template>
 1 
 <template>
2 
-  <div class="app-container" id="outcome-indicators-query">
3 
-    <analysis-nav activeName="dialysisage"></analysis-nav>
4 
-
5 
-    <div class="cell">
6 
-      <label class="title">
7 
-        <span class="name">日期查询</span> :
8 
-      </label>
9 
-      <el-date-picker
10 
-        v-model="listQuery.start_time"
11 
-        prefix-icon="el-icon-date"
12 
-        @change="changeTime"
13 
-        :editable="false"
14 
-        style="width: 196px;"
15 
-        type="date"
16 
-        placeholder="选择日期时间"
17 
-        align="right"
18 
-        :picker-options="pickerOptions"
19 
-        format="yyyy-MM-dd"
20 
-        value-format="yyyy-MM-dd"
21 
-      ></el-date-picker>
22 
-      <span class>-</span>
23 
-      <el-date-picker
24 
-        v-model="listQuery.end_time"
25 
-        prefix-icon="el-icon-date"
26 
-        @change="changeTime"
27 
-        :editable="false"
28 
-        style="width: 196px;"
29 
-        type="date"
30 
-        placeholder="选择日期时间"
31 
-        align="right"
32 
-        :picker-options="pickerOptions"
33 
-        format="yyyy-MM-dd"
34 
-        value-format="yyyy-MM-dd"
35 
-      ></el-date-picker>
2 
+ <div class="main-contain">
3 
+    <div class="position">
4 
+      <bread-crumb :crumbs='crumbs'></bread-crumb>
36 
     </div>
 5 
     </div>
37 
-    <div class="cell clearfix">
38 
-      <label class="title">
39 
-        <span class="name">转归状态</span> :
40 
-      </label>
41 
-      <div class="time">
42 
-        <ul class>
43 
-          <li
44 
-            :class="item.lapseto==lapsetoType?'active':''"
45 
-            @click="selectLapseTo( item.lapseto)"
46 
-            v-for="item in lapsetoState"
47 
-            :key="item.value"
48 
-          >{{item.label}}</li>
49 
-        </ul>
6 
+    <div class="app-container" id="outcome-indicators-query">
7 
+      <analysis-nav activeName="dialysisage"></analysis-nav>
8 
+
9 
+      <div class="cell">
10 
+        <label class="title">
11 
+          <span class="name">日期查询</span> :
12 
+        </label>
13 
+        <el-date-picker
14 
+          v-model="listQuery.start_time"
15 
+          prefix-icon="el-icon-date"
16 
+          @change="changeTime"
17 
+          :editable="false"
18 
+          style="width: 196px;"
19 
+          type="date"
20 
+          placeholder="选择日期时间"
21 
+          align="right"
22 
+          format="yyyy-MM-dd"
23 
+          value-format="yyyy-MM-dd"
24 
+        ></el-date-picker>
25 
+        <span class>-</span>
26 
+        <el-date-picker
27 
+          v-model="listQuery.end_time"
28 
+          prefix-icon="el-icon-date"
29 
+          @change="changeTime"
30 
+          :editable="false"
31 
+          style="width: 196px;"
32 
+          type="date"
33 
+          placeholder="选择日期时间"
34 
+          align="right"
35 
+          format="yyyy-MM-dd"
36 
+          value-format="yyyy-MM-dd"
37 
+        ></el-date-picker>
50 
       </div>
 38 
       </div>
51 
-    </div>
52 
-    <div class="cell clearfix">
53 
-      <label class="title">
54 
-        <span class="name">年龄</span> :
55 
-      </label>
56 
-      <div class="time">
57 
-        <ul class>
58 
-          <li
59 
-            :class="item.age==ageType?'active':''"
60 
-            @click="selectAge( item.age)"
61 
-            v-for="item in ageOptions"
62 
-            :key="item.value"
63 
-          >{{item.label}}</li>
64 
-        </ul>
39 
+      <div class="cell clearfix">
40 
+        <label class="title">
41 
+          <span class="name">转归状态</span> :
42 
+        </label>
43 
+        <div class="time">
44 
+          <ul class>
45 
+            <li
46 
+              :class="item.lapseto==lapsetoType?'active':''"
47 
+              @click="selectLapseTo( item.lapseto)"
48 
+              v-for="item in lapsetoState"
49 
+              :key="item.value"
50 
+            >{{item.label}}</li>
51 
+          </ul>
52 
+        </div>
65 
       </div>
 53 
       </div>
66 
-    </div>
67 
-    <div class="cell clearfix">
68 
-      <label class="title">
69 
-        <span class="name">透析龄</span> :
70 
-      </label>
71 
-      <div class="time">
72 
-        <ul class>
73 
-          <li
74 
-            :class="item.age==dialysisAgeType?'active':''"
75 
-            @click="selectDialysisAge( item.age)"
76 
-            v-for="item in dialysisAgeOptions"
77 
-            :key="item.value"
78 
-          >{{item.label}}</li>
79 
-        </ul>
54 
+      <div class="cell clearfix">
55 
+        <label class="title">
56 
+          <span class="name">年龄</span> :
57 
+        </label>
58 
+        <div class="time">
59 
+          <ul class>
60 
+            <li
61 
+              :class="item.age==ageType?'active':''"
62 
+              @click="selectAge( item.age)"
63 
+              v-for="item in ageOptions"
64 
+              :key="item.value"
65 
+            >{{item.label}}</li>
66 
+          </ul>
67 
+        </div>
68 
+      </div>
69 
+      <div class="cell clearfix">
70 
+        <label class="title">
71 
+          <span class="name">透析龄</span> :
72 
+        </label>
73 
+        <div class="time">
74 
+          <ul class>
75 
+            <li
76 
+              :class="item.age==dialysisAgeType?'active':''"
77 
+              @click="selectDialysisAge( item.age)"
78 
+              v-for="item in dialysisAgeOptions"
79 
+              :key="item.value"
80 
+            >{{item.label}}</li>
81 
+          </ul>
82 
+        </div>
80 
       </div>
 83 
       </div>
81 
-    </div>
82
84
83
85
84 
-    <h4 class="hui">统计图</h4>
85 
-    <hr class="huixiao">
86 
-    <el-row :gutter="32">
87 
-      <el-col :xs="24" :sm="24" :lg="24">
88 
-        <div class="chart-wrapper">
89 
-            <pie-chart title="透析龄分布情况（人）:" :options="CompletionOptions"/>
90 
-        </div>
91 
-      </el-col>
92 
-    </el-row>
86 
+      <h4 class="hui">统计图</h4>
87 
+      <hr class="huixiao">
88 
+      <el-row :gutter="32">
89 
+        <el-col :xs="24" :sm="24" :lg="24">
90 
+          <div class="chart-wrapper">
91 
+              <pie-chart title="透析龄分布情况（人）:" :options="CompletionOptions"/>
92 
+          </div>
93 
+        </el-col>
94 
+      </el-row>
93
95
94 
-    <h4 class="hui">统计表</h4>
95 
-    <hr class="huixiao">
96 
-    <el-table
97 
-      ref="multipleTable"
98 
-      :data="tableData"
99 
-      border
100 
-      fit
101 
-      highlight-current-row
102 
-      style="width: 100%;margin-top: 10px;"
103 
-    >
104 
-
105 
-      <el-table-column  label="透析号" min-width="100" property="dialysis_no" align="center">
106 
-      </el-table-column>
107 
-      <el-table-column  label="患者姓名" min-width="100" property="name" align="center">
108 
-      </el-table-column>
109 
-      <el-table-column  label="性别" min-width="80" property="gender" align="center">
110 
-        <template slot-scope="scope"><span>{{getPatientGender(scope.row.gender)}}</span></template>
111 
-      </el-table-column>
112 
-      <el-table-column  label="年龄" min-width="80" property="birthday" align="center">
113 
-        <template slot-scope="scope"><span>{{tranAge(scope.row.birthday)}}</span></template>
114 
-      </el-table-column>
115 
-      <el-table-column  label="归转状态" min-width="80" property="lapseto" align="center">
116 
-        <template slot-scope="scope"><span>{{tranLapseto(scope.row.lapseto)}}</span></template>
117 
-      </el-table-column>
118 
-      <el-table-column  label="首次透析日期" min-width="80" property="first_dialysis_date" align="center">
119 
-        <template slot-scope="scope"><span>{{getFirstDialysisDate(scope.row.first_dialysis_date)}}</span></template>
120 
-      </el-table-column>
121 
-      <el-table-column  label="透析龄" min-width="80" property="first_dialysis_date" align="center">
122 
-        <template slot-scope="scope"><span>{{dialysisAge(scope.row.first_dialysis_date)}}</span></template>
123 
-      </el-table-column>
124 
-
125 
-    </el-table>
96 
+      <h4 class="hui">统计表</h4>
97 
+      <hr class="huixiao">
98 
+      <el-table
99 
+        ref="multipleTable"
100 
+        :data="tableData"
101 
+        border
102 
+        fit
103 
+        highlight-current-row
104 
+        style="width: 100%;margin-top: 10px;"
105 
+        :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)'}"
106 
+      >
107 
+
108 
+        <el-table-column  label="透析号" min-width="100" property="dialysis_no" align="center">
109 
+        </el-table-column>
110 
+        <el-table-column  label="患者姓名" min-width="100" property="name" align="center">
111 
+        </el-table-column>
112 
+        <el-table-column  label="性别" min-width="80" property="gender" align="center">
113 
+          <template slot-scope="scope"><span>{{getPatientGender(scope.row.gender)}}</span></template>
114 
+        </el-table-column>
115 
+        <el-table-column  label="年龄" min-width="80" property="birthday" align="center">
116 
+          <template slot-scope="scope"><span>{{tranAge(scope.row.birthday)}}</span></template>
117 
+        </el-table-column>
118 
+        <el-table-column  label="归转状态" min-width="80" property="lapseto" align="center">
119 
+          <template slot-scope="scope"><span>{{tranLapseto(scope.row.lapseto)}}</span></template>
120 
+        </el-table-column>
121 
+        <el-table-column  label="首次透析日期" min-width="80" property="first_dialysis_date" align="center">
122 
+          <template slot-scope="scope"><span>{{getFirstDialysisDate(scope.row.first_dialysis_date)}}</span></template>
123 
+        </el-table-column>
124 
+        <el-table-column  label="透析龄" min-width="80" property="first_dialysis_date" align="center">
125 
+          <template slot-scope="scope"><span>{{dialysisAge(scope.row.first_dialysis_date)}}</span></template>
126 
+        </el-table-column>
127 
+
128 
+      </el-table>
126
129
127 
-    <!-- <pagi-nation title="分页"></pagi-nation> -->
130 
+      <!-- <pagi-nation title="分页"></pagi-nation> -->
128
131
129 
-    <el-pagination
130 
-      @size-change="handleSizeChange"
131 
-      @current-change="handleCurrentChange"
132 
-      :current-page="listQuery.pate"
133 
-      :page-sizes="[10, 20, 50, 100]"
134 
-      :page-size="10"
135 
-      background
136 
-      style="margin-top:20px;"
137 
-      layout="total, sizes, prev, pager, next, jumper"
138 
-      :total="total"
139 
-    ></el-pagination>
132 
+      <el-pagination
133 
+      align="right"
134 
+        @size-change="handleSizeChange"
135 
+        @current-change="handleCurrentChange"
136 
+        :current-page="listQuery.pate"
137 
+        :page-sizes="[10, 20, 50, 100]"
138 
+        :page-size="10"
139 
+        background
140 
+        style="margin-top:20px;"
141 
+        layout="total, sizes, prev, pager, next, jumper"
142 
+        :total="total"
143 
+      ></el-pagination>
144 
+    </div>
140 
   </div>
 145 
   </div>
141 
 </template>
 146 
 </template>
142
147
146 
 import PieChart from '../components/PieChart'
 151 
 import PieChart from '../components/PieChart'
147 
 import {jsGetAge, uParseTime, dialysisAge} from "@/utils/tools";
 152 
 import {jsGetAge, uParseTime, dialysisAge} from "@/utils/tools";
148 
 import analysisNav from './components/analysisNav'
 153 
 import analysisNav from './components/analysisNav'
154 
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
149 
 export default {
 155 
 export default {
150 
   name: "totalAnalysis",
 156 
   name: "totalAnalysis",
151 
   data() {
 157 
   data() {
152 
     return {
 158 
     return {
159 
+      crumbs:[
160 
+        {path:false, name:'科室质控'},
161 
+        {path:false, name:'患者分析'},
162 
+        {path:false, name:'透析龄分析'},
163 
+      ],
153 
       total: 0,
 164 
       total: 0,
154 
       patientMap:{},
 165 
       patientMap:{},
155 
       listQuery: {
 166 
       listQuery: {
194 
         4: { value: 4, label: "大于10年", age: 4 },
 205 
         4: { value: 4, label: "大于10年", age: 4 },
195 
         5: { value: 5, label: "大于20年", age: 5 },
 206 
         5: { value: 5, label: "大于20年", age: 5 },
196 
       },
 207 
       },
197 
-      pickerOptions: {
198 
-        shortcuts: [
199 
-          {
200 
-            text: "今天",
201 
-            onClick(picker) {
202 
-              picker.$emit("pick", new Date());
203 
-            }
204 
-          },
205 
-          {
206 
-            text: "昨天",
207 
-            onClick(picker) {
208 
-              const date = new Date();
209 
-              date.setTime(date.getTime() - 3600 * 1000 * 24);
210 
-              picker.$emit("pick", date);
211 
-            }
212 
-          },
213 
-          {
214 
-            text: "一周前",
215 
-            onClick(picker) {
216 
-              const date = new Date();
217 
-              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
218 
-              picker.$emit("pick", date);
219 
-            }
220 
-          },
221 
-          {
222 
-            text: "清空",
223 
-            onClick(picker) {
224 
-              picker.$emit("pick");
225 
-            }
226 
-          }
227 
-        ]
228 
-      }
229 
     };
 208 
     };
230 
   },
 209 
   },
231 
   created() {
 210 
   created() {
375 
   },
 354 
   },
376 
   components: {
 355 
   components: {
377 
       analysisNav,
 356 
       analysisNav,
378 
-      PieChart
357 
+      PieChart,
358 
+      BreadCrumb
379 
   }
 359 
   }
380 
 };
 360 
 };
381 
 </script>
 361 
 </script>
392 
 <style rel="stylesheet/scss" lang="scss" scoped>
 372 
 <style rel="stylesheet/scss" lang="scss" scoped>
393 
 .app-container {
 373 
 .app-container {
394 
 //   margin: 20px;
 374 
 //   margin: 20px;
395 
-    margin-bottom: 50px;
396 
   font-size: 15px;
 375 
   font-size: 15px;
397 
   .filter-container {
 376 
   .filter-container {
398 
     padding-bottom: 5px;
 377 
     padding-bottom: 5px;
404 
   .huixiao {
 383 
   .huixiao {
405 
     border: solid 1px #ebeef5;
 384 
     border: solid 1px #ebeef5;
406 
   }
 385 
   }
407 
-  .el-pagination {
408 
-    float: right !important;
409 
-  }
410 
   .search-component {
 386 
   .search-component {
411 
     width: 500px;
 387 
     width: 500px;
412 
     .searchBox {
 388 
     .searchBox {

+ 136 - 160
src/xt_pages/qcd/patientAnalysis/lapseto.vue View File

1 
 <template>
 1 
 <template>
2 
-  <div class="app-container" id="outcome-indicators-query">
3 
-    <analysis-nav activeName="lapseto"></analysis-nav>
4 
-
5 
-    <div class="cell">
6 
-      <label class="title">
7 
-        <span class="name">日期查询</span> :
8 
-      </label>
9 
-      <el-date-picker
10 
-        v-model="listQuery.start_time"
11 
-        prefix-icon="el-icon-date"
12 
-        @change="changeTime"
13 
-        :editable="false"
14 
-        style="width: 196px;"
15 
-        type="date"
16 
-        placeholder="选择日期时间"
17 
-        align="right"
18 
-        :picker-options="pickerOptions"
19 
-        format="yyyy-MM-dd"
20 
-        value-format="yyyy-MM-dd"
21 
-      ></el-date-picker>
22 
-      <span class>-</span>
23 
-      <el-date-picker
24 
-        v-model="listQuery.end_time"
25 
-        prefix-icon="el-icon-date"
26 
-        @change="changeTime"
27 
-        :editable="false"
28 
-        style="width: 196px;"
29 
-        type="date"
30 
-        placeholder="选择日期时间"
31 
-        align="right"
32 
-        :picker-options="pickerOptions"
33 
-        format="yyyy-MM-dd"
34 
-        value-format="yyyy-MM-dd"
35 
-      ></el-date-picker>
2 
+ <div class="main-contain">
3 
+    <div class="position">
4 
+      <bread-crumb :crumbs='crumbs'></bread-crumb>
36 
     </div>
 5 
     </div>
37 
-    <div class="cell clearfix">
38 
-      <label class="title">
39 
-        <span class="name">转归状态</span> :
40 
-      </label>
41 
-      <div class="time">
42 
-        <ul class>
43 
-          <li
44 
-            :class="item.lapseto==lapsetoType?'active':''"
45 
-            @click="selectLapseTo( item.lapseto)"
46 
-            v-for="item in lapsetoState"
47 
-            :key="item.value"
48 
-          >{{item.label}}</li>
49 
-        </ul>
6 
+    <div class="app-container" id="outcome-indicators-query">
7 
+      <analysis-nav activeName="lapseto"></analysis-nav>
8 
+
9 
+      <div class="cell">
10 
+        <label class="title">
11 
+          <span class="name">日期查询</span> :
12 
+        </label>
13 
+        <el-date-picker
14 
+          v-model="listQuery.start_time"
15 
+          prefix-icon="el-icon-date"
16 
+          @change="changeTime"
17 
+          :editable="false"
18 
+          style="width: 196px;"
19 
+          type="date"
20 
+          placeholder="选择日期时间"
21 
+          align="right"
22 
+          format="yyyy-MM-dd"
23 
+          value-format="yyyy-MM-dd"
24 
+        ></el-date-picker>
25 
+        <span class>-</span>
26 
+        <el-date-picker
27 
+          v-model="listQuery.end_time"
28 
+          prefix-icon="el-icon-date"
29 
+          @change="changeTime"
30 
+          :editable="false"
31 
+          style="width: 196px;"
32 
+          type="date"
33 
+          placeholder="选择日期时间"
34 
+          align="right"
35 
+          format="yyyy-MM-dd"
36 
+          value-format="yyyy-MM-dd"
37 
+        ></el-date-picker>
50 
       </div>
 38 
       </div>
51 
-    </div>
52 
-    <div class="cell clearfix">
53 
-      <label class="title">
54 
-        <span class="name">患者来源</span> :
55 
-      </label>
56 
-      <div class="time">
57 
-        <ul class>
58 
-          <li
59 
-            :class="item.source==sourceType?'active':''"
60 
-            @click="selectSource( item.source)"
61 
-            v-for="item in sourceOptions"
62 
-            :key="item.value"
63 
-          >{{item.label}}</li>
64 
-        </ul>
39 
+      <div class="cell clearfix">
40 
+        <label class="title">
41 
+          <span class="name">转归状态</span> :
42 
+        </label>
43 
+        <div class="time">
44 
+          <ul class>
45 
+            <li
46 
+              :class="item.lapseto==lapsetoType?'active':''"
47 
+              @click="selectLapseTo( item.lapseto)"
48 
+              v-for="item in lapsetoState"
49 
+              :key="item.value"
50 
+            >{{item.label}}</li>
51 
+          </ul>
52 
+        </div>
65 
       </div>
 53 
       </div>
66 
-    </div>
67 
-    <div class="cell clearfix">
68 
-      <label class="title">
69 
-        <span class="name">年龄</span> :
70 
-      </label>
71 
-      <div class="time">
72 
-        <ul class>
73 
-          <li
74 
-            :class="item.age==ageType?'active':''"
75 
-            @click="selectAge( item.age)"
76 
-            v-for="item in ageOptions"
77 
-            :key="item.value"
78 
-          >{{item.label}}</li>
79 
-        </ul>
54 
+      <div class="cell clearfix">
55 
+        <label class="title">
56 
+          <span class="name">患者来源</span> :
57 
+        </label>
58 
+        <div class="time">
59 
+          <ul class>
60 
+            <li
61 
+              :class="item.source==sourceType?'active':''"
62 
+              @click="selectSource( item.source)"
63 
+              v-for="item in sourceOptions"
64 
+              :key="item.value"
65 
+            >{{item.label}}</li>
66 
+          </ul>
67 
+        </div>
68 
+      </div>
69 
+      <div class="cell clearfix">
70 
+        <label class="title">
71 
+          <span class="name">年龄</span> :
72 
+        </label>
73 
+        <div class="time">
74 
+          <ul class>
75 
+            <li
76 
+              :class="item.age==ageType?'active':''"
77 
+              @click="selectAge( item.age)"
78 
+              v-for="item in ageOptions"
79 
+              :key="item.value"
80 
+            >{{item.label}}</li>
81 
+          </ul>
82 
+        </div>
80 
       </div>
 83 
       </div>
81 
-    </div>
82
84
83
85
84 
-    <h4 class="hui">统计图</h4>
85 
-    <hr class="huixiao">
86 
-    <el-row :gutter="32">
87 
-      <el-col :xs="24" :sm="24" :lg="24">
88 
-        <div class="chart-wrapper">
89 
-            <pie-chart title="" :options="CompletionOptions"/>
90 
-        </div>
91 
-      </el-col>
92 
-    </el-row>
86 
+      <h4 class="hui">统计图</h4>
87 
+      <hr class="huixiao">
88 
+      <el-row :gutter="32">
89 
+        <el-col :xs="24" :sm="24" :lg="24">
90 
+          <div class="chart-wrapper">
91 
+              <pie-chart title="" :options="CompletionOptions"/>
92 
+          </div>
93 
+        </el-col>
94 
+      </el-row>
93
95
94 
-    <h4 class="hui">统计表</h4>
95 
-    <hr class="huixiao">
96 
-    <el-table
97 
-      ref="multipleTable"
98 
-      :data="tableData"
99 
-      border
100 
-      fit
101 
-      highlight-current-row
102 
-      style="width: 100%;margin-top: 10px;"
103 
-    >
104 
-
105 
-      <el-table-column  label="日期" min-width="80" property="created_time" align="center">
106 
-        <template slot-scope="scope"><span>{{getTime(scope.row.created_time,'{y}-{m}-{d}')}}</span></template>
107 
-      </el-table-column>
108 
-      <el-table-column  label="透析号" min-width="100" property="dialysis_no" align="center">
109 
-      </el-table-column>
110 
-      <el-table-column  label="姓名" min-width="100" property="name" align="center">
111 
-      </el-table-column>
112 
-      <el-table-column  label="患者来源" min-width="80" property="source" align="center">
113 
-        <template slot-scope="scope"><span>{{getPatientSource(scope.row.source)}}</span></template>
114 
-      </el-table-column>
115 
-      <el-table-column  label="归转状态" min-width="80" property="lapseto" align="center">
116 
-        <template slot-scope="scope"><span>{{getPatientLapseto(scope.row.lapseto)}}</span></template>
117 
-      </el-table-column>
118 
-
119 
-    </el-table>
96 
+      <h4 class="hui">统计表</h4>
97 
+      <hr class="huixiao">
98 
+      <el-table
99 
+        ref="multipleTable"
100 
+        :data="tableData"
101 
+        border
102 
+        fit
103 
+        highlight-current-row
104 
+        style="width: 100%;margin-top: 10px;"
105 
+        :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)'}"
106 
+      >
107 
+
108 
+        <el-table-column  label="日期" min-width="80" property="created_time" align="center">
109 
+          <template slot-scope="scope"><span>{{getTime(scope.row.created_time,'{y}-{m}-{d}')}}</span></template>
110 
+        </el-table-column>
111 
+        <el-table-column  label="透析号" min-width="100" property="dialysis_no" align="center">
112 
+        </el-table-column>
113 
+        <el-table-column  label="姓名" min-width="100" property="name" align="center">
114 
+        </el-table-column>
115 
+        <el-table-column  label="患者来源" min-width="80" property="source" align="center">
116 
+          <template slot-scope="scope"><span>{{getPatientSource(scope.row.source)}}</span></template>
117 
+        </el-table-column>
118 
+        <el-table-column  label="归转状态" min-width="80" property="lapseto" align="center">
119 
+          <template slot-scope="scope"><span>{{getPatientLapseto(scope.row.lapseto)}}</span></template>
120 
+        </el-table-column>
121 
+
122 
+      </el-table>
120
123
121 
-    <!-- <pagi-nation title="分页"></pagi-nation> -->
124 
+      <!-- <pagi-nation title="分页"></pagi-nation> -->
122
125
123 
-    <el-pagination
124 
-      @size-change="handleSizeChange"
125 
-      @current-change="handleCurrentChange"
126 
-      :current-page="listQuery.pate"
127 
-      :page-sizes="[10, 20, 50, 100]"
128 
-      :page-size="10"
129 
-      background
130 
-      style="margin-top:20px;"
131 
-      layout="total, sizes, prev, pager, next, jumper"
132 
-      :total="total"
133 
-    ></el-pagination>
126 
+      <el-pagination
127 
+      align="right"
128 
+        @size-change="handleSizeChange"
129 
+        @current-change="handleCurrentChange"
130 
+        :current-page="listQuery.pate"
131 
+        :page-sizes="[10, 20, 50, 100]"
132 
+        :page-size="10"
133 
+        background
134 
+        style="margin-top:20px;"
135 
+        layout="total, sizes, prev, pager, next, jumper"
136 
+        :total="total"
137 
+      ></el-pagination>
138 
+    </div>
134 
   </div>
 139 
   </div>
135 
 </template>
 140 
 </template>
136
141
140 
 import PieChart from '../components/PieChart'
 145 
 import PieChart from '../components/PieChart'
141 
 import {jsGetAge, uParseTime} from "@/utils/tools";
 146 
 import {jsGetAge, uParseTime} from "@/utils/tools";
142 
 import analysisNav from './components/analysisNav'
 147 
 import analysisNav from './components/analysisNav'
148 
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
143 
 export default {
 149 
 export default {
144 
   name: "totalAnalysis",
 150 
   name: "totalAnalysis",
145 
   data() {
 151 
   data() {
146 
     return {
 152 
     return {
153 
+      crumbs:[
154 
+        {path:false, name:'科室质控'},
155 
+        {path:false, name:'患者分析'},
156 
+        {path:false, name:'转归分析'},
157 
+      ],
147 
       total: 0,
 158 
       total: 0,
148 
       patientMap:{},
 159 
       patientMap:{},
149 
       listQuery: {
 160 
       listQuery: {
178 
         { value: 3, label: "40～50", age: 3 },
 189 
         { value: 3, label: "40～50", age: 3 },
179 
         { value: 4, label: "其他", age: 4 },
 190 
         { value: 4, label: "其他", age: 4 },
180 
       ],
 191 
       ],
181 
-      pickerOptions: {
182 
-        shortcuts: [
183 
-          {
184 
-            text: "今天",
185 
-            onClick(picker) {
186 
-              picker.$emit("pick", new Date());
187 
-            }
188 
-          },
189 
-          {
190 
-            text: "昨天",
191 
-            onClick(picker) {
192 
-              const date = new Date();
193 
-              date.setTime(date.getTime() - 3600 * 1000 * 24);
194 
-              picker.$emit("pick", date);
195 
-            }
196 
-          },
197 
-          {
198 
-            text: "一周前",
199 
-            onClick(picker) {
200 
-              const date = new Date();
201 
-              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
202 
-              picker.$emit("pick", date);
203 
-            }
204 
-          },
205 
-          {
206 
-            text: "清空",
207 
-            onClick(picker) {
208 
-              picker.$emit("pick");
209 
-            }
210 
-          }
211 
-        ]
212 
-      }
213 
     };
 192 
     };
214 
   },
 193 
   },
215 
   created() {
 194 
   created() {
357 
   },
 336 
   },
358 
   components: {
 337 
   components: {
359 
       analysisNav,
 338 
       analysisNav,
360 
-      PieChart
339 
+      PieChart,
340 
+      BreadCrumb
361 
   }
 341 
   }
362 
 };
 342 
 };
363 
 </script>
 343 
 </script>
374 
 <style rel="stylesheet/scss" lang="scss" scoped>
 354 
 <style rel="stylesheet/scss" lang="scss" scoped>
375 
 .app-container {
 355 
 .app-container {
376 
 //   margin: 20px;
 356 
 //   margin: 20px;
377 
-    margin-bottom: 50px;
378 
   font-size: 15px;
 357 
   font-size: 15px;
379 
   .filter-container {
 358 
   .filter-container {
380 
     padding-bottom: 5px;
 359 
     padding-bottom: 5px;
386 
   .huixiao {
 365 
   .huixiao {
387 
     border: solid 1px #ebeef5;
 366 
     border: solid 1px #ebeef5;
388 
   }
 367 
   }
389 
-  .el-pagination {
390 
-    float: right !important;
391 
-  }
392 
   .search-component {
 368 
   .search-component {
393 
     width: 500px;
 369 
     width: 500px;
394 
     .searchBox {
 370 
     .searchBox {

+ 129 - 153
src/xt_pages/qcd/patientAnalysis/total.vue View File

1 
 <template>
 1 
 <template>
2 
-  <div class="app-container" id="outcome-indicators-query">
3 
-    <analysis-nav activeName="total"></analysis-nav>
4 
-
5 
-    <div class="cell">
6 
-      <el-form :inline="true" :model="listQuery" >
7 
-        <el-form-item label="">
8 
-          <el-input v-model="listQuery.search" placeholder="姓名/透析号"></el-input>
9 
-        </el-form-item>
10 
-        <el-form-item>
11 
-          <el-button type="primary" @click="onSearch">搜索</el-button>
12 
-        </el-form-item>
13 
-      </el-form>
14 
-    </div>
15 
-    <div class="cell">
16 
-      <label class="title">
17 
-        <span class="name">日期查询</span> :
18 
-      </label>
19 
-      <el-date-picker
20 
-        v-model="listQuery.start_time"
21 
-        prefix-icon="el-icon-date"
22 
-        @change="changeTime"
23 
-        :editable="false"
24 
-        style="width: 196px;"
25 
-        type="date"
26 
-        placeholder="选择日期时间"
27 
-        align="right"
28 
-        :picker-options="pickerOptions"
29 
-        format="yyyy-MM-dd"
30 
-        value-format="yyyy-MM-dd"
31 
-      ></el-date-picker>
32 
-      <span class>-</span>
33 
-      <el-date-picker
34 
-        v-model="listQuery.end_time"
35 
-        prefix-icon="el-icon-date"
36 
-        @change="changeTime"
37 
-        :editable="false"
38 
-        style="width: 196px;"
39 
-        type="date"
40 
-        placeholder="选择日期时间"
41 
-        align="right"
42 
-        :picker-options="pickerOptions"
43 
-        format="yyyy-MM-dd"
44 
-        value-format="yyyy-MM-dd"
45 
-      ></el-date-picker>
2 
+ <div class="main-contain">
3 
+    <div class="position">
4 
+      <bread-crumb :crumbs='crumbs'></bread-crumb>
46 
     </div>
 5 
     </div>
47 
-    <div class="cell clearfix">
48 
-      <label class="title">
49 
-        <span class="name">转归状态</span> :
50 
-      </label>
51 
-      <div class="time">
52 
-        <ul class>
53 
-          <li
54 
-            :class="item.lapseto==lapsetoType?'active':''"
55 
-            @click="selectLapseTo( item.lapseto)"
56 
-            v-for="item in lapsetoState"
57 
-            :key="item.value"
58 
-          >{{item.label}}</li>
59 
-        </ul>
6 
+    <div class="app-container" id="outcome-indicators-query">
7 
+      <analysis-nav activeName="total"></analysis-nav>
8 
+
9 
+      <div class="cell">
10 
+        <el-form :inline="true" :model="listQuery" >
11 
+          <el-form-item label="">
12 
+            <el-input v-model="listQuery.search" placeholder="姓名/透析号"></el-input>
13 
+          </el-form-item>
14 
+          <el-form-item>
15 
+            <el-button type="primary" @click="onSearch">搜索</el-button>
16 
+          </el-form-item>
17 
+        </el-form>
60 
       </div>
 18 
       </div>
61 
-    </div>
62 
-    <div class="cell clearfix">
63 
-      <label class="title">
64 
-        <span class="name">年龄</span> :
65 
-      </label>
66 
-      <div class="time">
67 
-        <ul class>
68 
-          <li
69 
-            :class="item.age==ageType?'active':''"
70 
-            @click="selectAge( item.age)"
71 
-            v-for="item in ageOptions"
72 
-            :key="item.value"
73 
-          >{{item.label}}</li>
74 
-        </ul>
19 
+      <div class="cell">
20 
+        <label class="title">
21 
+          <span class="name">日期查询</span> :
22 
+        </label>
23 
+        <el-date-picker
24 
+          v-model="listQuery.start_time"
25 
+          prefix-icon="el-icon-date"
26 
+          @change="changeTime"
27 
+          :editable="false"
28 
+          style="width: 196px;"
29 
+          type="date"
30 
+          placeholder="选择日期时间"
31 
+          align="right"
32 
+          format="yyyy-MM-dd"
33 
+          value-format="yyyy-MM-dd"
34 
+        ></el-date-picker>
35 
+        <span class>-</span>
36 
+        <el-date-picker
37 
+          v-model="listQuery.end_time"
38 
+          prefix-icon="el-icon-date"
39 
+          @change="changeTime"
40 
+          :editable="false"
41 
+          style="width: 196px;"
42 
+          type="date"
43 
+          placeholder="选择日期时间"
44 
+          align="right"
45 
+          format="yyyy-MM-dd"
46 
+          value-format="yyyy-MM-dd"
47 
+        ></el-date-picker>
48 
+      </div>
49 
+      <div class="cell clearfix">
50 
+        <label class="title">
51 
+          <span class="name">转归状态</span> :
52 
+        </label>
53 
+        <div class="time">
54 
+          <ul class>
55 
+            <li
56 
+              :class="item.lapseto==lapsetoType?'active':''"
57 
+              @click="selectLapseTo( item.lapseto)"
58 
+              v-for="item in lapsetoState"
59 
+              :key="item.value"
60 
+            >{{item.label}}</li>
61 
+          </ul>
62 
+        </div>
63 
+      </div>
64 
+      <div class="cell clearfix">
65 
+        <label class="title">
66 
+          <span class="name">年龄</span> :
67 
+        </label>
68 
+        <div class="time">
69 
+          <ul class>
70 
+            <li
71 
+              :class="item.age==ageType?'active':''"
72 
+              @click="selectAge( item.age)"
73 
+              v-for="item in ageOptions"
74 
+              :key="item.value"
75 
+            >{{item.label}}</li>
76 
+          </ul>
77 
+        </div>
75 
       </div>
 78 
       </div>
76 
-    </div>
77
79
78
80
79 
-    <h4 class="hui">统计图</h4>
80 
-    <hr class="huixiao">
81 
-    <el-row :gutter="32">
82 
-      <el-col :xs="24" :sm="24" :lg="24">
83 
-        <div class="chart-wrapper">
84 
-            <pie-chart title="" :options="CompletionOptions"/>
85 
-        </div>
86 
-      </el-col>
87 
-    </el-row>
81 
+      <h4 class="hui">统计图</h4>
82 
+      <hr class="huixiao">
83 
+      <el-row :gutter="32">
84 
+        <el-col :xs="24" :sm="24" :lg="24">
85 
+          <div class="chart-wrapper">
86 
+              <pie-chart title="" :options="CompletionOptions"/>
87 
+          </div>
88 
+        </el-col>
89 
+      </el-row>
88
90
89 
-    <h4 class="hui">统计表</h4>
90 
-    <hr class="huixiao">
91 
-    <el-table
92 
-      ref="multipleTable"
93 
-      :data="tableData"
94 
-      border
95 
-      fit
96 
-      highlight-current-row
97 
-      style="width: 100%;margin-top: 10px;"
98 
-    >
99 
-
100 
-      <el-table-column  label="透析号" min-width="100" property="dialysis_no" align="center">
101 
-      </el-table-column>
102 
-      <el-table-column  label="患者姓名" min-width="100" property="name" align="center">
103 
-      </el-table-column>
104 
-      <el-table-column  label="性别" min-width="80" property="gender" align="center">
105 
-        <template slot-scope="scope"><span>{{getPatientGender(scope.row.gender)}}</span></template>
106 
-      </el-table-column>
107 
-      <el-table-column  label="年龄" min-width="80" property="birthday" align="center">
108 
-        <template slot-scope="scope"><span>{{tranAge(scope.row.birthday)}}</span></template>
109 
-      </el-table-column>
110 
-
111 
-    </el-table>
91 
+      <h4 class="hui">统计表</h4>
92 
+      <hr class="huixiao">
93 
+      <el-table
94 
+        ref="multipleTable"
95 
+        :data="tableData"
96 
+        border
97 
+        fit
98 
+        highlight-current-row
99 
+        style="width: 100%;margin-top: 10px;"
100 
+        :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)'}"
101 
+      >
102 
+
103 
+        <el-table-column  label="透析号" min-width="100" property="dialysis_no" align="center">
104 
+        </el-table-column>
105 
+        <el-table-column  label="患者姓名" min-width="100" property="name" align="center">
106 
+        </el-table-column>
107 
+        <el-table-column  label="性别" min-width="80" property="gender" align="center">
108 
+          <template slot-scope="scope"><span>{{getPatientGender(scope.row.gender)}}</span></template>
109 
+        </el-table-column>
110 
+        <el-table-column  label="年龄" min-width="80" property="birthday" align="center">
111 
+          <template slot-scope="scope"><span>{{tranAge(scope.row.birthday)}}</span></template>
112 
+        </el-table-column>
113 
+
114 
+      </el-table>
112
115
113 
-    <!-- <pagi-nation title="分页"></pagi-nation> -->
116 
+      <!-- <pagi-nation title="分页"></pagi-nation> -->
114
117
115 
-    <el-pagination
116 
-      @size-change="handleSizeChange"
117 
-      @current-change="handleCurrentChange"
118 
-      :current-page="listQuery.pate"
119 
-      :page-sizes="[10, 20, 50, 100]"
120 
-      :page-size="10"
121 
-      background
122 
-      style="margin-top:20px;"
123 
-      layout="total, sizes, prev, pager, next, jumper"
124 
-      :total="total"
125 
-    ></el-pagination>
118 
+      <el-pagination
119 
+      align='right'
120 
+        @size-change="handleSizeChange"
121 
+        @current-change="handleCurrentChange"
122 
+        :current-page="listQuery.pate"
123 
+        :page-sizes="[10, 20, 50, 100]"
124 
+        :page-size="10"
125 
+        background
126 
+        style="margin-top:20px;"
127 
+        layout="total, sizes, prev, pager, next, jumper"
128 
+        :total="total"
129 
+      ></el-pagination>
130 
+    </div>
126 
   </div>
 131 
   </div>
127 
 </template>
 132 
 </template>
128
133
132 
 import PieChart from '../components/PieChart'
 137 
 import PieChart from '../components/PieChart'
133 
 import {jsGetAge, uParseTime} from "@/utils/tools";
 138 
 import {jsGetAge, uParseTime} from "@/utils/tools";
134 
 import analysisNav from './components/analysisNav'
 139 
 import analysisNav from './components/analysisNav'
140 
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
135 
 export default {
 141 
 export default {
136 
   name: "totalAnalysis",
 142 
   name: "totalAnalysis",
137 
   data() {
 143 
   data() {
138 
     return {
 144 
     return {
145 
+      crumbs:[
146 
+        {path:false, name:'科室质控'},
147 
+        {path:false, name:'患者分析'},
148 
+        {path:false, name:'总量分析'},
149 
+      ],
139 
       total: 0,
 150 
       total: 0,
140 
       patientMap:{},
 151 
       patientMap:{},
141 
       listQuery: {
 152 
       listQuery: {
163 
         { value: 3, label: "40～50", age: 3 },
 174 
         { value: 3, label: "40～50", age: 3 },
164 
         { value: 4, label: "其他", age: 4 },
 175 
         { value: 4, label: "其他", age: 4 },
165 
       ],
 176 
       ],
166 
-      pickerOptions: {
167 
-        shortcuts: [
168 
-          {
169 
-            text: "今天",
170 
-            onClick(picker) {
171 
-              picker.$emit("pick", new Date());
172 
-            }
173 
-          },
174 
-          {
175 
-            text: "昨天",
176 
-            onClick(picker) {
177 
-              const date = new Date();
178 
-              date.setTime(date.getTime() - 3600 * 1000 * 24);
179 
-              picker.$emit("pick", date);
180 
-            }
181 
-          },
182 
-          {
183 
-            text: "一周前",
184 
-            onClick(picker) {
185 
-              const date = new Date();
186 
-              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
187 
-              picker.$emit("pick", date);
188 
-            }
189 
-          },
190 
-          {
191 
-            text: "清空",
192 
-            onClick(picker) {
193 
-              picker.$emit("pick");
194 
-            }
195 
-          }
196 
-        ]
197 
-      }
198 
     };
 177 
     };
199 
   },
 178 
   },
200 
   created() {
 179 
   created() {
320 
   },
 299 
   },
321 
   components: {
 300 
   components: {
322 
       analysisNav,
 301 
       analysisNav,
323 
-      PieChart
302 
+      PieChart,
303 
+      BreadCrumb
324 
   }
 304 
   }
325 
 };
 305 
 };
326 
 </script>
 306 
 </script>
337 
 <style rel="stylesheet/scss" lang="scss" scoped>
 317 
 <style rel="stylesheet/scss" lang="scss" scoped>
338 
 .app-container {
 318 
 .app-container {
339 
 //   margin: 20px;
 319 
 //   margin: 20px;
340 
-    margin-bottom: 50px;
341 
   font-size: 15px;
 320 
   font-size: 15px;
342 
   .filter-container {
 321 
   .filter-container {
343 
     padding-bottom: 5px;
 322 
     padding-bottom: 5px;
349 
   .huixiao {
 328 
   .huixiao {
350 
     border: solid 1px #ebeef5;
 329 
     border: solid 1px #ebeef5;
351 
   }
 330 
   }
352 
-  .el-pagination {
353 
-    float: right !important;
354 
-  }
355 
   .search-component {
 331 
   .search-component {
356 
     width: 500px;
 332 
     width: 500px;
357 
     .searchBox {
 333 
     .searchBox {

+ 119 - 143
src/xt_pages/qcd/patientAnalysis/weight.vue View File

1 
 <template>
 1 
 <template>
2 
-  <div class="app-container" id="outcome-indicators-query">
3 
-    <analysis-nav activeName="weight"></analysis-nav>
4 
-
5 
-    <div class="cell">
6 
-      <label class="title">
7 
-        <span class="name">日期查询</span> :
8 
-      </label>
9 
-      <el-date-picker
10 
-        v-model="listQuery.start_time"
11 
-        prefix-icon="el-icon-date"
12 
-        @change="changeTime"
13 
-        :editable="false"
14 
-        style="width: 196px;"
15 
-        type="date"
16 
-        placeholder="选择日期时间"
17 
-        align="right"
18 
-        :picker-options="pickerOptions"
19 
-        format="yyyy-MM-dd"
20 
-        value-format="yyyy-MM-dd"
21 
-      ></el-date-picker>
22 
-      <span class>-</span>
23 
-      <el-date-picker
24 
-        v-model="listQuery.end_time"
25 
-        prefix-icon="el-icon-date"
26 
-        @change="changeTime"
27 
-        :editable="false"
28 
-        style="width: 196px;"
29 
-        type="date"
30 
-        placeholder="选择日期时间"
31 
-        align="right"
32 
-        :picker-options="pickerOptions"
33 
-        format="yyyy-MM-dd"
34 
-        value-format="yyyy-MM-dd"
35 
-      ></el-date-picker>
2 
+ <div class="main-contain">
3 
+    <div class="position">
4 
+      <bread-crumb :crumbs='crumbs'></bread-crumb>
36 
     </div>
 5 
     </div>
37 
-    <div class="cell clearfix">
38 
-      <label class="title">
39 
-        <span class="name">转归状态</span> :
40 
-      </label>
41 
-      <div class="time">
42 
-        <ul class>
43 
-          <li
44 
-            :class="item.lapseto==lapsetoType?'active':''"
45 
-            @click="selectLapseTo( item.lapseto)"
46 
-            v-for="item in lapsetoState"
47 
-            :key="item.value"
48 
-          >{{item.label}}</li>
49 
-        </ul>
6 
+    <div class="app-container" id="outcome-indicators-query">
7 
+      <analysis-nav activeName="weight"></analysis-nav>
8 
+
9 
+      <div class="cell">
10 
+        <label class="title">
11 
+          <span class="name">日期查询</span> :
12 
+        </label>
13 
+        <el-date-picker
14 
+          v-model="listQuery.start_time"
15 
+          prefix-icon="el-icon-date"
16 
+          @change="changeTime"
17 
+          :editable="false"
18 
+          style="width: 196px;"
19 
+          type="date"
20 
+          placeholder="选择日期时间"
21 
+          align="right"
22 
+          format="yyyy-MM-dd"
23 
+          value-format="yyyy-MM-dd"
24 
+        ></el-date-picker>
25 
+        <span class>-</span>
26 
+        <el-date-picker
27 
+          v-model="listQuery.end_time"
28 
+          prefix-icon="el-icon-date"
29 
+          @change="changeTime"
30 
+          :editable="false"
31 
+          style="width: 196px;"
32 
+          type="date"
33 
+          placeholder="选择日期时间"
34 
+          align="right"
35 
+          format="yyyy-MM-dd"
36 
+          value-format="yyyy-MM-dd"
37 
+        ></el-date-picker>
50 
       </div>
 38 
       </div>
51 
-    </div>
52 
-    <div class="cell clearfix">
53 
-      <label class="title">
54 
-        <span class="name">年龄</span> :
55 
-      </label>
56 
-      <div class="time">
57 
-        <ul class>
58 
-          <li
59 
-            :class="item.age==ageType?'active':''"
60 
-            @click="selectAge( item.age)"
61 
-            v-for="item in ageOptions"
62 
-            :key="item.value"
63 
-          >{{item.label}}</li>
64 
-        </ul>
39 
+      <div class="cell clearfix">
40 
+        <label class="title">
41 
+          <span class="name">转归状态</span> :
42 
+        </label>
43 
+        <div class="time">
44 
+          <ul class>
45 
+            <li
46 
+              :class="item.lapseto==lapsetoType?'active':''"
47 
+              @click="selectLapseTo( item.lapseto)"
48 
+              v-for="item in lapsetoState"
49 
+              :key="item.value"
50 
+            >{{item.label}}</li>
51 
+          </ul>
52 
+        </div>
53 
+      </div>
54 
+      <div class="cell clearfix">
55 
+        <label class="title">
56 
+          <span class="name">年龄</span> :
57 
+        </label>
58 
+        <div class="time">
59 
+          <ul class>
60 
+            <li
61 
+              :class="item.age==ageType?'active':''"
62 
+              @click="selectAge( item.age)"
63 
+              v-for="item in ageOptions"
64 
+              :key="item.value"
65 
+            >{{item.label}}</li>
66 
+          </ul>
67 
+        </div>
65 
       </div>
 68 
       </div>
66 
-    </div>
67
69
68
70
69 
-    <h4 class="hui">统计图</h4>
70 
-    <hr class="huixiao">
71 
-    <el-row :gutter="32">
72 
-      <el-col :xs="24" :sm="24" :lg="24">
73 
-        <div class="chart-wrapper">
74 
-            <pie-chart title="留治情况" :options="CompletionOptions"/>
75 
-        </div>
76 
-      </el-col>
77 
-    </el-row>
71 
+      <h4 class="hui">统计图</h4>
72 
+      <hr class="huixiao">
73 
+      <el-row :gutter="32">
74 
+        <el-col :xs="24" :sm="24" :lg="24">
75 
+          <div class="chart-wrapper">
76 
+              <pie-chart title="留治情况" :options="CompletionOptions"/>
77 
+          </div>
78 
+        </el-col>
79 
+      </el-row>
78
80
79 
-    <h4 class="hui">统计表</h4>
80 
-    <hr class="huixiao">
81 
-    <el-table
82 
-      ref="multipleTable"
83 
-      :data="tableData"
84 
-      border
85 
-      fit
86 
-      highlight-current-row
87 
-      style="width: 100%;margin-top: 10px;"
88 
-    >
89 
-
90 
-      <el-table-column  label="透析号" min-width="100" property="dialysis_no" align="center">
91 
-      </el-table-column>
92 
-      <el-table-column  label="患者姓名" min-width="100" property="name" align="center">
93 
-      </el-table-column>
94 
-      <el-table-column  label="性别" min-width="80" property="gender" align="center">
95 
-        <template slot-scope="scope"><span>{{getPatientGender(scope.row.gender)}}</span></template>
96 
-      </el-table-column>
97 
-      <el-table-column  label="年龄" min-width="80" property="birthday" align="center">
98 
-        <template slot-scope="scope"><span>{{tranAge(scope.row.birthday)}}</span></template>
99 
-      </el-table-column>
100 
-
101 
-    </el-table>
81 
+      <h4 class="hui">统计表</h4>
82 
+      <hr class="huixiao">
83 
+      <el-table
84 
+        ref="multipleTable"
85 
+        :data="tableData"
86 
+        border
87 
+        fit
88 
+        highlight-current-row
89 
+        style="width: 100%;margin-top: 10px;"
90 
+        :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)'}"
91 
+      >
92 
+
93 
+        <el-table-column  label="透析号" min-width="100" property="dialysis_no" align="center">
94 
+        </el-table-column>
95 
+        <el-table-column  label="患者姓名" min-width="100" property="name" align="center">
96 
+        </el-table-column>
97 
+        <el-table-column  label="性别" min-width="80" property="gender" align="center">
98 
+          <template slot-scope="scope"><span>{{getPatientGender(scope.row.gender)}}</span></template>
99 
+        </el-table-column>
100 
+        <el-table-column  label="年龄" min-width="80" property="birthday" align="center">
101 
+          <template slot-scope="scope"><span>{{tranAge(scope.row.birthday)}}</span></template>
102 
+        </el-table-column>
103 
+
104 
+      </el-table>
102
105
103 
-    <!-- <pagi-nation title="分页"></pagi-nation> -->
106 
+      <!-- <pagi-nation title="分页"></pagi-nation> -->
104
107
105 
-    <el-pagination
106 
-      @size-change="handleSizeChange"
107 
-      @current-change="handleCurrentChange"
108 
-      :current-page="listQuery.pate"
109 
-      :page-sizes="[10, 20, 50, 100]"
110 
-      :page-size="10"
111 
-      background
112 
-      style="margin-top:20px;"
113 
-      layout="total, sizes, prev, pager, next, jumper"
114 
-      :total="total"
115 
-    ></el-pagination>
108 
+      <el-pagination
109 
+      align="right"
110 
+        @size-change="handleSizeChange"
111 
+        @current-change="handleCurrentChange"
112 
+        :current-page="listQuery.pate"
113 
+        :page-sizes="[10, 20, 50, 100]"
114 
+        :page-size="10"
115 
+        background
116 
+        style="margin-top:20px;"
117 
+        layout="total, sizes, prev, pager, next, jumper"
118 
+        :total="total"
119 
+      ></el-pagination>
120 
+    </div>
116 
   </div>
 121 
   </div>
117 
 </template>
 122 
 </template>
118
123
122 
 import PieChart from '../components/PieChart'
 127 
 import PieChart from '../components/PieChart'
123 
 import {jsGetAge, uParseTime} from "@/utils/tools";
 128 
 import {jsGetAge, uParseTime} from "@/utils/tools";
124 
 import analysisNav from './components/analysisNav'
 129 
 import analysisNav from './components/analysisNav'
130 
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
125 
 export default {
 131 
 export default {
126 
   name: "totalAnalysis",
 132 
   name: "totalAnalysis",
127 
   data() {
 133 
   data() {
128 
     return {
 134 
     return {
135 
+      crumbs:[
136 
+        {path:false, name:'科室质控'},
137 
+        {path:false, name:'患者分析'},
138 
+        {path:false, name:'体重分析'},
139 
+      ],
129 
       total: 0,
 140 
       total: 0,
130 
       patientMap:{},
 141 
       patientMap:{},
131 
       listQuery: {
 142 
       listQuery: {
153 
         { value: 3, label: "40～50", age: 3 },
 164 
         { value: 3, label: "40～50", age: 3 },
154 
         { value: 4, label: "其他", age: 4 },
 165 
         { value: 4, label: "其他", age: 4 },
155 
       ],
 166 
       ],
156 
-      pickerOptions: {
157 
-        shortcuts: [
158 
-          {
159 
-            text: "今天",
160 
-            onClick(picker) {
161 
-              picker.$emit("pick", new Date());
162 
-            }
163 
-          },
164 
-          {
165 
-            text: "昨天",
166 
-            onClick(picker) {
167 
-              const date = new Date();
168 
-              date.setTime(date.getTime() - 3600 * 1000 * 24);
169 
-              picker.$emit("pick", date);
170 
-            }
171 
-          },
172 
-          {
173 
-            text: "一周前",
174 
-            onClick(picker) {
175 
-              const date = new Date();
176 
-              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
177 
-              picker.$emit("pick", date);
178 
-            }
179 
-          },
180 
-          {
181 
-            text: "清空",
182 
-            onClick(picker) {
183 
-              picker.$emit("pick");
184 
-            }
185 
-          }
186 
-        ]
187 
-      }
188 
     };
 167 
     };
189 
   },
 168 
   },
190 
   created() {
 169 
   created() {
307 
   },
 286 
   },
308 
   components: {
 287 
   components: {
309 
       analysisNav,
 288 
       analysisNav,
310 
-      PieChart
289 
+      PieChart,
290 
+      BreadCrumb
311 
   }
 291 
   }
312 
 };
 292 
 };
313 
 </script>
 293 
 </script>
324 
 <style rel="stylesheet/scss" lang="scss" scoped>
 304 
 <style rel="stylesheet/scss" lang="scss" scoped>
325 
 .app-container {
 305 
 .app-container {
326 
 //   margin: 20px;
 306 
 //   margin: 20px;
327 
-    margin-bottom: 50px;
328 
   font-size: 15px;
 307 
   font-size: 15px;
329 
   .filter-container {
 308 
   .filter-container {
330 
     padding-bottom: 5px;
 309 
     padding-bottom: 5px;
336 
   .huixiao {
 315 
   .huixiao {
337 
     border: solid 1px #ebeef5;
 316 
     border: solid 1px #ebeef5;
338 
   }
 317 
   }
339 
-  .el-pagination {
340 
-    float: right !important;
341 
-  }
342 
   .search-component {
 318 
   .search-component {
343 
     width: 500px;
 319 
     width: 500px;
344 
     .searchBox {
 320 
     .searchBox {

+ 127 - 152
src/xt_pages/qcd/processIndicators.vue View File

1 
 <template>
 1 
 <template>
2 
-  <div class="app-container">
3 
-    <div class="cell">
4 
-      <label class="title">
5 
-        <span class="name">日期查询</span> :
6 
-      </label>
7 
-      <el-date-picker
8 
-        v-model="listQuery.start_time"
9 
-        prefix-icon="el-icon-date"
10 
-        @change="changeTime"
11 
-        :editable="false"
12 
-        style="width: 196px;"
13 
-        type="date"
14 
-        placeholder="选择日期时间"
15 
-        align="right"
16 
-        :picker-options="pickerOptions"
17 
-        format="yyyy-MM-dd"
18 
-        value-format="yyyy-MM-dd"
19 
-      ></el-date-picker>
20 
-      <span class>-</span>
21 
-      <el-date-picker
22 
-        v-model="listQuery.end_time"
23 
-        prefix-icon="el-icon-date"
24 
-        @change="changeTime"
25 
-        :editable="false"
26 
-        style="width: 196px;"
27 
-        type="date"
28 
-        placeholder="选择日期时间"
29 
-        align="right"
30 
-        :picker-options="pickerOptions"
31 
-        format="yyyy-MM-dd"
32 
-        value-format="yyyy-MM-dd"
33 
-      ></el-date-picker>
2 
+ <div class="main-contain">
3 
+    <div class="position">
4 
+      <bread-crumb :crumbs='crumbs'></bread-crumb>
34 
     </div>
 5 
     </div>
35 
-    <div class="cell clearfix">
36 
-      <label class="title">
37 
-        <span class="name">透析龄</span> :
38 
-      </label>
39 
-      <div class="time">
40 
-        <ul class>
41 
-          <li
42 
-            :class="item.value==dialysisAge?'active':''"
43 
-            @click="selectdialysisAges(item.value)"
44 
-            v-for="item in dialysisAgeOptions"
45 
-            :key="item.value"
46 
-          >{{item.label}}</li>
47 
-        </ul>
6 
+    <div class="app-container">
7 
+      <div class="cell">
8 
+        <label class="title">
9 
+          <span class="name">日期查询</span> :
10 
+        </label>
11 
+        <el-date-picker
12 
+          v-model="listQuery.start_time"
13 
+          prefix-icon="el-icon-date"
14 
+          @change="changeTime"
15 
+          :editable="false"
16 
+          style="width: 196px;"
17 
+          type="date"
18 
+          placeholder="选择日期时间"
19 
+          align="right"
20 
+          format="yyyy-MM-dd"
21 
+          value-format="yyyy-MM-dd"
22 
+        ></el-date-picker>
23 
+        <span class>-</span>
24 
+        <el-date-picker
25 
+          v-model="listQuery.end_time"
26 
+          prefix-icon="el-icon-date"
27 
+          @change="changeTime"
28 
+          :editable="false"
29 
+          style="width: 196px;"
30 
+          type="date"
31 
+          placeholder="选择日期时间"
32 
+          align="right"
33 
+          format="yyyy-MM-dd"
34 
+          value-format="yyyy-MM-dd"
35 
+        ></el-date-picker>
48 
       </div>
 36 
       </div>
49 
-    </div>
50 
-    <div class="cell clearfix">
51 
-      <label class="title">
52 
-        <span class="name">转归状态</span> :
53 
-      </label>
54 
-      <div class="time">
55 
-        <ul class>
56 
-          <li
57 
-            :class="item.lapseto==lapsetoType?'active':''"
58 
-            @click="selectLapseTo( item.lapseto)"
59 
-            v-for="item in lapsetoState"
60 
-            :key="item.value"
61 
-          >{{item.label}}</li>
62 
-        </ul>
37 
+      <div class="cell clearfix">
38 
+        <label class="title">
39 
+          <span class="name">透析龄</span> :
40 
+        </label>
41 
+        <div class="time">
42 
+          <ul class>
43 
+            <li
44 
+              :class="item.value==dialysisAge?'active':''"
45 
+              @click="selectdialysisAges(item.value)"
46 
+              v-for="item in dialysisAgeOptions"
47 
+              :key="item.value"
48 
+            >{{item.label}}</li>
49 
+          </ul>
50 
+        </div>
51 
+      </div>
52 
+      <div class="cell clearfix">
53 
+        <label class="title">
54 
+          <span class="name">转归状态</span> :
55 
+        </label>
56 
+        <div class="time">
57 
+          <ul class>
58 
+            <li
59 
+              :class="item.lapseto==lapsetoType?'active':''"
60 
+              @click="selectLapseTo( item.lapseto)"
61 
+              v-for="item in lapsetoState"
62 
+              :key="item.value"
63 
+            >{{item.label}}</li>
64 
+          </ul>
65 
+        </div>
63 
       </div>
 66 
       </div>
64 
-    </div>
65
67
66 
-    <div class="cell">
67 
-      <label class="title">
68 
-        <span class="name">检验项目</span> :
69 
-      </label>
70 
-      <el-select v-model="listQuery.project_id" placeholder="请选择" @change="changeModel()">
71 
-        <el-option label="全部" value=""></el-option>
72 
-        <el-option v-for="item in projectOptions" :key="item.project_id" :label="item.project_name" :value="item.project_id"></el-option>
73 
-      </el-select>
74 
-    </div>
68 
+      <div class="cell">
69 
+        <label class="title">
70 
+          <span class="name">检验项目</span> :
71 
+        </label>
72 
+        <el-select v-model="listQuery.project_id" placeholder="请选择" @change="changeModel()">
73 
+          <el-option label="全部" value=""></el-option>
74 
+          <el-option v-for="item in projectOptions" :key="item.project_id" :label="item.project_name" :value="item.project_id"></el-option>
75 
+        </el-select>
76 
+      </div>
75
77
76 
-    <h4 class="hui">统计图</h4>
77 
-    <hr class="huixiao">
78 
-    <el-row :gutter="32">
79 
-      <el-col :xs="24" :sm="24" :lg="24">
80 
-        <div class="chart-wrapper">
81 
-            <pie-chart title="" :options="CompletionOptions"/>
82 
-        </div>
83 
-      </el-col>
84 
-    </el-row>
78 
+      <h4 class="hui">统计图</h4>
79 
+      <hr class="huixiao">
80 
+      <el-row :gutter="32">
81 
+        <el-col :xs="24" :sm="24" :lg="24">
82 
+          <div class="chart-wrapper">
83 
+              <pie-chart title="" :options="CompletionOptions"/>
84 
+          </div>
85 
+        </el-col>
86 
+      </el-row>
85
87
86 
-    <h4 class="hui">统计表</h4>
87 
-    <hr class="huixiao">
88 
-    <el-table
89 
-      ref="multipleTable"
90 
-      :data="tableData"
91 
-      :span-method="mergeSpan"
92 
-      border
93 
-      fit
94 
-      highlight-current-row
95 
-      style="width: 100%;margin-top: 10px;"
96 
-    >
97 
-
98 
-      <el-table-column label="透析号" min-width="80" property="patient_id" align="center">
99 
-        <template slot-scope="scope"><span>{{getPatientDialysisNo(scope.row.patient_id)}}</span></template>
100 
-      </el-table-column>
101 
-      <el-table-column label="姓名" min-width="80" property="patient_id" align="center">
102 
-        <template slot-scope="scope"><span>{{getPatientName(scope.row.patient_id)}}</span></template>
103 
-      </el-table-column>
104 
-      <el-table-column label="检查项目" min-width="80" property="project_id" align="center">
105 
-        <template slot-scope="scope"><span>{{getProjectName(scope.row.project_id)}}</span></template>
106 
-      </el-table-column>
107 
-      <el-table-column label="检查日期" min-width="80" property="inspect_date" align="center">
108 
-        <template slot-scope="scope"><span>{{getTime(scope.row.inspect_date, '{y}{m}{d}')}}</span></template>
109 
-      </el-table-column>
110 
-    </el-table>
88 
+      <h4 class="hui">统计表</h4>
89 
+      <hr class="huixiao">
90 
+      <el-table
91 
+        ref="multipleTable"
92 
+        :data="tableData"
93 
+        :span-method="mergeSpan"
94 
+        border
95 
+        fit
96 
+        highlight-current-row
97 
+        style="width: 100%;margin-top: 10px;"
98 
+        :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)'}"
99 
+      >
100 
+
101 
+        <el-table-column label="透析号" min-width="80" property="patient_id" align="center">
102 
+          <template slot-scope="scope"><span>{{getPatientDialysisNo(scope.row.patient_id)}}</span></template>
103 
+        </el-table-column>
104 
+        <el-table-column label="姓名" min-width="80" property="patient_id" align="center">
105 
+          <template slot-scope="scope"><span>{{getPatientName(scope.row.patient_id)}}</span></template>
106 
+        </el-table-column>
107 
+        <el-table-column label="检查项目" min-width="80" property="project_id" align="center">
108 
+          <template slot-scope="scope"><span>{{getProjectName(scope.row.project_id)}}</span></template>
109 
+        </el-table-column>
110 
+        <el-table-column label="检查日期" min-width="80" property="inspect_date" align="center">
111 
+          <template slot-scope="scope"><span>{{getTime(scope.row.inspect_date, '{y}{m}{d}')}}</span></template>
112 
+        </el-table-column>
113 
+      </el-table>
111
114
112 
-    <!-- <pagi-nation title="分页"></pagi-nation> -->
115 
+      <!-- <pagi-nation title="分页"></pagi-nation> -->
113
116
114 
-    <el-pagination
115 
-      @size-change="handleSizeChange"
116 
-      @current-change="handleCurrentChange"
117 
-      :current-page="listQuery.pate"
118 
-      :page-sizes="[10, 20, 50, 100]"
119 
-      :page-size="10"
120 
-      background
121 
-      style="margin-top:20px;"
122 
-      layout="total, sizes, prev, pager, next, jumper"
123 
-      :total="total"
124 
-    ></el-pagination>
117 
+      <el-pagination
118 
+        align="right"
119 
+        @size-change="handleSizeChange"
120 
+        @current-change="handleCurrentChange"
121 
+        :current-page="listQuery.pate"
122 
+        :page-sizes="[10, 20, 50, 100]"
123 
+        :page-size="10"
124 
+        background
125 
+        style="margin-top:20px;"
126 
+        layout="total, sizes, prev, pager, next, jumper"
127 
+        :total="total"
128 
+      ></el-pagination>
129 
+    </div>
125 
   </div>
 130 
   </div>
126 
 </template>
 131 
 </template>
127
132
130 
 import { GetProcessIndicatorsData  } from "@/api/qcd";
 135 
 import { GetProcessIndicatorsData  } from "@/api/qcd";
131 
 import PieChart from './components/PieChart'
 136 
 import PieChart from './components/PieChart'
132 
 import {uParseTime} from "@/utils/tools";
 137 
 import {uParseTime} from "@/utils/tools";
138 
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
133 
 export default {
 139 
 export default {
134 
   name: "dialysisTotal",
 140 
   name: "dialysisTotal",
135 
   data() {
 141 
   data() {
136 
     return {
 142 
     return {
143 
+      crumbs:[
144 
+        {path:false, name:'科室质控'},
145 
+        {path:'/qcd/processindicators', name:'过程指标'},
146 
+      ],
137 
       total: 0,
 147 
       total: 0,
138 
       projectOptions:{},
 148 
       projectOptions:{},
139 
       patientMap:{},
 149 
       patientMap:{},
164 
         { value: 1, label: "大于三个月" },
 174 
         { value: 1, label: "大于三个月" },
165 
         { value: 2, label: "小于三个月" }
 175 
         { value: 2, label: "小于三个月" }
166 
       ],
 176 
       ],
167 
-      pickerOptions: {
168 
-        shortcuts: [
169 
-          {
170 
-            text: "今天",
171 
-            onClick(picker) {
172 
-              picker.$emit("pick", new Date());
173 
-            }
174 
-          },
175 
-          {
176 
-            text: "昨天",
177 
-            onClick(picker) {
178 
-              const date = new Date();
179 
-              date.setTime(date.getTime() - 3600 * 1000 * 24);
180 
-              picker.$emit("pick", date);
181 
-            }
182 
-          },
183 
-          {
184 
-            text: "一周前",
185 
-            onClick(picker) {
186 
-              const date = new Date();
187 
-              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
188 
-              picker.$emit("pick", date);
189 
-            }
190 
-          },
191 
-          {
192 
-            text: "清空",
193 
-            onClick(picker) {
194 
-              picker.$emit("pick");
195 
-            }
196 
-          }
197 
-        ]
198 
-      }
199 
     };
 177 
     };
200 
   },
 178 
   },
201 
   created() {
 179 
   created() {
347 
     },
 325 
     },
348 
   },
 326 
   },
349 
   components: {
 327 
   components: {
350 
-      PieChart
328 
+      PieChart,
329 
+      BreadCrumb
351 
   }
 330 
   }
352 
 };
 331 
 };
353 
 </script>
 332 
 </script>
355 
 <style rel="stylesheet/scss" lang="scss" scoped>
 334 
 <style rel="stylesheet/scss" lang="scss" scoped>
356 
 .app-container {
 335 
 .app-container {
357 
 //   margin: 20px;
 336 
 //   margin: 20px;
358 
-    margin-bottom: 50px;
359 
   font-size: 15px;
 337 
   font-size: 15px;
360 
   .filter-container {
 338 
   .filter-container {
361 
     padding-bottom: 5px;
 339 
     padding-bottom: 5px;
367 
   .huixiao {
 345 
   .huixiao {
368 
     border: solid 1px #ebeef5;
 346 
     border: solid 1px #ebeef5;
369 
   }
 347 
   }
370 
-  .el-pagination {
371 
-    float: right !important;
372 
-  }
373 
   .search-component {
 348 
   .search-component {
374 
     width: 500px;
 349 
     width: 500px;
375 
     .searchBox {
 350 
     .searchBox {

+ 3 - 3
src/xt_pages/user/courseOfDisease.vue View File

1 
 <template>
 1 
 <template>
2 
-<div class="main-contain">
2 
+<!-- <div class="main-contain">
3 
     <div class="position">
 3 
     <div class="position">
4 
        <bread-crumb></bread-crumb>
 4 
        <bread-crumb></bread-crumb>
5 
-    </div>
5 
+    </div> -->
6 
     <div class="patient-container ">
 6 
     <div class="patient-container ">
7 
         <patient-sidebar :id="patient_id" defaultActive="1-2"></patient-sidebar>
 7 
         <patient-sidebar :id="patient_id" defaultActive="1-2"></patient-sidebar>
8 
         <div class="container" v-loading="loading">
 8 
         <div class="container" v-loading="loading">
64 
             </div>
 64 
             </div>
65 
         </el-dialog>
 65 
         </el-dialog>
66 
     </div>
 66 
     </div>
67 
-</div>
67 
+<!-- </div> -->
68 
 </template>
 68 
 </template>
69
69
70 
 <script>
 70 
 <script>

+ 1 - 0
src/xt_pages/user/dialysisRecord.vue View File

79 
               </el-table-column>
 79 
               </el-table-column>
80 
           </el-table>
 80 
           </el-table>
81 
           <el-pagination
 81 
           <el-pagination
82 
+          align="right"
82 
             @size-change="handleSizeChange"
 83 
             @size-change="handleSizeChange"
83 
             @current-change="handleCurrentChange"
 84 
             @current-change="handleCurrentChange"
84 
             :current-page="queryParams.page"
 85 
             :current-page="queryParams.page"

+ 1 - 0
src/xt_pages/user/dialysisSolution.vue View File

111 
     </el-table-column>
 111 
     </el-table-column>
112 
    </el-table>
 112 
    </el-table>
113 
   <el-pagination
 113 
   <el-pagination
114 
+  align="right"
114 
           @size-change="handleSizeChange"
 115 
           @size-change="handleSizeChange"
115 
           @current-change="handleCurrentChange"
 116 
           @current-change="handleCurrentChange"
116 
           :current-page="queryParams.page"
 117 
           :current-page="queryParams.page"

+ 1 - 0
src/xt_pages/user/inspection.vue View File

65 
             </el-table-column>
 65 
             </el-table-column>
66 
           </el-table>
 66 
           </el-table>
67 
           <el-pagination
 67 
           <el-pagination
68 
+          align="right"
68 
             @current-change="handleCurrentChangePage"
 69 
             @current-change="handleCurrentChangePage"
69 
             :current-page="queryParams.page"
 70 
             :current-page="queryParams.page"
70 
             :page-size="1"
 71 
             :page-size="1"

+ 1 - 0
src/xt_pages/user/proeducation.vue View File

19 
             </el-table>
 19 
             </el-table>
20
20
21 
             <el-pagination
 21 
             <el-pagination
22 
+          align="right"
22 
                 @size-change="handleSizeChange"
 23 
                 @size-change="handleSizeChange"
23 
                 @current-change="handleCurrentChange"
 24 
                 @current-change="handleCurrentChange"
24 
                 :current-page="listQuery.page"
 25 
                 :current-page="listQuery.page"