Selaa lähdekoodia

修改输入框选中

See999 5 vuotta sitten
vanhempi
commit
8caae9e0aa

File diff suppressed because it is too large
+ 1101 - 933
src/pages/main/dialog/AssessmentDialog.vue


+ 449 - 249
src/pages/main/dialog/PrescriptionDialog.vue Näytä tiedosto

@@ -1,6 +1,5 @@
1 1
 <template>
2 2
   <div>
3
-
4 3
     <div v-if="isShowDialog" class="Dialog">
5 4
       <div class="DialogTit">
6 5
         <span @click="close()" class="iconfont">&#xe6e9;</span>
@@ -8,298 +7,479 @@
8 7
         <button class="newButton" @click="showmsgtip">{{patient.name}}</button>
9 8
         <span @click="commitInfo" class="success" v-if="isPermission()">保存</span>
10 9
         <span @click="commitInfo" class="success" v-if="!isPermission()"></span>
11
-
12 10
       </div>
13 11
 
14 12
       <div class="DialogContent newDialogContent" id="dialogTop">
15 13
         <div>
16
-        <div @click="showSubMenu('mode')" class="item" ref="mode" v-if="isShow('透析模式')">
17
-          <label class="name" for="txms">透析模式</label>
18
-          <div class="content">
19
-            <span class="text" id="txms">{{GetModeByModeId(dialysisPrescription.mode_id)}}</span>
20
-            <span class="iconfont">&#xe6f9;</span>
14
+          <div @click="showSubMenu('mode')" class="item" ref="mode" v-if="isShow('透析模式')">
15
+            <label class="name" for="txms">透析模式</label>
16
+            <div class="content">
17
+              <span class="text" id="txms">{{GetModeByModeId(dialysisPrescription.mode_id)}}</span>
18
+              <span class="iconfont">&#xe6f9;</span>
19
+            </div>
21 20
           </div>
22
-        </div>
23
-        <div class="item" @click="openPicker" v-if="isShow('透析时长')">
24
-          <label class="name" for="txsc">透析时长</label>
25
-          <div class="content">
26
-            <span class="text" style="width: 100px">{{timeValue}}</span>
27
-            <span class="iconfont">&#xe6f9;</span>
21
+          <div class="item" @click="openPicker" v-if="isShow('透析时长')">
22
+            <label class="name" for="txsc">透析时长</label>
23
+            <div class="content">
24
+              <span class="text" style="width: 100px">{{timeValue}}</span>
25
+              <span class="iconfont">&#xe6f9;</span>
26
+            </div>
28 27
           </div>
29
-        </div>
30 28
 
31
-        <div class="item" v-if="isShow('血流量')">
32
-          <label class="name" for="xll">血流量(ml/min)</label>
33
-          <div class="content">
34
-            <input type="number" @focus="inputFocus" id="xll" v-model="dialysisPrescription.blood_flow_volume"/>
29
+          <div class="item" v-if="isShow('血流量')">
30
+            <label class="name" for="xll">血流量(ml/min)</label>
31
+            <div class="content">
32
+              <input
33
+                type="number"
34
+                @click="newClick($event)"
35
+                @focus="inputFocus"
36
+                id="xll"
37
+                v-model="dialysisPrescription.blood_flow_volume"
38
+              />
39
+            </div>
35 40
           </div>
36
-        </div>
37 41
 
38
-        <div class="item" v-if="isShow('目标超滤量')">
39
-          <label class="name" for="mbcll">目标超滤量(L)</label>
40
-          <div class="content">
41
-            <input type="number" @focus="inputFocus" id="mbcll" v-model="dialysisPrescription.target_ultrafiltration"/>
42
+          <div class="item" v-if="isShow('目标超滤量')">
43
+            <label class="name" for="mbcll">目标超滤量(L)</label>
44
+            <div class="content">
45
+              <input
46
+                type="number"
47
+                @click="newClick($event)"
48
+                @focus="inputFocus"
49
+                id="mbcll"
50
+                v-model="dialysisPrescription.target_ultrafiltration"
51
+              />
52
+            </div>
42 53
           </div>
43
-        </div>
44
-        <div @click="showSubMenu('dialysate_formulation')" class="item" ref="dialysate_formulation"
45
-             v-if="isShow('透析液配方')">
46
-          <label class="name" for="txypf">透析液配方</label>
47
-          <div class="content">
48
-            <span class="text"
49
-                  id="txypf">{{GetDialysateFormulationById(dialysisPrescription.dialysate_formulation)}}</span>
50
-            <span class="iconfont">&#xe6f9;</span>
54
+          <div
55
+            @click="showSubMenu('dialysate_formulation')"
56
+            class="item"
57
+            ref="dialysate_formulation"
58
+            v-if="isShow('透析液配方')"
59
+          >
60
+            <label class="name" for="txypf">透析液配方</label>
61
+            <div class="content">
62
+              <span
63
+                class="text"
64
+                id="txypf"
65
+              >{{GetDialysateFormulationById(dialysisPrescription.dialysate_formulation)}}</span>
66
+              <span class="iconfont">&#xe6f9;</span>
67
+            </div>
51 68
           </div>
52
-        </div>
53 69
 
54
-        <div @click="showSubMenu('anticoagulant')" class="item" ref="anticoagulant" v-if="isShow('抗凝剂')">
55
-          <label class="name" for="knj">抗凝剂</label>
56
-          <div class="content">
57
-            <span class="text" id="knj">{{GetAnticoagulantById(dialysisPrescription.anticoagulant)}}</span>
58
-            <span class="iconfont">&#xe6f9;</span>
70
+          <div
71
+            @click="showSubMenu('anticoagulant')"
72
+            class="item"
73
+            ref="anticoagulant"
74
+            v-if="isShow('抗凝剂')"
75
+          >
76
+            <label class="name" for="knj">抗凝剂</label>
77
+            <div class="content">
78
+              <span
79
+                class="text"
80
+                id="knj"
81
+              >{{GetAnticoagulantById(dialysisPrescription.anticoagulant)}}</span>
82
+              <span class="iconfont">&#xe6f9;</span>
83
+            </div>
59 84
           </div>
60
-        </div>
61 85
 
62 86
           <div class="item" v-if="anticoagulant.shouji != -1&&isShow('首剂')">
63
-            <label class="name" for="zl" v-if="dialysisPrescription.anticoagulant == 0 ||dialysisPrescription.anticoagulant == -2">首剂(mg)</label>
87
+            <label
88
+              class="name"
89
+              for="zl"
90
+              v-if="dialysisPrescription.anticoagulant == 0 ||dialysisPrescription.anticoagulant == -2"
91
+            >首剂(mg)</label>
64 92
             <label class="name" for="zl" v-if="dialysisPrescription.anticoagulant == 2">首剂(mg)</label>
65 93
             <label class="name" for="zl" v-if="dialysisPrescription.anticoagulant == 3">首剂(iu)</label>
66 94
             <label class="name" for="zl" v-if="dialysisPrescription.anticoagulant == 4">首剂(mg)</label>
67 95
             <label class="name" for="zl" v-if="dialysisPrescription.anticoagulant == 5">首剂(mg)</label>
68 96
             <label class="name" for="zl" v-if="dialysisPrescription.anticoagulant == 1">首剂(mg)</label>
69 97
             <div class="content">
70
-              <input v-if="dialysisPrescription.anticoagulant != 1" type="number" @focus="inputFocus" id="sj" v-model="dialysisPrescription.anticoagulant_shouji"
71
-                     :disabled="anticoagulant.shouji==1?false:true"/>
72
-
73
-              <input v-if="dialysisPrescription.anticoagulant == 1" type="number" @focus="inputFocus" id="sj" v-model="dialysisPrescription.no_anticoagulant_shouji"
74
-                     disabled="true"/>
98
+              <input
99
+                v-if="dialysisPrescription.anticoagulant != 1"
100
+                type="number"
101
+                @click="newClick($event)"
102
+                @focus="inputFocus"
103
+                id="sj"
104
+                v-model="dialysisPrescription.anticoagulant_shouji"
105
+                :disabled="anticoagulant.shouji==1?false:true"
106
+              />
107
+
108
+              <input
109
+                v-if="dialysisPrescription.anticoagulant == 1"
110
+                type="number"
111
+                @click="newClick($event)"
112
+                @focus="inputFocus"
113
+                id="sj"
114
+                v-model="dialysisPrescription.no_anticoagulant_shouji"
115
+                disabled="true"
116
+              />
75 117
             </div>
76 118
           </div>
77 119
           <div class="item" v-if="anticoagulant.weichi != -1&&isShow('维持')">
78
-            <label class="name" for="zl" v-if="dialysisPrescription.anticoagulant == 0 ||dialysisPrescription.anticoagulant == -2">维持(mg/h)</label>
120
+            <label
121
+              class="name"
122
+              for="zl"
123
+              v-if="dialysisPrescription.anticoagulant == 0 ||dialysisPrescription.anticoagulant == -2"
124
+            >维持(mg/h)</label>
79 125
             <label class="name" for="zl" v-if="dialysisPrescription.anticoagulant == 2">维持(mg/h)</label>
80 126
             <label class="name" for="zl" v-if="dialysisPrescription.anticoagulant == 3">维持(iu)</label>
81 127
             <label class="name" for="zl" v-if="dialysisPrescription.anticoagulant == 4">维持(mg/h)</label>
82 128
             <label class="name" for="zl" v-if="dialysisPrescription.anticoagulant == 5">维持(ml/h)</label>
83 129
             <label class="name" for="zl" v-if="dialysisPrescription.anticoagulant == 1">维持(mg/h)</label>
84 130
             <div class="content">
85
-              <input v-if="dialysisPrescription.anticoagulant != 1" type="number" @focus="inputFocus" id="wz" class="inputBox"
86
-                     v-model="dialysisPrescription.anticoagulant_weichi"
87
-                     :disabled="anticoagulant.weichi==1?false:true">
88
-
89
-              <input v-if="dialysisPrescription.anticoagulant == 1" type="number" @focus="inputFocus" id="sj" v-model="dialysisPrescription.no_anticoagulant_weichi"
90
-                     disabled="true"/>
131
+              <input
132
+                v-if="dialysisPrescription.anticoagulant != 1"
133
+                type="number"
134
+                @click="newClick($event)"
135
+                @focus="inputFocus"
136
+                id="wz"
137
+                class="inputBox"
138
+                v-model="dialysisPrescription.anticoagulant_weichi"
139
+                :disabled="anticoagulant.weichi==1?false:true"
140
+              />
141
+
142
+              <input
143
+                v-if="dialysisPrescription.anticoagulant == 1"
144
+                type="number"
145
+                @click="newClick($event)"
146
+                @focus="inputFocus"
147
+                id="sj"
148
+                v-model="dialysisPrescription.no_anticoagulant_weichi"
149
+                disabled="true"
150
+              />
91 151
             </div>
92 152
           </div>
93 153
           <div class="item" v-if="anticoagulant.zongliang != -1 && isShow('总量')">
94
-            <label class="name" for="zl" v-if="dialysisPrescription.anticoagulant == 0 ||dialysisPrescription.anticoagulant == -2">总量(mg)</label>
154
+            <label
155
+              class="name"
156
+              for="zl"
157
+              v-if="dialysisPrescription.anticoagulant == 0 ||dialysisPrescription.anticoagulant == -2"
158
+            >总量(mg)</label>
95 159
             <label class="name" for="zl" v-if="dialysisPrescription.anticoagulant == 2">总量(mg)</label>
96 160
             <label class="name" for="zl" v-if="dialysisPrescription.anticoagulant == 3">总量(iu)</label>
97 161
             <label class="name" for="zl" v-if="dialysisPrescription.anticoagulant == 4">总量(mg)</label>
98 162
             <label class="name" for="zl" v-if="dialysisPrescription.anticoagulant == 5">总量(mg)</label>
99 163
             <label class="name" for="zl" v-if="dialysisPrescription.anticoagulant == 1">总量(mg)</label>
100 164
 
101
-
102 165
             <div class="content">
103
-              <input v-if="dialysisPrescription.anticoagulant != 1" type="number" @focus="inputFocus" id="zl" class="inputBox"
104
-                     v-model="dialysisPrescription.anticoagulant_zongliang"
105
-                     :disabled="anticoagulant.zongliang==1?false:true">
106
-
107
-              <input v-if="dialysisPrescription.anticoagulant == 1" type="number" @focus="inputFocus" id="sj" v-model="dialysisPrescription.no_anticoagulant_zongliang"
108
-                     disabled="true"/>
166
+              <input
167
+                v-if="dialysisPrescription.anticoagulant != 1"
168
+                type="number"
169
+                @click="newClick($event)"
170
+                @focus="inputFocus"
171
+                id="zl"
172
+                class="inputBox"
173
+                v-model="dialysisPrescription.anticoagulant_zongliang"
174
+                :disabled="anticoagulant.zongliang==1?false:true"
175
+              />
176
+
177
+              <input
178
+                v-if="dialysisPrescription.anticoagulant == 1"
179
+                type="number"
180
+                @click="newClick($event)"
181
+                @focus="inputFocus"
182
+                id="sj"
183
+                v-model="dialysisPrescription.no_anticoagulant_zongliang"
184
+                disabled="true"
185
+              />
109 186
             </div>
110 187
           </div>
111 188
 
112 189
           <div class="item" v-if="anticoagulant.gaimingcheng != -1 && isShow('钙名称')">
113 190
             <label class="name" for="g">钙名称</label>
114 191
             <div class="content">
115
-              <input type="text" id="g" class="inputBox" v-model="dialysisPrescription.anticoagulant_gaimingcheng"
116
-                     :disabled="anticoagulant.gaimingcheng==1?false:true">
192
+              <input
193
+                type="text"
194
+                id="g"
195
+                class="inputBox"
196
+                v-model="dialysisPrescription.anticoagulant_gaimingcheng"
197
+                :disabled="anticoagulant.gaimingcheng==1?false:true"
198
+              />
117 199
             </div>
118 200
           </div>
119 201
 
120 202
           <div class="item" v-if="anticoagulant.gaijiliang != -1 && isShow('钙剂量')">
121 203
             <label class="name" for="gjl">钙剂量({{anticoagulant.gaimingcheng_unit}})</label>
122 204
             <div class="content">
123
-              <input type="text" id="gjl" class="inputBox" v-model="dialysisPrescription.anticoagulant_gaijiliang"
124
-                     :disabled="anticoagulant.gaijiliang==1?false:true">
205
+              <input
206
+                type="text"
207
+                id="gjl"
208
+                class="inputBox"
209
+                v-model="dialysisPrescription.anticoagulant_gaijiliang"
210
+                :disabled="anticoagulant.gaijiliang==1?false:true"
211
+              />
125 212
             </div>
126 213
           </div>
127
-        <!-- <div class="item">
214
+          <!-- <div class="item">
128 215
           <label class="name" for="gtz">干体重(kg)</label>
129 216
           <div class="content">
130 217
             <input type="tel" @focus="inputFocus" id="gtz" v-model="dialysisPrescription.dry_weight"/>
131 218
           </div>
132
-        </div> -->
219
+          </div>-->
133 220
 
134
-        <div class="line"></div>
135
-        <div class="item" v-if="isShow('置换量')" v-show="zhiShow">
136
-          <label class="name" for="zhy">置换量(L)</label>
137
-          <div class="content">
138
-            <input type="tel" @focus="inputFocus" id="zhy" v-model="dialysisPrescription.replacement_total"/>
221
+          <div class="line"></div>
222
+          <div class="item" v-if="isShow('置换量')" v-show="zhiShow">
223
+            <label class="name" for="zhy">置换量(L)</label>
224
+            <div class="content">
225
+              <input
226
+                type="number"
227
+                @click="newClick($event)"
228
+                @focus="inputFocus"
229
+                id="zhy"
230
+                v-model="dialysisPrescription.replacement_total"
231
+              />
232
+            </div>
139 233
           </div>
140
-        </div>
141 234
 
142
-        <!-- <div class="line"></div> -->
143
-        <div class="item" v-if="isShow('钾')">
144
-          <label class="name" for="j">钾(mmol/L)</label>
145
-          <div class="content">
146
-            <input type="number" @focus="inputFocus" id="j" v-model="dialysisPrescription.kalium"/>
235
+          <!-- <div class="line"></div> -->
236
+          <div class="item" v-if="isShow('钾')">
237
+            <label class="name" for="j">钾(mmol/L)</label>
238
+            <div class="content">
239
+              <input type="number" @click="newClick($event)" @focus="inputFocus" id="j" v-model="dialysisPrescription.kalium" />
240
+            </div>
147 241
           </div>
148
-        </div>
149
-        <div class="item" v-if="isShow('钠')">
150
-          <label class="name" for="n">钠(mmol/L):</label>
151
-          <div class="content">
152
-            <input type="number" @focus="inputFocus" id="n" v-model="dialysisPrescription.sodium"/>
242
+          <div class="item" v-if="isShow('钠')">
243
+            <label class="name" for="n">钠(mmol/L):</label>
244
+            <div class="content">
245
+              <input type="number" @click="newClick($event)" @focus="inputFocus" id="n" v-model="dialysisPrescription.sodium" />
246
+            </div>
153 247
           </div>
154
-        </div>
155
-        <div class="item" v-if="isShow('钙')">
156
-          <label class="name" for="gg">钙(mmol/L)</label>
157
-          <div class="content">
158
-            <input type="number" @focus="inputFocus" id="gg" v-model="dialysisPrescription.calcium"/>
248
+          <div class="item" v-if="isShow('钙')">
249
+            <label class="name" for="gg">钙(mmol/L)</label>
250
+            <div class="content">
251
+              <input
252
+                type="number"
253
+                @click="newClick($event)"
254
+                @focus="inputFocus"
255
+                id="gg"
256
+                v-model="dialysisPrescription.calcium"
257
+              />
258
+            </div>
159 259
           </div>
160
-        </div>
161
-        <div class="item" v-if="isShow('碳酸氢盐')">
162
-          <label class="name" for="tsqy">碳酸氢盐(mmol/L)</label>
163
-          <div class="content">
164
-            <input type="number" @focus="inputFocus" id="tsqy" v-model="dialysisPrescription.bicarbonate"/>
165
-
260
+          <div class="item" v-if="isShow('碳酸氢盐')">
261
+            <label class="name" for="tsqy">碳酸氢盐(mmol/L)</label>
262
+            <div class="content">
263
+              <input
264
+                type="number"
265
+                @click="newClick($event)"
266
+                @focus="inputFocus"
267
+                id="tsqy"
268
+                v-model="dialysisPrescription.bicarbonate"
269
+              />
270
+            </div>
166 271
           </div>
167
-        </div>
168
-        <div class="item" v-if="isShow('葡萄糖')">
169
-          <label class="name" for="ptt">葡萄糖(mmol/L)</label>
170
-          <div class="content">
171
-            <input type="number" @focus="inputFocus" id="ptt" v-model="dialysisPrescription.glucose"/>
272
+          <div class="item" v-if="isShow('葡萄糖')">
273
+            <label class="name" for="ptt">葡萄糖(mmol/L)</label>
274
+            <div class="content">
275
+              <input
276
+                type="number"
277
+                @click="newClick($event)"
278
+                @focus="inputFocus"
279
+                id="ptt"
280
+                v-model="dialysisPrescription.glucose"
281
+              />
282
+            </div>
172 283
           </div>
173
-        </div>
174 284
 
175
-        <div class="line"></div>
285
+          <div class="line"></div>
176 286
 
177
-        <div class="item" v-if="isShow('透析液流量')">
178
-          <label class="name" for="txyll">透析液流量(ml/min)</label>
179
-          <div class="content">
180
-            <input type="number" @focus="inputFocus" id="txyll" v-model="dialysisPrescription.dialysate_flow"/>
287
+          <div class="item" v-if="isShow('透析液流量')">
288
+            <label class="name" for="txyll">透析液流量(ml/min)</label>
289
+            <div class="content">
290
+              <input
291
+                type="number"
292
+                @click="newClick($event)"
293
+                @focus="inputFocus"
294
+                id="txyll"
295
+                v-model="dialysisPrescription.dialysate_flow"
296
+              />
297
+            </div>
181 298
           </div>
182
-        </div>
183
-        <div class="item" v-if="isShow('透析液温度')">
184
-          <label class="name" for="txywd">透析液温度(℃)</label>
185
-          <div class="content">
186
-            <!--<span class="text">HD</span>-->
187
-            <!--<span class="iconfont">&#xe6f9;</span>-->
188
-            <input type="number" @focus="inputFocus" id="txywd" v-model="dialysisPrescription.dialysate_temperature"/>
189
-
299
+          <div class="item" v-if="isShow('透析液温度')">
300
+            <label class="name" for="txywd">透析液温度(℃)</label>
301
+            <div class="content">
302
+              <!--<span class="text">HD</span>-->
303
+              <!--<span class="iconfont">&#xe6f9;</span>-->
304
+              <input
305
+                type="number"
306
+                @click="newClick($event)"
307
+                @focus="inputFocus"
308
+                id="txywd"
309
+                v-model="dialysisPrescription.dialysate_temperature"
310
+              />
311
+            </div>
190 312
           </div>
191
-        </div>
192
-        <div class="item" v-if="isShow('电导度')">
193
-          <label class="name" for="dtl">电导度(mS/m)</label>
194
-          <div class="content">
195
-
196
-            <input type="number" @focus="inputFocus" id="dtl" v-model="dialysisPrescription.conductivity"/>
313
+          <div class="item" v-if="isShow('电导度')">
314
+            <label class="name" for="dtl">电导度(mS/m)</label>
315
+            <div class="content">
316
+              <input
317
+                type="number"
318
+                @click="newClick($event)"
319
+                @focus="inputFocus"
320
+                id="dtl"
321
+                v-model="dialysisPrescription.conductivity"
322
+              />
323
+            </div>
197 324
           </div>
198
-        </div>
199
-        <div class="item" v-if="isShow('透析器/灌流器')">
200
-          <label class="name" for="dtl">透析器/灌流器</label>
201
-          <div class="content">
202
-
203
-            <input @focus="inputFocus" id="dt" v-model="dialysisPrescription.dialyzer_perfusion_apparatus"/>
325
+          <div class="item" v-if="isShow('透析器/灌流器')">
326
+            <label class="name" for="dtl">透析器/灌流器</label>
327
+            <div class="content">
328
+              <input
329
+                @focus="inputFocus"
330
+                id="dt"
331
+                v-model="dialysisPrescription.dialyzer_perfusion_apparatus"
332
+              />
333
+            </div>
204 334
           </div>
205
-        </div>
206
-        <div class="line"></div>
207
-
208
-        <div @click="showSubMenu('body_fluid')" class="item" ref="body_fluid" v-if="isShow('体液过多症状')">
209
-          <label class="name" for="knj">体液过多症状</label>
210
-          <div class="content">
211
-            <span class="text" id="knja">{{getBodyFluid(dialysisPrescription.body_fluid)}}</span>
212
-            <span class="iconfont">&#xe6f9;</span>
335
+          <div class="line"></div>
336
+
337
+          <div
338
+            @click="showSubMenu('body_fluid')"
339
+            class="item"
340
+            ref="body_fluid"
341
+            v-if="isShow('体液过多症状')"
342
+          >
343
+            <label class="name" for="knj">体液过多症状</label>
344
+            <div class="content">
345
+              <span class="text" id="knja">{{getBodyFluid(dialysisPrescription.body_fluid)}}</span>
346
+              <span class="iconfont">&#xe6f9;</span>
347
+            </div>
213 348
           </div>
214
-        </div>
215 349
 
216
-        <div class="item" v-if="isShow('体液过多其他症状')">
217
-          <label class="name" for="knj">体液过多其他症状</label>
218
-          <div class="content">
219
-            <input @focus="inputFocus" id="dt" v-model="dialysisPrescription.body_fluid_other"/>
350
+          <div class="item" v-if="isShow('体液过多其他症状')">
351
+            <label class="name" for="knj">体液过多其他症状</label>
352
+            <div class="content">
353
+              <input @focus="inputFocus" id="dt" v-model="dialysisPrescription.body_fluid_other" />
354
+            </div>
220 355
           </div>
221
-        </div>
222 356
 
223
-        <div @click="showSubMenu('special_medicine')" class="item" ref="special_medicine" v-if="isShow('透析前使用特殊药物')">
224
-          <label class="name" for="knj">透析前使用特殊药物</label>
225
-          <div class="content">
226
-            <span class="text" id="knjaa">{{getSpecialMedicine(dialysisPrescription.special_medicine)}}</span>
227
-            <span class="iconfont">&#xe6f9;</span>
357
+          <div
358
+            @click="showSubMenu('special_medicine')"
359
+            class="item"
360
+            ref="special_medicine"
361
+            v-if="isShow('透析前使用特殊药物')"
362
+          >
363
+            <label class="name" for="knj">透析前使用特殊药物</label>
364
+            <div class="content">
365
+              <span
366
+                class="text"
367
+                id="knjaa"
368
+              >{{getSpecialMedicine(dialysisPrescription.special_medicine)}}</span>
369
+              <span class="iconfont">&#xe6f9;</span>
370
+            </div>
228 371
           </div>
229
-        </div>
230 372
 
231
-        <div class="item" v-if="isShow('透析前使用其他特殊药物')">
232
-          <label class="name" for="knj">透析前使用其他特殊药物</label>
233
-          <div class="content">
234
-            <input @focus="inputFocus" id="dt" v-model="dialysisPrescription.special_medicine_other"/>
373
+          <div class="item" v-if="isShow('透析前使用其他特殊药物')">
374
+            <label class="name" for="knj">透析前使用其他特殊药物</label>
375
+            <div class="content">
376
+              <input
377
+                @focus="inputFocus"
378
+                id="dt"
379
+                v-model="dialysisPrescription.special_medicine_other"
380
+              />
381
+            </div>
235 382
           </div>
236
-        </div>
237 383
 
238
-        <div @click="showSubMenu('displace_liqui_part')" class="item" ref="displace_liqui_part" v-if="isShow('置换液')" v-show="huShow">
239
-          <label class="name" for="knj">置换液</label>
240
-          <div class="content">
241
-            <span class="text" id="knjaa">{{getDisplaceLiquiPart(dialysisPrescription.displace_liqui_part)}}</span>
242
-            <span class="iconfont">&#xe6f9;</span>
384
+          <div
385
+            @click="showSubMenu('displace_liqui_part')"
386
+            class="item"
387
+            ref="displace_liqui_part"
388
+            v-if="isShow('置换液')"
389
+            v-show="huShow"
390
+          >
391
+            <label class="name" for="knj">置换液</label>
392
+            <div class="content">
393
+              <span
394
+                class="text"
395
+                id="knjaa"
396
+              >{{getDisplaceLiquiPart(dialysisPrescription.displace_liqui_part)}}</span>
397
+              <span class="iconfont">&#xe6f9;</span>
398
+            </div>
243 399
           </div>
244
-        </div>
245 400
 
246
-        <div class="item" v-if="isShow('置换液总量')" v-show="totalShow">
247
-          <label class="name" for="knj">置换液总量(L)</label>
248
-          <div class="content">
249
-            <input @focus="inputFocus" id="dt" v-model="dialysisPrescription.displace_liqui_value"/>
401
+          <div class="item" v-if="isShow('置换液总量')" v-show="totalShow">
402
+            <label class="name" for="knj">置换液总量(L)</label>
403
+            <div class="content">
404
+              <input
405
+                @focus="inputFocus"
406
+                id="dt"
407
+                v-model="dialysisPrescription.displace_liqui_value"
408
+              />
409
+            </div>
250 410
           </div>
251
-        </div>
252 411
 
253
-        <div class="item" v-if="isShow('目标KT/V')">
254
-          <label class="name" for="knj">目标KT/V</label>
255
-          <div class="content">
256
-            <input @focus="inputFocus" id="dt" v-model="dialysisPrescription.target_ktv"/>
412
+          <div class="item" v-if="isShow('目标KT/V')">
413
+            <label class="name" for="knj">目标KT/V</label>
414
+            <div class="content">
415
+              <input @focus="inputFocus" id="dt" v-model="dialysisPrescription.target_ktv" />
416
+            </div>
257 417
           </div>
258
-        </div>
259 418
 
260
-        <div @click="showSubMenu('blood_access')" class="item" ref="blood_access" v-if="isShow('血管通路')">
261
-          <label class="name" for="knj">血管通路</label>
262
-          <div class="content">
263
-            <span class="text" id="knjaa">{{getBloodAccess(dialysisPrescription.blood_access)}}</span>
264
-            <span class="iconfont">&#xe6f9;</span>
419
+          <div
420
+            @click="showSubMenu('blood_access')"
421
+            class="item"
422
+            ref="blood_access"
423
+            v-if="isShow('血管通路')"
424
+          >
425
+            <label class="name" for="knj">血管通路</label>
426
+            <div class="content">
427
+              <span class="text" id="knjaa">{{getBloodAccess(dialysisPrescription.blood_access)}}</span>
428
+              <span class="iconfont">&#xe6f9;</span>
429
+            </div>
265 430
           </div>
266
-        </div>
267 431
 
268
-        <div class="item" v-if="isShow('实际超滤量')">
269
-          <label class="name" for="knj">实际超滤量(L)</label>
270
-          <div class="content">
271
-            <input @focus="inputFocus" id="dt" v-model="dialysisPrescription.ultrafiltration"/>
432
+          <div class="item" v-if="isShow('实际超滤量')">
433
+            <label class="name" for="knj">实际超滤量(L)</label>
434
+            <div class="content">
435
+              <input @focus="inputFocus" id="dt" v-model="dialysisPrescription.ultrafiltration" />
436
+            </div>
272 437
           </div>
273
-        </div>
274 438
 
275
-        <div @click="dialysisGoodsClick()" class="item" ref="consumable_material" v-if="config.is_open == 1">
276
-          <label class="name" for="knj">透析耗材</label>
277
-          <div class="content">
278
-            <span class="text" id="knjaa"></span>
279
-            <span class="iconfont">&#xe6f9;</span>
439
+          <div
440
+            @click="dialysisGoodsClick()"
441
+            class="item"
442
+            ref="consumable_material"
443
+            v-if="config.is_open == 1"
444
+          >
445
+            <label class="name" for="knj">透析耗材</label>
446
+            <div class="content">
447
+              <span class="text" id="knjaa"></span>
448
+              <span class="iconfont">&#xe6f9;</span>
449
+            </div>
280 450
           </div>
281
-        </div>
282 451
 
283
-        <div class="item" style="display: none">
284
-          <label class="name" for="dtl">医生签名</label>
285
-          <div class="content">
286
-            <div v-if="isShowDesc">医生尚未签名</div>
287
-            <img v-if="isShowDoctorSign" style="width: 100px;height: 30px" :src="signUrl"
288
-                 alt="" srcset="">
452
+          <div class="item" style="display: none">
453
+            <label class="name" for="dtl">医生签名</label>
454
+            <div class="content">
455
+              <div v-if="isShowDesc">医生尚未签名</div>
456
+              <img
457
+                v-if="isShowDoctorSign"
458
+                style="width: 100px;height: 30px"
459
+                :src="signUrl"
460
+                alt
461
+                srcset
462
+              />
463
+            </div>
289 464
           </div>
290
-        </div>
291 465
 
292
-        <div class="line"></div>
293
-        <div>
294
-          <div class="item">
295
-            <label class="name" for="bz">备注</label>
296
-            <div class="content">
297
-              <span class="text"></span>
466
+          <div class="line"></div>
467
+          <div>
468
+            <div class="item">
469
+              <label class="name" for="bz">备注</label>
470
+              <div class="content">
471
+                <span class="text"></span>
472
+              </div>
298 473
             </div>
474
+            <textarea
475
+              class="textarea"
476
+              id="bz"
477
+              placeholder="请输入内容"
478
+              v-model="dialysisPrescription.remark"
479
+              @focus="lastInputFocus"
480
+              @blur="lastInputBlur"
481
+            ></textarea>
299 482
           </div>
300
-          <textarea class="textarea" id="bz" placeholder="请输入内容" v-model="dialysisPrescription.remark"
301
-                    @focus="lastInputFocus" @blur="lastInputBlur"></textarea>
302
-        </div>
303 483
         </div>
304 484
         <!--<div class="footer">-->
305 485
         <!--处方医生:刘小军 医生-->
@@ -312,13 +492,23 @@
312 492
       </div>
313 493
     </div>
314 494
     <!--<two-menu title="二级菜单" v-show="isShowModeSubMenu"></two-menu>-->
315
-    <check-box-sub-menu :visibility="visibility" v-on:menu-cancle="menuCancle" v-on:menu-comfirm="menuComfirm"
316
-                        v-on:menu-empty="menuEmpty"
317
-                        :propsForm="propForm"></check-box-sub-menu>
495
+    <check-box-sub-menu
496
+      :visibility="visibility"
497
+      v-on:menu-cancle="menuCancle"
498
+      v-on:menu-comfirm="menuComfirm"
499
+      v-on:menu-empty="menuEmpty"
500
+      :propsForm="propForm"
501
+    ></check-box-sub-menu>
318 502
     <!--<multiple-sub-menu :goodTypes="types" :visibility="is_show" v-on:menu-cancle="menuCancle" v-on:menu-comfirm="menuComfirm" :propsForm="propForm"></multiple-sub-menu>-->
319
-    <multiple-sub-menu :goodTypes="types" :info="info" :visibility="is_show" v-on:menu-cancel-two="menuCancleTwo"
320
-                       v-on:menu-comfirm-two="menuComfirmTwo" :propsForm="propForm"
321
-                       :dialysisPrescription="dialysisPrescription"></multiple-sub-menu>
503
+    <multiple-sub-menu
504
+      :goodTypes="types"
505
+      :info="info"
506
+      :visibility="is_show"
507
+      v-on:menu-cancel-two="menuCancleTwo"
508
+      v-on:menu-comfirm-two="menuComfirmTwo"
509
+      :propsForm="propForm"
510
+      :dialysisPrescription="dialysisPrescription"
511
+    ></multiple-sub-menu>
322 512
 
323 513
     <mt-datetime-picker
324 514
       ref="picker"
@@ -326,20 +516,26 @@
326 516
       hourFormat="{value}小时"
327 517
       minuteFormat="{value}分钟"
328 518
       @confirm="handleTimeConfirm"
329
-      v-model="time">
330
-    </mt-datetime-picker>
331
-
332
-    <long-advice-sub-menu :visibility="advice_visibility" v-on:menu-cancle-three="menuCancleThree"
333
-                          v-on:menu-comfirm-three="menuComfirmThree" :propsForm="advicePropForm"></long-advice-sub-menu>
334
-
335
-    <msg-tip  :visibility="msgtip_visibility" :predialysis="predialysis"
336
-             :last_predialysis="last_predialysis"
337
-             :record="record"
338
-             :last_record="last_record"
339
-             :patient_prop="patient"
340
-             :prescription_prop="prescription_prop"
341
-             v-on:menu-msg-tip="menuMsgTip"></msg-tip>
342
-
519
+      v-model="time"
520
+    ></mt-datetime-picker>
521
+
522
+    <long-advice-sub-menu
523
+      :visibility="advice_visibility"
524
+      v-on:menu-cancle-three="menuCancleThree"
525
+      v-on:menu-comfirm-three="menuComfirmThree"
526
+      :propsForm="advicePropForm"
527
+    ></long-advice-sub-menu>
528
+
529
+    <msg-tip
530
+      :visibility="msgtip_visibility"
531
+      :predialysis="predialysis"
532
+      :last_predialysis="last_predialysis"
533
+      :record="record"
534
+      :last_record="last_record"
535
+      :patient_prop="patient"
536
+      :prescription_prop="prescription_prop"
537
+      v-on:menu-msg-tip="menuMsgTip"
538
+    ></msg-tip>
343 539
   </div>
344 540
 </template>
345 541
 
@@ -567,6 +763,9 @@
567 763
       // 计算属性的 getter
568 764
 
569 765
     }, methods: {
766
+      newClick(event){
767
+        event.currentTarget.select();
768
+      },
570 769
       showmsgtip () {
571 770
         this.msgtip_visibility = true
572 771
         this.isShowDialog = false
@@ -630,6 +829,8 @@
630 829
       },
631 830
       lastInputFocus: function (event) {
632 831
         var input = event.target
832
+        event.currentTarget.select();
833
+   
633 834
         setTimeout(function () {
634 835
           input.style.marginBottom = '2rem'
635 836
           input.parentNode.scrollIntoView()
@@ -2077,42 +2278,41 @@
2077 2278
 
2078 2279
 
2079 2280
 <style style="stylesheet/scss" lang="scss" scoped>
2080
-  .DialogContent {
2281
+.DialogContent {
2081 2282
   // padding-bottom:2rem !important;
2082 2283
 
2083 2284
   .textarea {
2084
-  width: 100%;
2085
-  height: 2.4rem;
2086
-  line-height: 0.6rem;
2087
-  color: $pgh-color;
2088
-  font-size: 0.45rem;
2089
-  padding-left: 0.36rem;
2090
-  border: none;
2091
-  border-bottom: 1px #e5e5e5 solid;
2285
+    width: 100%;
2286
+    height: 2.4rem;
2287
+    line-height: 0.6rem;
2288
+    color: $pgh-color;
2289
+    font-size: 0.45rem;
2290
+    padding-left: 0.36rem;
2291
+    border: none;
2292
+    border-bottom: 1px #e5e5e5 solid;
2092 2293
   }
2294
+}
2295
+.newButton {
2296
+  background: #258ffc;
2297
+  padding: 0 0.2rem;
2298
+  height: 0.85rem;
2299
+  line-height: 0.85rem;
2300
+  border-radius: 5px;
2301
+  color: #fff;
2302
+  margin-right: -3.5rem;
2303
+}
2304
+.newName {
2305
+  margin-right: -3rem;
2306
+}
2307
+.newDialogContent {
2308
+  display: flex;
2309
+  flex-direction: column;
2310
+  height: 100%;
2311
+  overflow: hidden;
2312
+  > :first-child {
2313
+    flex: 1;
2314
+    overflow: auto;
2093 2315
   }
2094
-  .newButton{
2095
-
2096
-    background: #258ffc;
2097
-    padding: 0 0.2rem;
2098
-    height: 0.85rem;
2099
-    line-height: 0.85rem;
2100
-    border-radius:5px;
2101
-    color: #fff;
2102
-    margin-right: -3.5rem;
2103
-  }
2104
-  .newName{
2105
-    margin-right: -3rem;
2106
-  }
2107
-  .newDialogContent{
2108
-    display: flex;
2109
-    flex-direction: column;
2110
-    height: 100%;
2111
-    overflow: hidden;
2112
-    >:first-child{
2113
-      flex: 1;
2114
-      overflow: auto;
2115
-    }
2116
-  }
2316
+}
2117 2317
 </style>
2118 2318
 

File diff suppressed because it is too large
+ 1087 - 964
src/pages/main/dialog/ThorougDialog.vue