|
@@ -1,5 +1,5 @@
|
1
|
1
|
<template>
|
2
|
|
- <div style="height: calc(100% - 54px);display: flex;flex-direction: column;margin-top: 54px;">
|
|
2
|
+ <div style="height: calc(100% - 56px);display: flex;flex-direction: column;margin-top: 56px;">
|
3
|
3
|
<!-- <div style="border-top:1px solid #e5e5e5;margin-top:5px;">
|
4
|
4
|
<div class="mainCell" style="margin-bottom:10px;float:right">
|
5
|
5
|
<el-button size="small" @click="open(1)" type="primary" style="margin-left:10px;">保存</el-button>
|
|
@@ -12,16 +12,16 @@
|
12
|
12
|
<div class="mainCenter">
|
13
|
13
|
<div class="centerLeft">
|
14
|
14
|
<el-form :model="form" ref="form" label-width="80px" style="display: flex;flex-wrap: wrap;justify-content: space-between;">
|
15
|
|
- <el-form-item label="姓名:" prop="name">
|
|
15
|
+ <el-form-item label="姓名:" prop="name" label-position="right">
|
16
|
16
|
<el-input v-model="patientInfo.name" placeholder="" readonly></el-input>
|
17
|
17
|
</el-form-item>
|
18
|
|
- <el-form-item label="证件号: " prop="name">
|
|
18
|
+ <el-form-item label="证件号: " prop="name" label-position="right">
|
19
|
19
|
<el-input v-model="patientInfo.id_card_no" placeholder="" readonly></el-input>
|
20
|
20
|
</el-form-item>
|
21
|
21
|
<!--<el-form-item label="挂号类型: " prop="name">-->
|
22
|
22
|
<!--<el-input v-model="hisPatientInfo.register_type" placeholder="" readonly></el-input>-->
|
23
|
23
|
<!--</el-form-item>-->
|
24
|
|
- <el-form-item label="挂号类型: " prop="name">
|
|
24
|
+ <el-form-item label="挂号类型: " prop="name" label-position="right">
|
25
|
25
|
<el-select style="width:100%;" v-model="register_type" placeholder="">
|
26
|
26
|
<el-option
|
27
|
27
|
v-for="(item,index) in getDictionaryDataConfig('system','register_type')"
|
|
@@ -31,7 +31,7 @@
|
31
|
31
|
</el-option>
|
32
|
32
|
</el-select>
|
33
|
33
|
</el-form-item>
|
34
|
|
- <el-form-item label="疾病类型:" prop="name">
|
|
34
|
+ <el-form-item label="疾病类型:" prop="name" label-position="right">
|
35
|
35
|
|
36
|
36
|
<el-select style="width:100%;" v-model="state1" placeholder="">
|
37
|
37
|
<el-option
|
|
@@ -43,7 +43,7 @@
|
43
|
43
|
</el-select>
|
44
|
44
|
|
45
|
45
|
</el-form-item>
|
46
|
|
- <el-form-item label="过敏病史: " prop="name">
|
|
46
|
+ <el-form-item label="过敏病史: " prop="name" label-position="right">
|
47
|
47
|
<el-autocomplete
|
48
|
48
|
style="width:100%;"
|
49
|
49
|
class="inline-input"
|
|
@@ -52,6 +52,9 @@
|
52
|
52
|
placeholder="请输入内容"
|
53
|
53
|
></el-autocomplete>
|
54
|
54
|
</el-form-item>
|
|
55
|
+ <el-form-item label="过敏病史: " prop="name" style="visibility: hidden;">
|
|
56
|
+ <el-input placeholder="" readonly></el-input>
|
|
57
|
+ </el-form-item>
|
55
|
58
|
</el-form>
|
56
|
59
|
<div class="tabsBox">
|
57
|
60
|
|
|
@@ -75,29 +78,31 @@
|
75
|
78
|
|
76
|
79
|
</div>
|
77
|
80
|
<div class="costBox">
|
78
|
|
- <span>医生:</span>
|
79
|
|
- <el-select style="margin-right:5px;width:140px;" v-model="doctorValue" placeholder="" @change="changeDoctor">
|
80
|
|
- <el-option
|
81
|
|
- v-for="(item,index) in doctors"
|
82
|
|
- :key="index"
|
83
|
|
- :label="item.user_name"
|
84
|
|
- :value="item.admin_user_id">
|
85
|
|
- </el-option>
|
86
|
|
- </el-select>
|
87
|
|
- <span>科室:</span>
|
88
|
|
- <el-select style="margin-right:5px;width:140px;" v-model="departmentValue" placeholder="">
|
89
|
|
- <el-option
|
90
|
|
- v-for="(item,index) in department"
|
91
|
|
- :key="index"
|
92
|
|
- :label="item.name"
|
93
|
|
- :value="item.id">
|
94
|
|
- </el-option>
|
95
|
|
- </el-select>
|
96
|
|
- <span>当前处方总价:</span>
|
97
|
|
- <span style="color:red;">{{getTotalOne()?getTotalOne():''}}</span>元
|
98
|
|
- <span style="margin-left:10px;">总价:</span>
|
99
|
|
- <span style="color:red;">{{ getTotal()?getTotal():''}}</span>元
|
100
|
|
- <span>{{order_status}}</span>
|
|
81
|
+ <div>
|
|
82
|
+ <span>医生:</span>
|
|
83
|
+ <el-select style="margin-right:5px;width:140px;" v-model="doctorValue" placeholder="" @change="changeDoctor">
|
|
84
|
+ <el-option
|
|
85
|
+ v-for="(item,index) in doctors"
|
|
86
|
+ :key="index"
|
|
87
|
+ :label="item.user_name"
|
|
88
|
+ :value="item.admin_user_id">
|
|
89
|
+ </el-option>
|
|
90
|
+ </el-select>
|
|
91
|
+ <span>科室:</span>
|
|
92
|
+ <el-select style="margin-right:5px;width:140px;" v-model="departmentValue" placeholder="">
|
|
93
|
+ <el-option
|
|
94
|
+ v-for="(item,index) in department"
|
|
95
|
+ :key="index"
|
|
96
|
+ :label="item.name"
|
|
97
|
+ :value="item.id">
|
|
98
|
+ </el-option>
|
|
99
|
+ </el-select>
|
|
100
|
+ <span>当前处方总价:</span>
|
|
101
|
+ <span style="color:red;">{{getTotalOne()?getTotalOne():''}}</span>元
|
|
102
|
+ <span style="margin-left:10px;">总价:</span>
|
|
103
|
+ <span style="color:red;">{{ getTotal()?getTotal():''}}</span>元
|
|
104
|
+ </div>
|
|
105
|
+ <span :class="order_status == '未收费' ? 'statusRed' : ''">{{order_status}}</span>
|
101
|
106
|
|
102
|
107
|
</div>
|
103
|
108
|
</div>
|
|
@@ -106,7 +111,7 @@
|
106
|
111
|
<p :class="rightTab == 1 ? 'activeP' : ''" @click="clickTab(1)">药品</p>
|
107
|
112
|
<p :class="rightTab == 2 ? 'activeP' : ''" @click="clickTab(2)">项目</p>
|
108
|
113
|
</div> -->
|
109
|
|
- <el-tabs class="borderCard" type="border-card" v-model="rightTab" @tab-click="clickTab">
|
|
114
|
+ <el-tabs class="borderCard" type="border-card" v-model="rightTab" @tab-click="clickTab" :before-leave='beforeLeave'>
|
110
|
115
|
<el-tab-pane label="药品" :name="1">
|
111
|
116
|
|
112
|
117
|
</el-tab-pane>
|
|
@@ -132,14 +137,14 @@
|
132
|
137
|
</el-option>
|
133
|
138
|
</el-select>
|
134
|
139
|
</div>
|
135
|
|
- <div style="width: 100%;flex:1;overflow-y: auto;">
|
136
|
|
- <el-table ref="multipleTable" :data="drugs" border @select='selectDrugs'
|
|
140
|
+ <div style="width: 100%;flex:1;overflow: hidden;" ref="rightTable">
|
|
141
|
+ <el-table ref="multipleTable" :height="multipleTableHeight != '' ? multipleTableHeight : '200'" :data="drugs" border @select='selectDrugs'
|
137
|
142
|
:row-style="{ color: '#303133' }"
|
138
|
143
|
@select-all="changeAllGoodInfoTableData"
|
139
|
144
|
:header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
|
140
|
145
|
highlight-current-row>
|
141
|
146
|
<el-table-column type="selection" width="40" align="center"></el-table-column>
|
142
|
|
- <el-table-column prop="name" label="名称">
|
|
147
|
+ <el-table-column label="名称">
|
143
|
148
|
<template slot-scope="scope">{{ scope.row.drug_name }}</template>
|
144
|
149
|
</el-table-column>
|
145
|
150
|
<el-table-column label="规格" width="60">
|
|
@@ -173,7 +178,7 @@
|
173
|
178
|
</el-select>
|
174
|
179
|
</div>
|
175
|
180
|
<div style="width: 100%;flex:1;overflow-y: auto;">
|
176
|
|
- <el-table ref="multipleTableTwo" :data="advices_template" border
|
|
181
|
+ <el-table ref="multipleTableTwo" :height="multipleTableHeight != '' ? multipleTableHeight : '200'" :data="advices_template" border
|
177
|
182
|
:row-style="{ color: '#303133' }"
|
178
|
183
|
:header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
|
179
|
184
|
highlight-current-row>
|
|
@@ -199,7 +204,7 @@
|
199
|
204
|
<el-tabs class="rightTabs" v-model="activeName">
|
200
|
205
|
<el-tab-pane label="项目列表" name="1">
|
201
|
206
|
<div style="width: 100%;flex:1;overflow-y: auto;">
|
202
|
|
- <el-table ref="tables" :data="tabProject" border @select='selectChange'
|
|
207
|
+ <el-table ref="tables" :height="multipleTableHeight != '' ? multipleTableHeight : '200'" :data="tabProject" border @select='selectChange'
|
203
|
208
|
:row-style="{ color: '#303133' }"
|
204
|
209
|
@select-all="changeAllGoodInfoTableDataTwo"
|
205
|
210
|
:header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
|
|
@@ -219,7 +224,7 @@
|
219
|
224
|
</el-tab-pane>
|
220
|
225
|
<el-tab-pane label="项目组套" name="2">
|
221
|
226
|
<div style="width: 100%;flex:1;overflow-y: auto;">
|
222
|
|
- <el-table :data="tabPrjectTeam" border
|
|
227
|
+ <el-table :data="tabPrjectTeam" border :height="multipleTableHeight != '' ? multipleTableHeight : '200'"
|
223
|
228
|
:row-style="{ color: '#303133' }"
|
224
|
229
|
:header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
|
225
|
230
|
highlight-current-row
|
|
@@ -255,7 +260,7 @@
|
255
|
260
|
</el-option>
|
256
|
261
|
</el-select>
|
257
|
262
|
</div> -->
|
258
|
|
- <el-button type="primary" size="small" style="width:100%;" @click="comfirm">确定添加</el-button>
|
|
263
|
+ <el-button type="primary" style="width:100%;" @click="comfirm">确定添加</el-button>
|
259
|
264
|
</div>
|
260
|
265
|
</template>
|
261
|
266
|
</div>
|
|
@@ -312,6 +317,7 @@
|
312
|
317
|
},
|
313
|
318
|
data() {
|
314
|
319
|
return {
|
|
320
|
+ multipleTableHeight:'',
|
315
|
321
|
register_type: '',
|
316
|
322
|
value: '0',
|
317
|
323
|
form: {
|
|
@@ -886,6 +892,19 @@
|
886
|
892
|
})
|
887
|
893
|
|
888
|
894
|
},
|
|
895
|
+ beforeLeave(activeName, oldActiveName){
|
|
896
|
+ let index = activeName
|
|
897
|
+ if (index == 1) {
|
|
898
|
+ if (this.curPrescriptions.advices.length == 0 && this.curPrescriptions.project.length > 0) {
|
|
899
|
+ return false
|
|
900
|
+ }
|
|
901
|
+ } else {
|
|
902
|
+ if (this.curPrescriptions.advices.length > 0 && this.curPrescriptions.project.length == 0) {
|
|
903
|
+ return false
|
|
904
|
+ }
|
|
905
|
+
|
|
906
|
+ }
|
|
907
|
+ },
|
889
|
908
|
clickTab(tab) {
|
890
|
909
|
let index = parseInt(tab.name)
|
891
|
910
|
if (index == 1) {
|
|
@@ -1150,9 +1169,26 @@
|
1150
|
1169
|
this.getlist()
|
1151
|
1170
|
//获取所以项目组套
|
1152
|
1171
|
this.getAllProjectTeam()
|
1153
|
|
-
|
1154
|
|
-
|
|
1172
|
+ this.$nextTick(() => {
|
|
1173
|
+ this.multipleTableHeight = parseInt(this.$refs.rightTable.offsetHeight)
|
|
1174
|
+ })
|
|
1175
|
+
|
1155
|
1176
|
},
|
|
1177
|
+ watch: {
|
|
1178
|
+ fullHeight (val) {
|
|
1179
|
+ if(!this.timer) {
|
|
1180
|
+ this.fullHeight = val
|
|
1181
|
+ let tableHeight = val - 263
|
|
1182
|
+ this.tableHeight = tableHeight
|
|
1183
|
+ this.multipleTableHeight = parseInt(this.$refs.rightTable.offsetHeight)
|
|
1184
|
+ this.timer = true
|
|
1185
|
+ let that = this
|
|
1186
|
+ setTimeout(function (){
|
|
1187
|
+ that.timer = false
|
|
1188
|
+ },400)
|
|
1189
|
+ }
|
|
1190
|
+ }
|
|
1191
|
+ }
|
1156
|
1192
|
}
|
1157
|
1193
|
</script>
|
1158
|
1194
|
|
|
@@ -1178,6 +1214,7 @@
|
1178
|
1214
|
height: 100%;
|
1179
|
1215
|
display: flex;
|
1180
|
1216
|
flex-direction: column;
|
|
1217
|
+ margin-top: 2px;
|
1181
|
1218
|
|
1182
|
1219
|
.el-radio {
|
1183
|
1220
|
margin-right: 5px;
|
|
@@ -1263,11 +1300,15 @@
|
1263
|
1300
|
bottom: 0;
|
1264
|
1301
|
display: flex;
|
1265
|
1302
|
align-items: center;
|
|
1303
|
+ justify-content: space-between;
|
|
1304
|
+ }
|
|
1305
|
+ .statusRed{
|
|
1306
|
+ color:red;
|
1266
|
1307
|
}
|
1267
|
1308
|
|
1268
|
1309
|
.addTab {
|
1269
|
1310
|
position: absolute;
|
1270
|
|
- right: 3px;
|
|
1311
|
+ right: 8px;
|
1271
|
1312
|
top: 3px;
|
1272
|
1313
|
z-index: 20;
|
1273
|
1314
|
}
|
|
@@ -1320,6 +1361,7 @@
|
1320
|
1361
|
display: flex;
|
1321
|
1362
|
align-items: center;
|
1322
|
1363
|
justify-content: space-between;
|
|
1364
|
+ z-index: 99;
|
1323
|
1365
|
}
|
1324
|
1366
|
.borderCard{
|
1325
|
1367
|
height: 100%;
|
|
@@ -1427,4 +1469,7 @@
|
1427
|
1469
|
}
|
1428
|
1470
|
|
1429
|
1471
|
}
|
|
1472
|
+ ::-webkit-scrollbar{
|
|
1473
|
+ height:15px;
|
|
1474
|
+ }
|
1430
|
1475
|
</style>
|