|
@@ -2,9 +2,9 @@
|
2
|
2
|
<div>
|
3
|
3
|
<div class='content_top' style="width: 100%;margin-bottom: 20px;border-bottom:1px solid #DCDFE6;padding-bottom:10px">
|
4
|
4
|
<div style="font-size: 20px;">血管通路位点标记</div>
|
5
|
|
- <!-- <div>
|
6
|
|
- <el-button type="primary">操作说明</el-button>
|
7
|
|
- </div> -->
|
|
5
|
+ <div>
|
|
6
|
+ <!-- <el-button type="primary">操作说明</el-button> -->
|
|
7
|
+ </div>
|
8
|
8
|
</div>
|
9
|
9
|
|
10
|
10
|
<div style="width:80%;margin:auto;">
|
|
@@ -58,11 +58,11 @@
|
58
|
58
|
|
59
|
59
|
|
60
|
60
|
<!-- 穿刺文字 @mousedown="mousedown($event)" active @mousedown="startDrag" @mousedown="A_mousedow($event)" @mouseup="A_moouseup($event)" left:text_left+'px',top:text_top+'px',-->
|
61
|
|
- <!-- <div
|
|
61
|
+ <!-- <div
|
62
|
62
|
> width:(item.width + 10)+'px',-->
|
63
|
63
|
<div v-for="(item,index) in text_arr" :key="index" class="add-mark-text-wrap active text" id="text" @mousedown="mousedown($event)"
|
64
|
64
|
:style="{width: 'fit-content',left:item.left+'px',top:item.top+'px','font-size':14+'px', position: 'absolute'}"
|
65
|
|
- >
|
|
65
|
+ >
|
66
|
66
|
<!-- <el-input v-model="item.text" class="inputStyle">
|
67
|
67
|
<template slot="prefix">
|
68
|
68
|
{{ item.text }}
|
|
@@ -265,10 +265,10 @@
|
265
|
265
|
<div style="width: 200px;">住院(门诊)号:{{ patients.admission_number }}</div>
|
266
|
266
|
<div style="width: 200px;">打印时间:{{date}}</div>
|
267
|
267
|
</div>
|
268
|
|
-
|
|
268
|
+
|
269
|
269
|
<div style="width: 530px;margin: 20px auto;">
|
270
|
270
|
<img :src="imgUrls" alt="" srcset="">
|
271
|
|
-
|
|
271
|
+
|
272
|
272
|
</div>
|
273
|
273
|
<!-- </div> -->
|
274
|
274
|
</div>
|
|
@@ -301,7 +301,7 @@ export default{
|
301
|
301
|
shiyituDialogVisible:false,
|
302
|
302
|
dayinDialogVisible:false,
|
303
|
303
|
imgUrl:[],
|
304
|
|
-
|
|
304
|
+
|
305
|
305
|
fangxiangA:[{markNum:'',left:'',top:''}],//a端进针方向的数组
|
306
|
306
|
fangxiangA_num:1,//控制a端进针方向是否显示
|
307
|
307
|
fangxiangA_left:400,//A端进针方向X
|
|
@@ -312,7 +312,7 @@ export default{
|
312
|
312
|
fangxiangV_left:100,//v端进针方向X
|
313
|
313
|
fangxiangV_top:78,//v端进针方向Y
|
314
|
314
|
|
315
|
|
-
|
|
315
|
+
|
316
|
316
|
fuzhuA:[{a_markNum:0,a_left:0,a_top:0}],//助辅工具a的数组
|
317
|
317
|
fuzhuA_num:1,//控制a端辅助工具是否显示
|
318
|
318
|
xuanzhuan_a:0,//点击旋转角度a
|
|
@@ -343,7 +343,7 @@ export default{
|
343
|
343
|
|
344
|
344
|
av_bkx:0,
|
345
|
345
|
av_bky:0,
|
346
|
|
-
|
|
346
|
+
|
347
|
347
|
fileList:[{img_url:"",desc:"",id:0}],
|
348
|
348
|
uploadData: { token: '', key: '' },
|
349
|
349
|
qiniuDomain: 'https://images.shengws.com/',
|
|
@@ -378,10 +378,10 @@ export default{
|
378
|
378
|
}
|
379
|
379
|
},
|
380
|
380
|
created(){
|
381
|
|
-
|
|
381
|
+
|
382
|
382
|
const id = this.$route.params && this.$route.params.id;
|
383
|
383
|
this.patientID = parseInt(id);
|
384
|
|
-
|
|
384
|
+
|
385
|
385
|
// this.getPatientSitemap(this.patientID)
|
386
|
386
|
},
|
387
|
387
|
mounted(){
|
|
@@ -408,7 +408,7 @@ export default{
|
408
|
408
|
open(){
|
409
|
409
|
this.imgDialogVisible = true
|
410
|
410
|
},
|
411
|
|
-
|
|
411
|
+
|
412
|
412
|
a_item(e,val){
|
413
|
413
|
console.log('asdfasdf222',this.Aarr);
|
414
|
414
|
for(let i=0;i<this.Aarr.length;i++){
|
|
@@ -450,7 +450,7 @@ export default{
|
450
|
450
|
// }
|
451
|
451
|
}
|
452
|
452
|
},
|
453
|
|
-
|
|
453
|
+
|
454
|
454
|
A_mousedow(e){
|
455
|
455
|
console.log('7777',e);
|
456
|
456
|
// console.log('8888',val);
|
|
@@ -773,12 +773,12 @@ export default{
|
773
|
773
|
this.imgUrls = canvas.toDataURL("image/png");
|
774
|
774
|
// console.log('123424534',this.imgUrls)
|
775
|
775
|
});
|
776
|
|
-
|
777
|
|
-
|
|
776
|
+
|
|
777
|
+
|
778
|
778
|
},
|
779
|
779
|
// 打印
|
780
|
780
|
dayin(){
|
781
|
|
-
|
|
781
|
+
|
782
|
782
|
const style='@media print{.parint_content{width:960px;} #ossPointMarkImg {width: 520px;min-height: 600px;height: auto;border-radius: 2px;pointer-events: none;} .mark-target-a{background: #E73535;top: 40px; left: 40px;} .mark-line{background: #E73535;} .mark-target-v{background: rgb(53,162,231);.mark-line{background: #35A2E7;}} .mark-target-a,.mark-target-v {position: absolute;z-index: 1001;width: 26px;border-radius: 13px;height: 26px;text-align: center;line-height: 26px;font-size: 18px;cursor: move;color: rgb(255,255,255);.mark-line {transform: rotate(160deg);transform-origin: left bottom;}.mark-line {display: inline-block;position: absolute;left: 50%;top: 50%;width: 86px;height: 1px;cursor: default;z-index: -1;}}'
|
783
|
783
|
printJS({
|
784
|
784
|
printable: "print_img",
|
|
@@ -890,6 +890,7 @@ export default{
|
890
|
890
|
console.log('111',err);
|
891
|
891
|
this.$message.error(err)
|
892
|
892
|
this.loading.close()
|
|
893
|
+ this.imgDialogVisible=false
|
893
|
894
|
return false
|
894
|
895
|
},
|
895
|
896
|
handleAvatarSuccess(res, file) {
|
|
@@ -1010,22 +1011,22 @@ export default{
|
1010
|
1011
|
for(let i=0;i<this.Aarr.length;i++){
|
1011
|
1012
|
this.Aarr[i].mark_num = parseInt(this.Aarr[i].markNum)?parseInt(this.Aarr[i].markNum):0
|
1012
|
1013
|
this.Aarr[i].is_status = parseInt(this.Aarr[i].status)?parseInt(this.Aarr[i].status):0
|
1013
|
|
- this.Aarr[i].left = parseInt(this.Aarr[i].left)?parseInt(this.Aarr[i].left):0
|
1014
|
|
- this.Aarr[i].top = parseInt(this.Aarr[i].top)?parseInt(this.Aarr[i].top):0
|
|
1014
|
+ this.Aarr[i].left = parseInt(this.Aarr[i].left)?parseInt(this.Aarr[i].left):0
|
|
1015
|
+ this.Aarr[i].top = parseInt(this.Aarr[i].top)?parseInt(this.Aarr[i].top):0
|
1015
|
1016
|
}
|
1016
|
1017
|
}
|
1017
|
1018
|
|
1018
|
1019
|
if(this.Varr!=null && this.Varr.length>0){
|
1019
|
|
-
|
|
1020
|
+
|
1020
|
1021
|
for(let i=0;i<this.Varr.length;i++){
|
1021
|
1022
|
this.Varr[i].mark_num = parseInt(this.Varr[i].markNum)?parseInt(this.Varr[i].markNum):0
|
1022
|
1023
|
this.Varr[i].is_status = parseInt(this.Varr[i].status)?parseInt(this.Varr[i].status):0
|
1023
|
|
- this.Varr[i].left = parseInt(this.Varr[i].left)?parseInt(this.Varr[i].left):0
|
1024
|
|
- this.Varr[i].top = parseInt(this.Varr[i].top)?parseInt(this.Varr[i].top):0
|
|
1024
|
+ this.Varr[i].left = parseInt(this.Varr[i].left)?parseInt(this.Varr[i].left):0
|
|
1025
|
+ this.Varr[i].top = parseInt(this.Varr[i].top)?parseInt(this.Varr[i].top):0
|
1025
|
1026
|
}
|
1026
|
1027
|
}
|
1027
|
|
-
|
1028
|
|
-
|
|
1028
|
+
|
|
1029
|
+
|
1029
|
1030
|
var img_url = ""
|
1030
|
1031
|
if(this.fileList!=null && this.fileList.length>0){
|
1031
|
1032
|
img_url = this.fileList[0].img_url
|
|
@@ -1079,7 +1080,7 @@ export default{
|
1079
|
1080
|
if(response.data.state == 1){
|
1080
|
1081
|
var deviceValsualMap = response.data.data.deviceValsualMap
|
1081
|
1082
|
this.$message.success("保存成功!")
|
1082
|
|
-
|
|
1083
|
+
|
1083
|
1084
|
this.append =false
|
1084
|
1085
|
this.getPatientSitemap(this.patientID)
|
1085
|
1086
|
}
|
|
@@ -1134,34 +1135,35 @@ export default{
|
1134
|
1135
|
this.text_num =sitemap.text_num
|
1135
|
1136
|
this.text_top = sitemap.text_top
|
1136
|
1137
|
this.v_num =sitemap.v_num
|
1137
|
|
-
|
|
1138
|
+
|
1138
|
1139
|
this.xuanzhuan_a = sitemap.xuanzhuan_a
|
1139
|
1140
|
this.xuanzhuan_v = sitemap.xuanzhuan_v
|
1140
|
|
-
|
|
1141
|
+
|
|
1142
|
+
|
1141
|
1143
|
console.log("wowowowowowowowowoowow",sitemap.img_url)
|
1142
|
1144
|
this.fileList[0].img_url = sitemap.img_url
|
1143
|
|
-
|
|
1145
|
+
|
1144
|
1146
|
this.A_right = []
|
1145
|
|
-
|
|
1147
|
+
|
1146
|
1148
|
if(sitemap.DeviceValsualALeft!=null && sitemap.DeviceValsualALeft.length>0){
|
1147
|
1149
|
for(let i=0;i<sitemap.DeviceValsualALeft.length;i++){
|
1148
|
|
-
|
|
1150
|
+
|
1149
|
1151
|
sitemap.DeviceValsualALeft[i].markNum = sitemap.DeviceValsualALeft[i].mark_num
|
1150
|
1152
|
|
1151
|
1153
|
this.A_right.push(sitemap.DeviceValsualALeft[i])
|
1152
|
1154
|
}
|
1153
|
1155
|
}
|
1154
|
|
-
|
1155
|
|
- this.V_right = []
|
|
1156
|
+
|
|
1157
|
+ this.V_right = []
|
1156
|
1158
|
if(sitemap.DeviceValsualALeft!=null && sitemap.DeviceValsualALeft.length>0){
|
1157
|
1159
|
for(let i=0;i<sitemap.DeviceValsualALeft.length;i++){
|
1158
|
|
-
|
|
1160
|
+
|
1159
|
1161
|
sitemap.XtDeviceValsualVLeft[i].markNum = sitemap.XtDeviceValsualVLeft[i].mark_num
|
1160
|
1162
|
|
1161
|
1163
|
this.V_right.push(sitemap.XtDeviceValsualVLeft[i])
|
1162
|
1164
|
}
|
1163
|
1165
|
}
|
1164
|
|
-
|
|
1166
|
+
|
1165
|
1167
|
this.fuzhuA = []
|
1166
|
1168
|
if(sitemap.DeviceValsualFuzhuA!=null && sitemap.DeviceValsualFuzhuA.length>0){
|
1167
|
1169
|
for(let i=0;i<sitemap.DeviceValsualFuzhuA.length;i++){
|
|
@@ -1169,7 +1171,7 @@ export default{
|
1169
|
1171
|
this.fuzhuA.push( sitemap.DeviceValsualFuzhuA[i])
|
1170
|
1172
|
}
|
1171
|
1173
|
}
|
1172
|
|
-
|
|
1174
|
+
|
1173
|
1175
|
this.fuzhuV = []
|
1174
|
1176
|
if(sitemap.DeviceValsualFuzhuV!=null && sitemap.DeviceValsualFuzhuV.length>0){
|
1175
|
1177
|
for(let i=0;i<sitemap.DeviceValsualFuzhuV.length;i++){
|
|
@@ -1177,7 +1179,7 @@ export default{
|
1177
|
1179
|
this.fuzhuV.push( sitemap.DeviceValsualFuzhuV[i])
|
1178
|
1180
|
}
|
1179
|
1181
|
}
|
1180
|
|
-
|
|
1182
|
+
|
1181
|
1183
|
this.fangxiangA = []
|
1182
|
1184
|
if(sitemap.DeviceValsualMapFangxiangA!=null && sitemap.DeviceValsualMapFangxiangA.length>0){
|
1183
|
1185
|
for(let i=0;i<sitemap.DeviceValsualMapFangxiangA.length;i++){
|
|
@@ -1193,16 +1195,16 @@ export default{
|
1193
|
1195
|
sitemap.DeviceValsualMapFangxiangV[i].markNum = sitemap.DeviceValsualMapFangxiangV[i].mark_num
|
1194
|
1196
|
this.fangxiangV.push(sitemap.DeviceValsualMapFangxiangV[i])
|
1195
|
1197
|
}
|
1196
|
|
- }
|
|
1198
|
+ }
|
1197
|
1199
|
console.log('222222222222',this.fangxiangV);
|
1198
|
|
-
|
|
1200
|
+
|
1199
|
1201
|
this.text_arr = []
|
1200
|
1202
|
if(sitemap.DeviceValsualTextArr!=null && sitemap.DeviceValsualTextArr.length>0){
|
1201
|
1203
|
for(let i=0;i<sitemap.DeviceValsualTextArr.length;i++){
|
1202
|
1204
|
this.text_arr.push(sitemap.DeviceValsualTextArr[i])
|
1203
|
1205
|
}
|
1204
|
1206
|
}
|
1205
|
|
-
|
|
1207
|
+
|
1206
|
1208
|
|
1207
|
1209
|
this.Aarr = []
|
1208
|
1210
|
if(sitemap.DeviceValusalMapArr!=null && sitemap.DeviceValusalMapArr.length>0){
|
|
@@ -1212,7 +1214,7 @@ export default{
|
1212
|
1214
|
this.Aarr.push(sitemap.DeviceValusalMapArr[i])
|
1213
|
1215
|
}
|
1214
|
1216
|
}
|
1215
|
|
-
|
|
1217
|
+
|
1216
|
1218
|
|
1217
|
1219
|
this.Varr = []
|
1218
|
1220
|
if(sitemap.DeviceValusalMapVrr!=null && sitemap.DeviceValusalMapVrr.length>0){
|
|
@@ -1222,15 +1224,14 @@ export default{
|
1222
|
1224
|
this.Varr.push(sitemap.DeviceValusalMapVrr[i])
|
1223
|
1225
|
}
|
1224
|
1226
|
}
|
1225
|
|
-
|
1226
|
|
-
|
1227
|
|
-
|
|
1227
|
+
|
|
1228
|
+ this.fileList[0].img_url = sitemap.img_url
|
1228
|
1229
|
}
|
1229
|
1230
|
|
1230
|
1231
|
}
|
1231
|
1232
|
})
|
1232
|
1233
|
},
|
1233
|
|
-
|
|
1234
|
+
|
1234
|
1235
|
chakan(){
|
1235
|
1236
|
console.log('22222',);
|
1236
|
1237
|
this.shiyituDialogVisible=true
|
|
@@ -1250,7 +1251,7 @@ export default{
|
1250
|
1251
|
// let input = document.getElementById("inpu");
|
1251
|
1252
|
// const l = input.value.length;
|
1252
|
1253
|
// this.widthtext=(l+1) * 15 + "px"
|
1253
|
|
- // input.style.width = (l+1) * 15 + "px";
|
|
1254
|
+ // input.style.width = (l+1) * 15 + "px";
|
1254
|
1255
|
}
|
1255
|
1256
|
},
|
1256
|
1257
|
created(){
|