|
@@ -1,9 +1,9 @@
|
1
|
1
|
<template>
|
2
|
2
|
<div style="border:1px solid gainsboro ;padding:10px">
|
3
|
3
|
<div style="position: relative; left: 400px;width: 250px;margin: 20px 0;">
|
4
|
|
- <!-- <el-button type="primary" style="" @click="bianji">
|
|
4
|
+ <el-button type="primary" style="" @click="bianji">
|
5
|
5
|
编辑
|
6
|
|
- </el-button> -->
|
|
6
|
+ </el-button>
|
7
|
7
|
<!-- <el-button type="danger" style="" @click="">
|
8
|
8
|
删除
|
9
|
9
|
</el-button> -->
|
|
@@ -14,7 +14,6 @@
|
14
|
14
|
<div id="print_content">
|
15
|
15
|
<div class="print_page_main_content">
|
16
|
16
|
<div class="content">
|
17
|
|
-
|
18
|
17
|
<h2 style="text-align: center;margin-bottom: 20px;">门诊血液透析治疗病历首页</h2>
|
19
|
18
|
<div style="display: flex;padding: 10px 5px">
|
20
|
19
|
<div style="flex: 1;">门诊号<span class="unile">{{ patient.admission_number }}</span></div>
|
|
@@ -70,7 +69,9 @@
|
70
|
69
|
<div style="padding: 10px 5px">
|
71
|
70
|
合并症或并发症 <span class="unile"></span>
|
72
|
71
|
</div>
|
73
|
|
- <div>
|
|
72
|
+ <div V-html="content"></div>
|
|
73
|
+ <div v-html="content"></div>
|
|
74
|
+ <!-- <div>
|
74
|
75
|
<table border="1" style="border-collapse: collapse;width: 100%;text-align: center;">
|
75
|
76
|
<tr>
|
76
|
77
|
<td colspan="2" class="tablepadd">干体重</td>
|
|
@@ -85,7 +86,7 @@
|
85
|
86
|
<td>日期</td>
|
86
|
87
|
<td>种类</td>
|
87
|
88
|
</tr>
|
88
|
|
- <tr v-for="item in 1">
|
|
89
|
+ <tr v-for="item in 4">
|
89
|
90
|
<td class="tablepadd"></td>
|
90
|
91
|
<td></td>
|
91
|
92
|
<td></td>
|
|
@@ -106,9 +107,9 @@
|
106
|
107
|
<td>日期</td>
|
107
|
108
|
<td>药物名称</td>
|
108
|
109
|
</tr>
|
109
|
|
- <tr v-for="item in 1">
|
|
110
|
+ <tr v-for="item in 4">
|
110
|
111
|
<td class="tablepadd"></td>
|
111
|
|
- <td></td>
|
|
112
|
+ <td ></td>
|
112
|
113
|
<td></td>
|
113
|
114
|
<td></td>
|
114
|
115
|
<td></td>
|
|
@@ -125,7 +126,7 @@
|
125
|
126
|
<td>透析液钙浓度</td>
|
126
|
127
|
<td>调整日期</td>
|
127
|
128
|
</tr>
|
128
|
|
- <tr v-for="item in 1">
|
|
129
|
+ <tr v-for="item in 4">
|
129
|
130
|
<td class="tablepadd"></td>
|
130
|
131
|
<td></td>
|
131
|
132
|
<td></td>
|
|
@@ -134,15 +135,49 @@
|
134
|
135
|
<td></td>
|
135
|
136
|
</tr>
|
136
|
137
|
</table>
|
137
|
|
- </div>
|
|
138
|
+ </div> -->
|
138
|
139
|
</div>
|
139
|
140
|
</div>
|
140
|
141
|
</div>
|
141
|
|
- <!-- <el-dialog
|
|
142
|
+ <!-- 编辑 -->
|
|
143
|
+ <el-dialog
|
142
|
144
|
title="提示"
|
143
|
145
|
:visible.sync="dialogVisible"
|
144
|
146
|
width="60%">
|
145
|
147
|
<div>
|
|
148
|
+ <h2 style="text-align: center;margin-bottom: 20px;">门诊血液透析治疗病历首页</h2>
|
|
149
|
+ <div style="display: flex;padding: 10px 5px">
|
|
150
|
+ <div style="flex: 1;">门诊号
|
|
151
|
+ <span style="display: inline-block;border-bottom: 1px solid black;width: 60%;">{{ patient.admission_number }}</span>
|
|
152
|
+ </div>
|
|
153
|
+ <div style="flex: 1;">住院号
|
|
154
|
+ <span style="display: inline-block;border-bottom: 1px solid black;width: 60%;">{{ patient.admission_number }}</span>
|
|
155
|
+ </div>
|
|
156
|
+ <div style="flex: 1;">姓名:
|
|
157
|
+ <span style="display: inline-block;border-bottom: 1px solid black;width: 60%;">{{ patient.name }}</span>
|
|
158
|
+ </div>
|
|
159
|
+ <div style="flex: 1;">性别:
|
|
160
|
+ <span style="display: inline-block;border-bottom: 1px solid black;width: 60%;">
|
|
161
|
+ <span v-if="sex==1">男</span>
|
|
162
|
+ <span v-if="sex==2">女</span>
|
|
163
|
+ </span>
|
|
164
|
+ <!-- <input type="checkbox" v-model="nv" class="nv"/>女
|
|
165
|
+ <input type="checkbox" v-model="nan" class="nan"/>男 -->
|
|
166
|
+ </div>
|
|
167
|
+ </div>
|
|
168
|
+ <!-- <div style="display: flex;padding: 10px 5px">
|
|
169
|
+ <div style="flex: 1;">姓名:<span class="unile">{{ patient.name }}</span></div>
|
|
170
|
+ <div style="flex: 1;">性别:
|
|
171
|
+ <span v-if="sex==1">男</span>
|
|
172
|
+ <span v-if="sex==2">女</span>
|
|
173
|
+ </div>
|
|
174
|
+ </div> -->
|
|
175
|
+ <div style="padding: 10px 5px">诊断:
|
|
176
|
+ <span style="display: inline-block;border-bottom: 1px solid black;width: 60%;">{{ patient.diagnose }}</span>
|
|
177
|
+ </div>
|
|
178
|
+ <div style="padding: 10px 5px">合并症或并发症
|
|
179
|
+ <span style="display: inline-block;border-bottom: 1px solid black;width: 60%;"></span>
|
|
180
|
+ </div>
|
146
|
181
|
<keep-alive>
|
147
|
182
|
<editor ref="editor"
|
148
|
183
|
id="editor"
|
|
@@ -155,7 +190,7 @@
|
155
|
190
|
<el-button @click="dialogVisible = false">取 消</el-button>
|
156
|
191
|
<el-button type="primary" @click="dialogVisible = false">确 定</el-button>
|
157
|
192
|
</span>
|
158
|
|
- </el-dialog> -->
|
|
193
|
+ </el-dialog>
|
159
|
194
|
</div>
|
160
|
195
|
</template>
|
161
|
196
|
<script>
|
|
@@ -164,6 +199,70 @@ import { getPatientDetailInformedconsent } from '@/api/patient'
|
164
|
199
|
import print from "print-js";
|
165
|
200
|
import Editor from '@/components/Editor'
|
166
|
201
|
import { uParseTime } from '@/utils/tools'
|
|
202
|
+const content=`<div>
|
|
203
|
+ <table border="1" style="border-collapse: collapse;width: 100%;text-align: center;">
|
|
204
|
+ <tr>
|
|
205
|
+ <td colspan="2" class="tablepadd">干体重</td><td colspan="2" class="tablepadd">血管通路</td>
|
|
206
|
+ <td colspan="2" class="tablepadd">抗凝剂</td>
|
|
207
|
+ </tr>
|
|
208
|
+ <tr>
|
|
209
|
+ <td class="tablepadd">日期</td><td>体重(kg)</td><td>日期</td>
|
|
210
|
+ <td>名称</td><td>日期</td><td>种类</td>
|
|
211
|
+ </tr>
|
|
212
|
+ <tr>
|
|
213
|
+ <td class="tablepadd"></td><td></td><td></td><td></td><td></td><td></td>
|
|
214
|
+ </tr>
|
|
215
|
+ <tr>
|
|
216
|
+ <td class="tablepadd"></td><td></td><td></td><td></td><td></td><td></td>
|
|
217
|
+ </tr>
|
|
218
|
+ <tr>
|
|
219
|
+ <td class="tablepadd"></td><td></td><td></td><td></td><td></td><td></td>
|
|
220
|
+ </tr>
|
|
221
|
+ <tr>
|
|
222
|
+ <td class="tablepadd"></td><td></td><td></td><td></td><td></td><td></td>
|
|
223
|
+ </tr>
|
|
224
|
+ <tr>
|
|
225
|
+ <td colspan="2" class="tablepadd">传染病登记</td><td colspan="2" class="tablepadd">肿瘤登记</td>
|
|
226
|
+ <td colspan="2" class="tablepadd">药物过敏史</td>
|
|
227
|
+ </tr>
|
|
228
|
+ <tr>
|
|
229
|
+ <td class="tablepadd">日期</td><td>名称</td><td>日期</td>
|
|
230
|
+ <td>名称</td><td>日期</td><td>药物名称</td>
|
|
231
|
+ </tr>
|
|
232
|
+ <tr>
|
|
233
|
+ <td class="tablepadd"></td><td ></td><td></td><td></td><td></td><td></td>
|
|
234
|
+ </tr>
|
|
235
|
+ <tr>
|
|
236
|
+ <td class="tablepadd"></td><td ></td><td></td><td></td><td></td><td></td>
|
|
237
|
+ </tr>
|
|
238
|
+ <tr>
|
|
239
|
+ <td class="tablepadd"></td><td ></td><td></td><td></td><td></td><td></td>
|
|
240
|
+ </tr>
|
|
241
|
+ <tr>
|
|
242
|
+ <td class="tablepadd"></td><td ></td><td></td><td></td><td></td><td></td>
|
|
243
|
+ </tr>
|
|
244
|
+ <tr>
|
|
245
|
+ <td colspan="6" class="tablepadd">血液透析治疗方案调整</td>
|
|
246
|
+ </tr>
|
|
247
|
+ <tr>
|
|
248
|
+ <td class="tablepadd">治疗频率</td><td>调整日期</td><td>治疗方式</td>
|
|
249
|
+ <td>调整日期</td><td>透析液钙浓度</td><td>调整日期</td>
|
|
250
|
+ </tr>
|
|
251
|
+ <tr>
|
|
252
|
+ <td class="tablepadd"></td><td></td><td></td><td></td><td></td><td></td>
|
|
253
|
+ </tr>
|
|
254
|
+ <tr>
|
|
255
|
+ <td class="tablepadd"></td><td ></td><td></td><td></td><td></td><td></td>
|
|
256
|
+ </tr>
|
|
257
|
+ <tr>
|
|
258
|
+ <td class="tablepadd"></td><td ></td><td></td><td></td><td></td><td></td>
|
|
259
|
+ </tr>
|
|
260
|
+ <tr>
|
|
261
|
+ <td class="tablepadd"></td><td ></td><td></td><td></td><td></td><td></td>
|
|
262
|
+ </tr>
|
|
263
|
+
|
|
264
|
+ </table>
|
|
265
|
+ </div>`
|
167
|
266
|
export default{
|
168
|
267
|
props: {
|
169
|
268
|
patient_id: {
|
|
@@ -177,6 +276,9 @@ export default{
|
177
|
276
|
return{
|
178
|
277
|
patient:{},
|
179
|
278
|
dialogVisible:false,
|
|
279
|
+ content:content,
|
|
280
|
+
|
|
281
|
+ number:'',
|
180
|
282
|
sex:'',
|
181
|
283
|
sheng:'',
|
182
|
284
|
shi:'',
|
|
@@ -187,7 +289,7 @@ export default{
|
187
|
289
|
},
|
188
|
290
|
created(){
|
189
|
291
|
this.getlist()
|
190
|
|
-
|
|
292
|
+ // this.number = 1233444
|
191
|
293
|
// }
|
192
|
294
|
},
|
193
|
295
|
methods:{
|
|
@@ -227,7 +329,7 @@ export default{
|
227
|
329
|
})
|
228
|
330
|
},
|
229
|
331
|
printThisPage(){
|
230
|
|
- const style = '@media print {.content p{font-size: 16px;font-family: 新宋体; padding-left: 20px; margin-bottom: 5px;}.unile{display: inline-block;border-bottom: 1px solid black;width: 60%;}.unile2{display: inline-block;border-bottom: 1px solid black;width: 150px;padding: 15px 0;}}'
|
|
332
|
+ const style = '@media print {.content p{font-size: 16px;font-family: 新宋体; padding-left: 20px; margin-bottom: 5px;}.unile{display: inline-block;border-bottom: 1px solid black;width: 60%;}.unile2{display: inline-block;border-bottom: 1px solid black;width: 150px;padding: 15px 0;}.tablepadd{padding: 0 5px; height: 35px;}}'
|
231
|
333
|
printJS({
|
232
|
334
|
printable: 'print_content',
|
233
|
335
|
type: 'html',
|
|
@@ -269,6 +371,9 @@ export default{
|
269
|
371
|
return sex2.checked=false
|
270
|
372
|
}
|
271
|
373
|
}
|
|
374
|
+ },
|
|
375
|
+ mounted(){
|
|
376
|
+ this.number = 1233444
|
272
|
377
|
}
|
273
|
378
|
}
|
274
|
379
|
|