|
|
@@ -0,0 +1,408 @@
|
|
|
1
|
+<template>
|
|
|
2
|
+ <div class="app-container">
|
|
|
3
|
+ <div class="filter-container" style="margin-top: 10px">
|
|
|
4
|
+ <el-date-picker v-model="searchData.searchTime" type="date" class="filter-item" value-format="yyyy-MM-dd"
|
|
|
5
|
+ size="medium" style="width: 150px;" clearable placeholder="选择日期" />
|
|
|
6
|
+ <el-select v-model="searchData.hosid" size="medium" class="filter-item" style="width: 150px;" clearable
|
|
|
7
|
+ placeholder="请选择院区" @change="handleHospital">
|
|
|
8
|
+ <el-option
|
|
|
9
|
+ v-for="(item, index) in hosarr"
|
|
|
10
|
+ :key="index"
|
|
|
11
|
+ :label="item.hospitalname"
|
|
|
12
|
+ :value="item.hospitalcode"
|
|
|
13
|
+ />
|
|
|
14
|
+ </el-select>
|
|
|
15
|
+ <el-select v-model="searchData.deptid" size="medium" class="filter-item" style="width: 150px;" clearable
|
|
|
16
|
+ placeholder="请选择科室" @change="handleDept">
|
|
|
17
|
+ <el-option
|
|
|
18
|
+ v-for="(item, index) in deptarr"
|
|
|
19
|
+ :key="index"
|
|
|
20
|
+ :label="item.name"
|
|
|
21
|
+ :value="item.id"
|
|
|
22
|
+ />
|
|
|
23
|
+ </el-select>
|
|
|
24
|
+ <el-input v-model="searchData.deptname" size="medium" class="filter-item" style="width: 150px;" clearable
|
|
|
25
|
+ placeholder="医生姓名" />
|
|
|
26
|
+ <el-button type="primary" size="medium" @click="btn_search">搜索</el-button>
|
|
|
27
|
+ </div>
|
|
|
28
|
+ <div class="regList">
|
|
|
29
|
+ <div class="regItem" v-for="(item, index) in tableData">
|
|
|
30
|
+ <div class="itemLine1">
|
|
|
31
|
+ <div class="lineSpan1">{{item.doctorname}}</div>
|
|
|
32
|
+ <div class="lineSpan2">{{ rankidObj[item.rankid]}}</div>
|
|
|
33
|
+ <div class="lineSpan3">{{item.czlx == 1 ? '专家':item.czlx == 8 ?'普通':'未知'}}</div>
|
|
|
34
|
+ </div>
|
|
|
35
|
+ <div class="itemLine2">
|
|
|
36
|
+ <div class="lineSpan1">{{ hospitalcodObj[item.hospitalcod] ? hospitalcodObj[item.hospitalcod]: '未知'}}</div>
|
|
|
37
|
+ <div class="lineSpan2">{{item.ksmc?item.ksmc:'未知'}}</div>
|
|
|
38
|
+ <div class="lineSpan3">坐诊时间:{{pcodeObj[item.pcode]?pcodeObj[item.pcode]:'未知'}} {{item.date}} {{item.stime}}-{{item.etime}}</div>
|
|
|
39
|
+ <div class="lineSpan4">挂号费用:{{item.price}}</div>
|
|
|
40
|
+ <div class="lineSpan4">余号:{{item.acount}}</div>
|
|
|
41
|
+ <div class="lineSpan4">
|
|
|
42
|
+ <el-button class="btn" size="small" @click="handleReg(item)" type="primary" v-if="item.acount">预约</el-button>
|
|
|
43
|
+ <el-button class="btn" size="small" type="primary" v-if="!item.acount" disabled>预约</el-button>
|
|
|
44
|
+ </div>
|
|
|
45
|
+
|
|
|
46
|
+ </div>
|
|
|
47
|
+ </div>
|
|
|
48
|
+ </div>
|
|
|
49
|
+ <el-drawer title="预约挂号" :visible.sync="drawer" :direction="direction" :before-close="handleClose">
|
|
|
50
|
+ <el-form label-width="120px" style="width: 90%;">
|
|
|
51
|
+ <el-row>
|
|
|
52
|
+ <el-col :span="20">
|
|
|
53
|
+ <el-form-item label="预约时间" >
|
|
|
54
|
+ <el-select v-model="ruleForm.PatientCode"
|
|
|
55
|
+ size="medium" clearable
|
|
|
56
|
+ @change="handlePatient"
|
|
|
57
|
+ placeholder="请选择预约时间">
|
|
|
58
|
+ <el-option
|
|
|
59
|
+ v-for="(item, index) in PatientArr"
|
|
|
60
|
+ :key="index"
|
|
|
61
|
+ :label="item.time"
|
|
|
62
|
+ :value="item.id"
|
|
|
63
|
+ />
|
|
|
64
|
+ </el-select>
|
|
|
65
|
+ </el-form-item>
|
|
|
66
|
+ </el-col>
|
|
|
67
|
+ </el-row>
|
|
|
68
|
+
|
|
|
69
|
+ <el-row>
|
|
|
70
|
+ <el-col :span="20">
|
|
|
71
|
+ <el-form-item label="患者姓名">
|
|
|
72
|
+ <el-input v-model="ruleForm.PatientName" placeholder="请输入患者姓名" />
|
|
|
73
|
+ </el-form-item>
|
|
|
74
|
+ </el-col>
|
|
|
75
|
+ </el-row>
|
|
|
76
|
+
|
|
|
77
|
+ <el-row>
|
|
|
78
|
+ <el-col :span="20">
|
|
|
79
|
+ <el-form-item label="身份证号">
|
|
|
80
|
+ <el-input v-model="ruleForm.identityCard" placeholder="请输入身份证号" />
|
|
|
81
|
+ </el-form-item>
|
|
|
82
|
+ </el-col>
|
|
|
83
|
+ </el-row>
|
|
|
84
|
+
|
|
|
85
|
+ <el-row>
|
|
|
86
|
+ <el-col :span="20">
|
|
|
87
|
+ <el-form-item label="性别">
|
|
|
88
|
+ <el-input v-model="ruleForm.Sex" placeholder="请输入性别" />
|
|
|
89
|
+ </el-form-item>
|
|
|
90
|
+ </el-col>
|
|
|
91
|
+ </el-row>
|
|
|
92
|
+
|
|
|
93
|
+ <el-row>
|
|
|
94
|
+ <el-col :span="20">
|
|
|
95
|
+ <el-form-item label="出生日期">
|
|
|
96
|
+ <el-input v-model="ruleForm.Birthday" placeholder="请输入出生日期" />
|
|
|
97
|
+ </el-form-item>
|
|
|
98
|
+ </el-col>
|
|
|
99
|
+ </el-row>
|
|
|
100
|
+
|
|
|
101
|
+ <!-- <el-row>
|
|
|
102
|
+ <el-col :span="20">
|
|
|
103
|
+ <el-form-item label="民族">
|
|
|
104
|
+ <el-input v-model="ruleForm.name7" placeholder="请输入客户名称" />
|
|
|
105
|
+ </el-form-item>
|
|
|
106
|
+ </el-col>
|
|
|
107
|
+ </el-row> -->
|
|
|
108
|
+
|
|
|
109
|
+ <el-row>
|
|
|
110
|
+ <el-col :span="20">
|
|
|
111
|
+ <el-form-item label="联系方式">
|
|
|
112
|
+ <el-input v-model="ruleForm.tel" placeholder="请输入联系方式" />
|
|
|
113
|
+ </el-form-item>
|
|
|
114
|
+ </el-col>
|
|
|
115
|
+ </el-row>
|
|
|
116
|
+
|
|
|
117
|
+ <el-row>
|
|
|
118
|
+ <el-col :span="20">
|
|
|
119
|
+ <el-form-item label="家庭住址">
|
|
|
120
|
+ <el-input v-model="ruleForm.Address" placeholder="请输入家庭住址" />
|
|
|
121
|
+ </el-form-item>
|
|
|
122
|
+ </el-col>
|
|
|
123
|
+ </el-row>
|
|
|
124
|
+
|
|
|
125
|
+ <el-row>
|
|
|
126
|
+ <el-col :span="20">
|
|
|
127
|
+ <el-form-item label="预约医生姓名">
|
|
|
128
|
+ <el-input v-model="ruleForm.doctor" placeholder="请输入医生姓名" />
|
|
|
129
|
+ </el-form-item>
|
|
|
130
|
+ </el-col>
|
|
|
131
|
+ </el-row>
|
|
|
132
|
+
|
|
|
133
|
+ <el-row>
|
|
|
134
|
+ <el-col :span="20">
|
|
|
135
|
+ <el-form-item label="预约院区">
|
|
|
136
|
+ <el-input v-model="ruleForm.hospital" placeholder="请输入预约院区" />
|
|
|
137
|
+ </el-form-item>
|
|
|
138
|
+ </el-col>
|
|
|
139
|
+ </el-row>
|
|
|
140
|
+
|
|
|
141
|
+ <el-row>
|
|
|
142
|
+ <el-col :span="20">
|
|
|
143
|
+ <el-form-item label="预约科室">
|
|
|
144
|
+ <el-input v-model="ruleForm.dept" placeholder="请输入预约科室" />
|
|
|
145
|
+ </el-form-item>
|
|
|
146
|
+ </el-col>
|
|
|
147
|
+ </el-row>
|
|
|
148
|
+ <!-- <el-row>
|
|
|
149
|
+ <el-col :span="20">
|
|
|
150
|
+ <el-form-item label="预约时间">
|
|
|
151
|
+ <el-input v-model="ruleForm.name2" placeholder="请输入客户电话" />
|
|
|
152
|
+ </el-form-item>
|
|
|
153
|
+ </el-col>
|
|
|
154
|
+ </el-row> -->
|
|
|
155
|
+
|
|
|
156
|
+ <el-row>
|
|
|
157
|
+ <el-form-item>
|
|
|
158
|
+ <el-button type="primary" @click="submitForm">提交</el-button>
|
|
|
159
|
+ </el-form-item>
|
|
|
160
|
+ </el-row>
|
|
|
161
|
+
|
|
|
162
|
+ </el-form>
|
|
|
163
|
+ </el-drawer>
|
|
|
164
|
+ </div>
|
|
|
165
|
+</template>
|
|
|
166
|
+
|
|
|
167
|
+<script>
|
|
|
168
|
+ import axios from 'axios'
|
|
|
169
|
+ import { getHos,GetRegHospital,GetRegDept, GetRegistrationl,GetRegWid,GetYygh,getinum } from '@/api/callScreen/callScreen'
|
|
|
170
|
+
|
|
|
171
|
+ import Pagination from '@/components/context/Pagination' // 对el-pagination 二次封装
|
|
|
172
|
+ import hischange from './hischange'
|
|
|
173
|
+ export default {
|
|
|
174
|
+ name: 'VisitList',
|
|
|
175
|
+ components: {
|
|
|
176
|
+ Pagination
|
|
|
177
|
+ },
|
|
|
178
|
+ props: {
|
|
|
179
|
+ callinNum: {
|
|
|
180
|
+ type: String,
|
|
|
181
|
+ default: ''
|
|
|
182
|
+ }
|
|
|
183
|
+ },
|
|
|
184
|
+
|
|
|
185
|
+ data() {
|
|
|
186
|
+ return {
|
|
|
187
|
+ widarr:[],
|
|
|
188
|
+ deptarr:[],
|
|
|
189
|
+ drawer: false,
|
|
|
190
|
+ direction: 'rtl',
|
|
|
191
|
+ PatientArr:[],
|
|
|
192
|
+ ruleForm: {
|
|
|
193
|
+ PatientCode:'',
|
|
|
194
|
+ PatientName: '', // 患者姓名
|
|
|
195
|
+ identityCard: '', // 身份证号
|
|
|
196
|
+ Sex: '', // 性别
|
|
|
197
|
+ Birthday: '', // 出生日期
|
|
|
198
|
+ tel: '', // 联系方式
|
|
|
199
|
+ Address: '', // 家庭住址
|
|
|
200
|
+ doctor: '', // 预约医生姓名
|
|
|
201
|
+ hospital: '', // hospital
|
|
|
202
|
+ dept: '', // 预约科室
|
|
|
203
|
+ inum:'', // 挂号序号 Registration/getinum
|
|
|
204
|
+ wid:'', // 排班标识 Registration/getwid
|
|
|
205
|
+ price : '', // 挂号费 Registration/getwid
|
|
|
206
|
+ },
|
|
|
207
|
+ searchData: {
|
|
|
208
|
+ searchTime: '',
|
|
|
209
|
+ hosid: '',
|
|
|
210
|
+ deptid:'',
|
|
|
211
|
+ deptname: ''
|
|
|
212
|
+ },
|
|
|
213
|
+ hospitalcodObj:{
|
|
|
214
|
+ 1:'总院',
|
|
|
215
|
+ 11:'和平分院',
|
|
|
216
|
+ 12:'胜利分院',
|
|
|
217
|
+ },
|
|
|
218
|
+ pcodeObj:{
|
|
|
219
|
+ 10:'上午',
|
|
|
220
|
+ 20: '中午',
|
|
|
221
|
+ 30:'下午',
|
|
|
222
|
+ 40:'夜班',
|
|
|
223
|
+ 50:'全天',
|
|
|
224
|
+ 60:'急诊上午',
|
|
|
225
|
+ 70:'急诊下午',
|
|
|
226
|
+ 80:'夏令',
|
|
|
227
|
+ 90:'绿色通道',
|
|
|
228
|
+ },
|
|
|
229
|
+ rankidObj:{
|
|
|
230
|
+ 10:'名特专家',
|
|
|
231
|
+ 11:'省优秀专家',
|
|
|
232
|
+ 12:'保健干部医师',
|
|
|
233
|
+ 13:'主任医师',
|
|
|
234
|
+ 14:'主治医师',
|
|
|
235
|
+ 15:'住院医师',
|
|
|
236
|
+ 16:'急诊医师',
|
|
|
237
|
+ 3:'副主任医师',
|
|
|
238
|
+ 4:'国家特贴主任医师',
|
|
|
239
|
+ 6:'建议书',
|
|
|
240
|
+ 9:'门诊挂号',
|
|
|
241
|
+ 5:'未知'
|
|
|
242
|
+ },
|
|
|
243
|
+ wrankObj:{
|
|
|
244
|
+ 1 :'名特专家',
|
|
|
245
|
+ 2 :'省优秀专家',
|
|
|
246
|
+ 3 :'保健干部医师',
|
|
|
247
|
+ 4:'主任医师',
|
|
|
248
|
+ 5:'主治医师',
|
|
|
249
|
+ 6:'住院医师',
|
|
|
250
|
+ 7:'急诊医师',
|
|
|
251
|
+ 8:'副主任医师',
|
|
|
252
|
+ 9:'国家特贴主任医师'
|
|
|
253
|
+ },
|
|
|
254
|
+ hosarr: [],
|
|
|
255
|
+ tableData: []
|
|
|
256
|
+ }
|
|
|
257
|
+ },
|
|
|
258
|
+ created() {
|
|
|
259
|
+ this.getHospital()
|
|
|
260
|
+ // this.handleDept()
|
|
|
261
|
+ // this.getList()
|
|
|
262
|
+ },
|
|
|
263
|
+ methods: {
|
|
|
264
|
+ submitForm() {
|
|
|
265
|
+ console.log(this.ruleForm)
|
|
|
266
|
+ const params = this.ruleForm
|
|
|
267
|
+ // axios.get('http://192.168.1.37:8000/Registration/Yygh',
|
|
|
268
|
+ // {
|
|
|
269
|
+ // params,
|
|
|
270
|
+ // headers: {
|
|
|
271
|
+ // 'Content-Type':'pplication/x-www-form-urlencoded;charset=UTF-8'
|
|
|
272
|
+ // }
|
|
|
273
|
+ // }).then(function (response) {
|
|
|
274
|
+ // console.log(response)
|
|
|
275
|
+ // }).catch(function (error) {
|
|
|
276
|
+ // console.log(error);
|
|
|
277
|
+ // });
|
|
|
278
|
+ GetYygh(this.ruleForm).then((res) => {
|
|
|
279
|
+ console.log(res)
|
|
|
280
|
+ this.drawer = false
|
|
|
281
|
+ })
|
|
|
282
|
+ },
|
|
|
283
|
+ handlePatient(e){
|
|
|
284
|
+ const resultValue = this.PatientArr.find(function(item, index, arr){
|
|
|
285
|
+ return item.id === e
|
|
|
286
|
+ })
|
|
|
287
|
+ console.log(resultValue.inum)
|
|
|
288
|
+ this.ruleForm.inum = resultValue.inum
|
|
|
289
|
+ },
|
|
|
290
|
+ handleReg(item) {
|
|
|
291
|
+ this.drawer = true
|
|
|
292
|
+ this.ruleForm.wid = item.wid
|
|
|
293
|
+ this.ruleForm.price = item.price
|
|
|
294
|
+ const params = {
|
|
|
295
|
+ wid:item.wid
|
|
|
296
|
+ }
|
|
|
297
|
+ getinum(params).then((res) => {
|
|
|
298
|
+ console.log(res)
|
|
|
299
|
+ if (res.no.length > 0) {
|
|
|
300
|
+ this.PatientArr = res.no
|
|
|
301
|
+ }
|
|
|
302
|
+ console.log(this.PatientArr)
|
|
|
303
|
+ })
|
|
|
304
|
+ },
|
|
|
305
|
+ handleClose(done) {
|
|
|
306
|
+ this.drawer = false
|
|
|
307
|
+ },
|
|
|
308
|
+ btn_search() {
|
|
|
309
|
+ this.getList()
|
|
|
310
|
+ },
|
|
|
311
|
+ handleDept(e){
|
|
|
312
|
+ console.log(e)
|
|
|
313
|
+ const params = {
|
|
|
314
|
+ deptid:e
|
|
|
315
|
+ }
|
|
|
316
|
+ GetRegWid(params).then((res) => {
|
|
|
317
|
+ this.widarr = []
|
|
|
318
|
+ if (res.works.length>0) {
|
|
|
319
|
+ // this.widarr = res.works
|
|
|
320
|
+ this.tableData = res.works
|
|
|
321
|
+ }
|
|
|
322
|
+
|
|
|
323
|
+ })
|
|
|
324
|
+ },
|
|
|
325
|
+
|
|
|
326
|
+ handleHospital(e){
|
|
|
327
|
+ console.log(e)
|
|
|
328
|
+ const params = {
|
|
|
329
|
+ preetype:6,
|
|
|
330
|
+ hospitalcode:e
|
|
|
331
|
+ }
|
|
|
332
|
+ GetRegDept(params).then((res) => {
|
|
|
333
|
+ this.deptarr = []
|
|
|
334
|
+ if (res.depts.length>0) {
|
|
|
335
|
+ this.deptarr = res.depts
|
|
|
336
|
+ }
|
|
|
337
|
+
|
|
|
338
|
+ })
|
|
|
339
|
+ },
|
|
|
340
|
+ getHospital() {
|
|
|
341
|
+ const params = {}
|
|
|
342
|
+ GetRegHospital(params).then((res) => {
|
|
|
343
|
+ this.hosarr = []
|
|
|
344
|
+ if (res.reportlist.length>0) {
|
|
|
345
|
+ this.hosarr = res.reportlist
|
|
|
346
|
+ }
|
|
|
347
|
+ })
|
|
|
348
|
+ }
|
|
|
349
|
+ }
|
|
|
350
|
+ }
|
|
|
351
|
+</script>
|
|
|
352
|
+
|
|
|
353
|
+<style rel="stylesheet/scss" lang="scss">
|
|
|
354
|
+ .regList {
|
|
|
355
|
+ height: 590px;
|
|
|
356
|
+ overflow-y: auto;
|
|
|
357
|
+
|
|
|
358
|
+ .regItem {
|
|
|
359
|
+ border-top: 1px solid #DCDFE6;
|
|
|
360
|
+ padding: 10px;
|
|
|
361
|
+
|
|
|
362
|
+ .itemLine1 {
|
|
|
363
|
+ display: flex;
|
|
|
364
|
+
|
|
|
365
|
+ line-height: 30px;
|
|
|
366
|
+
|
|
|
367
|
+ .lineSpan1 {
|
|
|
368
|
+ font-size: 18px;
|
|
|
369
|
+ }
|
|
|
370
|
+
|
|
|
371
|
+ .lineSpan2 {
|
|
|
372
|
+ font-size: 16px;
|
|
|
373
|
+ padding-left: 10px;
|
|
|
374
|
+ }
|
|
|
375
|
+
|
|
|
376
|
+ .lineSpan3 {
|
|
|
377
|
+ font-size: 12px;
|
|
|
378
|
+ padding-left: 10px;
|
|
|
379
|
+ }
|
|
|
380
|
+ }
|
|
|
381
|
+
|
|
|
382
|
+ .itemLine2 {
|
|
|
383
|
+ display: flex;
|
|
|
384
|
+ line-height: 30px;
|
|
|
385
|
+ font-size: 14px;
|
|
|
386
|
+
|
|
|
387
|
+ .lineSpan1 {}
|
|
|
388
|
+
|
|
|
389
|
+ .lineSpan2 {
|
|
|
390
|
+ padding-left: 10px;
|
|
|
391
|
+ }
|
|
|
392
|
+
|
|
|
393
|
+ .lineSpan3 {
|
|
|
394
|
+ padding-left: 10px;
|
|
|
395
|
+ }
|
|
|
396
|
+
|
|
|
397
|
+ .lineSpan4 {
|
|
|
398
|
+ padding-left: 10px;
|
|
|
399
|
+
|
|
|
400
|
+ .btn {
|
|
|
401
|
+ font-size: 12px;
|
|
|
402
|
+ padding: 5px 10px;
|
|
|
403
|
+ }
|
|
|
404
|
+ }
|
|
|
405
|
+ }
|
|
|
406
|
+ }
|
|
|
407
|
+ }
|
|
|
408
|
+</style>
|