zhengchengwu 6 years ago
parent
commit
015c0ed70b
2 changed files with 221 additions and 213 deletions
  1. 1 1
      src/api/qcd.js
  2. 220 212
      src/xt_pages/qcd/dialysisTotal.vue

+ 1 - 1
src/api/qcd.js View File

@@ -41,4 +41,4 @@ export function GetPADialysisAgeData(params) {
41 41
     method: 'get',
42 42
     params: params
43 43
   })
44
-}
44
+}

+ 220 - 212
src/xt_pages/qcd/dialysisTotal.vue View File

@@ -1,223 +1,229 @@
1 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></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>
34 6
     </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==statisticalMethod?'active':''"
43
-            @click="selectStatisticalMethod(item.value)"
44
-            v-for="item in statisticalMethods"
45
-            :key="item.value"
46
-          >{{item.label}}</li>
47
-        </ul>
7
+    <div class="app-container">
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>
48 39
       </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>
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==statisticalMethod?'active':''"
48
+              @click="selectStatisticalMethod(item.value)"
49
+              v-for="item in statisticalMethods"
50
+              :key="item.value"
51
+            >{{item.label}}</li>
52
+          </ul>
53
+        </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>
68
+        </div>
63 69
       </div>
64
-    </div>
65 70
 
66
-    <div class="cell">
67
-      <label class="title">
68
-        <span class="name">透析模式</span> :
69
-      </label>
70
-      <el-select v-model="listQuery.mode_id" placeholder="请选择" @change="changeModel()">
71
-        <el-option label="全部" value></el-option>
72
-        <el-option v-for="item in modeOptions" :key="item.id" :label="item.name" :value="item.id"></el-option>
73
-      </el-select>
74
-    </div>
71
+      <div class="cell">
72
+        <label class="title">
73
+          <span class="name">透析模式</span> :
74
+        </label>
75
+        <el-select v-model="listQuery.mode_id" placeholder="请选择" @change="changeModel()">
76
+          <el-option label="全部" value></el-option>
77
+          <el-option v-for="item in modeOptions" :key="item.id" :label="item.name" :value="item.id"></el-option>
78
+        </el-select>
79
+      </div>
75 80
 
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
-            <bar-chart :title="totitle + batotal +'人次'" :options="modesData" />
82
-        </div>
83
-      </el-col>
84
-    </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
+              <bar-chart :title="totitle + batotal +'人次'" :options="modesData" />
87
+          </div>
88
+        </el-col>
89
+      </el-row>
85 90
 
86
-    <h4 class="hui">统计表</h4>
87
-    <hr class="huixiao">
88
-    <el-table
89
-      ref="multipleTable"
90
-      :data="tableData"
91
-      border
92
-      fit
93
-      highlight-current-row
94
-      style="width: 100%;margin-top: 10px;"
95
-    >
96
-      <el-table-column label="日期" min-width="80" property="date" align="center"></el-table-column>
97
-      <el-table-column
98
-        :label="modeOptions[1].name"
99
-        v-if="listQuery.mode_id==1||listQuery.mode_id==''"
100
-        property="data[1].number"
101
-        align="center"
102
-      ></el-table-column>
103
-      <el-table-column
104
-        :label="modeOptions[2].name"
105
-        v-if="listQuery.mode_id==2||listQuery.mode_id==''"
106
-        property="data[2].number"
107
-        align="center"
108
-      ></el-table-column>
109
-      <el-table-column
110
-        :label="modeOptions[3].name"
111
-        v-if="listQuery.mode_id==3||listQuery.mode_id==''"
112
-        property="data[3].number"
113
-        align="center"
114
-      ></el-table-column>
115
-      <el-table-column
116
-        :label="modeOptions[4].name"
117
-        v-if="listQuery.mode_id==4||listQuery.mode_id==''"
118
-        property="data[4].number"
119
-        align="center"
120
-      ></el-table-column>
121
-      <el-table-column
122
-        :label="modeOptions[5].name"
123
-        v-if="listQuery.mode_id==5||listQuery.mode_id==''"
124
-        property="data[5].number"
125
-        align="center"
126
-      ></el-table-column>
127
-      <el-table-column
128
-        :label="modeOptions[6].name"
129
-        v-if="listQuery.mode_id==6||listQuery.mode_id==''"
130
-        property="data[6].number"
131
-        align="center"
132
-      ></el-table-column>
133
-      <el-table-column
134
-        :label="modeOptions[7].name"
135
-        v-if="listQuery.mode_id==7||listQuery.mode_id==''"
136
-        property="data[7].number"
137
-        align="center"
138
-      ></el-table-column>
139
-      <el-table-column
140
-        :label="modeOptions[8].name"
141
-        v-if="listQuery.mode_id==8||listQuery.mode_id==''"
142
-        property="data[8].number"
143
-        align="center"
144
-      ></el-table-column>
145
-      <el-table-column
146
-        :label="modeOptions[9].name"
147
-        v-if="listQuery.mode_id==9||listQuery.mode_id==''"
148
-        property="data[9].number"
149
-        align="center"
150
-      ></el-table-column>
151
-      <el-table-column
152
-        :label="modeOptions[10].name"
153
-        v-if="listQuery.mode_id==10||listQuery.mode_id==''"
154
-        property="data[10].number"
155
-        align="center"
156
-      ></el-table-column>
157
-      <el-table-column
158
-        :label="modeOptions[11].name"
159
-        v-if="listQuery.mode_id==11||listQuery.mode_id==''"
160
-        property="data[11].number"
161
-        align="center"
162
-      ></el-table-column>
163
-      <el-table-column
164
-        :label="modeOptions[12].name"
165
-        v-if="listQuery.mode_id==12||listQuery.mode_id==''"
166
-        property="data[12].number"
167
-        align="center"
168
-      ></el-table-column>
169
-      <el-table-column
170
-        :label="modeOptions[13].name"
171
-        v-if="listQuery.mode_id==13||listQuery.mode_id==''"
172
-        property="data[13].number"
173
-        align="center"
174
-      ></el-table-column>
175
-      <el-table-column
176
-        :label="modeOptions[14].name"
177
-        v-if="listQuery.mode_id==14||listQuery.mode_id==''"
178
-        property="data[14].number"
179
-        align="center"
180
-      ></el-table-column>
181
-      <el-table-column
182
-        :label="modeOptions[15].name"
183
-        v-if="listQuery.mode_id==15||listQuery.mode_id==''"
184
-        property="data[15].number"
185
-        align="center"
186
-      ></el-table-column>
187
-      <el-table-column
188
-        :label="modeOptions[16].name"
189
-        v-if="listQuery.mode_id==16||listQuery.mode_id==''"
190
-        property="data[16].number"
191
-        align="center"
192
-      ></el-table-column>
193
-      <el-table-column
194
-        :label="modeOptions[17].name"
195
-        v-if="listQuery.mode_id==17||listQuery.mode_id==''"
196
-        property="data[17].number"
197
-        align="center"
198
-      ></el-table-column>
199
-      <el-table-column
200
-        :label="modeOptions[18].name"
201
-        v-if="listQuery.mode_id==18||listQuery.mode_id==''"
202
-        property="data[18].number"
203
-        align="center"
204
-      ></el-table-column>
205
-      <el-table-column label="总数" min-width="80" property="total" align="center"></el-table-column>
206
-    </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
+      >
101
+        <el-table-column label="日期" min-width="80" property="date" align="center"></el-table-column>
102
+        <el-table-column
103
+          :label="modeOptions[1].name"
104
+          v-if="listQuery.mode_id==1||listQuery.mode_id==''"
105
+          property="data[1].number"
106
+          align="center"
107
+        ></el-table-column>
108
+        <el-table-column
109
+          :label="modeOptions[2].name"
110
+          v-if="listQuery.mode_id==2||listQuery.mode_id==''"
111
+          property="data[2].number"
112
+          align="center"
113
+        ></el-table-column>
114
+        <el-table-column
115
+          :label="modeOptions[3].name"
116
+          v-if="listQuery.mode_id==3||listQuery.mode_id==''"
117
+          property="data[3].number"
118
+          align="center"
119
+        ></el-table-column>
120
+        <el-table-column
121
+          :label="modeOptions[4].name"
122
+          v-if="listQuery.mode_id==4||listQuery.mode_id==''"
123
+          property="data[4].number"
124
+          align="center"
125
+        ></el-table-column>
126
+        <el-table-column
127
+          :label="modeOptions[5].name"
128
+          v-if="listQuery.mode_id==5||listQuery.mode_id==''"
129
+          property="data[5].number"
130
+          align="center"
131
+        ></el-table-column>
132
+        <el-table-column
133
+          :label="modeOptions[6].name"
134
+          v-if="listQuery.mode_id==6||listQuery.mode_id==''"
135
+          property="data[6].number"
136
+          align="center"
137
+        ></el-table-column>
138
+        <el-table-column
139
+          :label="modeOptions[7].name"
140
+          v-if="listQuery.mode_id==7||listQuery.mode_id==''"
141
+          property="data[7].number"
142
+          align="center"
143
+        ></el-table-column>
144
+        <el-table-column
145
+          :label="modeOptions[8].name"
146
+          v-if="listQuery.mode_id==8||listQuery.mode_id==''"
147
+          property="data[8].number"
148
+          align="center"
149
+        ></el-table-column>
150
+        <el-table-column
151
+          :label="modeOptions[9].name"
152
+          v-if="listQuery.mode_id==9||listQuery.mode_id==''"
153
+          property="data[9].number"
154
+          align="center"
155
+        ></el-table-column>
156
+        <el-table-column
157
+          :label="modeOptions[10].name"
158
+          v-if="listQuery.mode_id==10||listQuery.mode_id==''"
159
+          property="data[10].number"
160
+          align="center"
161
+        ></el-table-column>
162
+        <el-table-column
163
+          :label="modeOptions[11].name"
164
+          v-if="listQuery.mode_id==11||listQuery.mode_id==''"
165
+          property="data[11].number"
166
+          align="center"
167
+        ></el-table-column>
168
+        <el-table-column
169
+          :label="modeOptions[12].name"
170
+          v-if="listQuery.mode_id==12||listQuery.mode_id==''"
171
+          property="data[12].number"
172
+          align="center"
173
+        ></el-table-column>
174
+        <el-table-column
175
+          :label="modeOptions[13].name"
176
+          v-if="listQuery.mode_id==13||listQuery.mode_id==''"
177
+          property="data[13].number"
178
+          align="center"
179
+        ></el-table-column>
180
+        <el-table-column
181
+          :label="modeOptions[14].name"
182
+          v-if="listQuery.mode_id==14||listQuery.mode_id==''"
183
+          property="data[14].number"
184
+          align="center"
185
+        ></el-table-column>
186
+        <el-table-column
187
+          :label="modeOptions[15].name"
188
+          v-if="listQuery.mode_id==15||listQuery.mode_id==''"
189
+          property="data[15].number"
190
+          align="center"
191
+        ></el-table-column>
192
+        <el-table-column
193
+          :label="modeOptions[16].name"
194
+          v-if="listQuery.mode_id==16||listQuery.mode_id==''"
195
+          property="data[16].number"
196
+          align="center"
197
+        ></el-table-column>
198
+        <el-table-column
199
+          :label="modeOptions[17].name"
200
+          v-if="listQuery.mode_id==17||listQuery.mode_id==''"
201
+          property="data[17].number"
202
+          align="center"
203
+        ></el-table-column>
204
+        <el-table-column
205
+          :label="modeOptions[18].name"
206
+          v-if="listQuery.mode_id==18||listQuery.mode_id==''"
207
+          property="data[18].number"
208
+          align="center"
209
+        ></el-table-column>
210
+        <el-table-column label="总数" min-width="80" property="total" align="center"></el-table-column>
211
+      </el-table>
207 212
 
208
-    <!-- <pagi-nation title="分页"></pagi-nation> -->
213
+      <!-- <pagi-nation title="分页"></pagi-nation> -->
209 214
 
210
-    <el-pagination
211
-      @size-change="handleSizeChange"
212
-      @current-change="handleCurrentChange"
213
-      :current-page="listQuery.pate"
214
-      :page-sizes="[10, 20, 50, 100]"
215
-      :page-size="10"
216
-      background
217
-      style="margin-top:20px;"
218
-      layout="total, sizes, prev, pager, next, jumper"
219
-      :total="total"
220
-    ></el-pagination>
215
+      <el-pagination
216
+        @size-change="handleSizeChange"
217
+        @current-change="handleCurrentChange"
218
+        :current-page="listQuery.pate"
219
+        :page-sizes="[10, 20, 50, 100]"
220
+        :page-size="10"
221
+        background
222
+        style="margin-top:20px;"
223
+        layout="total, sizes, prev, pager, next, jumper"
224
+        :total="total"
225
+      ></el-pagination>
226
+    </div>
221 227
   </div>
222 228
 </template>
223 229
 
@@ -225,6 +231,7 @@
225 231
 <script>
226 232
 import { getdialysistotaldata } from "@/api/qcd";
227 233
 import BarChart from "./components/BarChart";
234
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
228 235
 export default {
229 236
   name: "dialysisTotal",
230 237
   data() {
@@ -417,7 +424,8 @@ export default {
417 424
     }
418 425
   },
419 426
   components: {
420
-    BarChart
427
+    BarChart,
428
+    BreadCrumb
421 429
   }
422 430
 };
423 431
 </script>