|
@@ -3,7 +3,7 @@
|
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
|
5
|
<div>
|
6
|
|
- <el-button type="primary">操作说明</el-button>
|
|
6
|
+ <!-- <el-button type="primary">操作说明</el-button> -->
|
7
|
7
|
</div>
|
8
|
8
|
</div>
|
9
|
9
|
|
|
@@ -18,11 +18,11 @@
|
18
|
18
|
</div>
|
19
|
19
|
</div>
|
20
|
20
|
<div style="margin-top:6px;display:flex;flex-wrap: wrap;position:relative;min-height:480px;">
|
21
|
|
- <div style="width:47%;border:1px solid #ddd;padding: 5px;" id="print_mark_img" ref="imageWrapper">
|
22
|
|
- <div id="point_mark_img_wrap1" class="print_main_content" style="width: 100%;padding: 0;border: 0;" >
|
|
21
|
+ <div style="width:47%;border:1px solid #ddd;padding: 5px;" id="print_mark_img" >
|
|
22
|
+ <div id="point_mark_img_wrap1" class="print_main_content" style="width: 100%;padding: 0;border: 0;" ref="imageWrapper">
|
23
|
23
|
|
24
|
|
- <img v-if="fileList.length==0" id="ossPointMarkImg" src="@/assets/evaluate/xgtl_default.png" alt="" srcset="">
|
25
|
|
- <img v-if="fileList.length>0" id="ossPointMarkImg" :src="fileList[0].img_url" alt="" srcset="">
|
|
24
|
+ <img v-if="fileList[0].img_url==0" id="ossPointMarkImg" src="@/assets/evaluate/xgtl_default.png" alt="" srcset="">
|
|
25
|
+ <img v-if="fileList[0].img_url!=''" id="ossPointMarkImg" :src="fileList[0].img_url" alt="" srcset="">
|
26
|
26
|
|
27
|
27
|
<!-- A端/V端 v-if="a_num==2" -->
|
28
|
28
|
<!-- <div v-for="(item,index) in A_arr" :key="index">
|
|
@@ -57,16 +57,23 @@
|
57
|
57
|
</div> -->
|
58
|
58
|
|
59
|
59
|
|
60
|
|
- <!-- 穿刺文字 active @mousedown="startDrag" @mousedown="A_mousedow($event)" @mouseup="A_moouseup($event)" left:text_left+'px',top:text_top+'px',-->
|
61
|
|
- <!-- <div >@mousedown.self="A_mousedow($event)" @mouseup.self="A_moouseup($event)" -->
|
|
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
|
|
62
|
+ > width:(item.width + 10)+'px',-->
|
62
|
63
|
<div v-for="(item,index) in text_arr" :key="index" class="add-mark-text-wrap active text" id="text" @mousedown="mousedown($event)"
|
63
|
|
- :style="{width:(item.width + 10)+'px',left:item.left+'px',top:item.top+'px','font-size':14+'px', position: 'absolute'}"
|
|
64
|
+ :style="{width: 'fit-content',left:item.left+'px',top:item.top+'px','font-size':14+'px', position: 'absolute'}"
|
64
|
65
|
>
|
65
|
|
- <!-- <div style="width:82px;left:62.17%;top:39.00%;display: inline-block;" @mousedown="A_mousedow($event)" @mouseup="A_moouseup($event)">position: 'absolute',top: 36+'%',left: 48+'%' -->
|
66
|
|
- <!-- {{ item }} @mousedown.self="A_mousedow($event)" @mouseup.self="A_moouseup($event)"-->
|
67
|
|
- <el-input v-text="item.text" size="mini" :style="{width:item.width+'px', border: 1+'px solid transparent', cursor: 'default'}"></el-input>
|
68
|
|
- <!-- <input id="inpu" type="text" :value="item" data-width="82" style="width: 82px; border: 1px solid transparent; cursor: default;" class="mark-text-ipt"> -->
|
69
|
|
- <!-- </div> -->
|
|
66
|
+ <!-- <el-input v-model="item.text" class="inputStyle">
|
|
67
|
+ <template slot="prefix">
|
|
68
|
+ {{ item.text }}
|
|
69
|
+ </template>
|
|
70
|
+ </el-input> -->
|
|
71
|
+
|
|
72
|
+ <!-- <el-input v-model:value="item.text" size="mini" :style="{width:item.width+'px', border: 1+'px solid transparent', cursor: 'default'}"></el-input> -->
|
|
73
|
+ <!-- <input id="inpu" type="text" :value="item.text" data-width="82" :style="{width:item.width+'px', border: 1+'px solid transparent', cursor: 'default',outline: 'none'}" class="mark-text-ipt"> -->
|
|
74
|
+ <input id="inpu" type="text" @input="changewidth" v-model="item.text" data-width="82" :style="{width:'fit-content', border: 1+'px solid transparent', cursor: 'default',outline: 'none'}" class="mark-text-ipt">
|
|
75
|
+ <!-- <input v-if="value!=''" id="inpu" type="text" v-model="value" data-width="82" :style="{width:item.width+'px', border: 1+'px solid transparent', cursor: 'default',outline: 'none'}" class="mark-text-ipt"> -->
|
|
76
|
+ <!-- </div> -->
|
70
|
77
|
<span class="remove-mark-text" @click="input_deldte($event,item)">×</span>
|
71
|
78
|
<span class="mark-text-line" style="transform: rotate(45deg);" data-rotate="45"></span>
|
72
|
79
|
</div>
|
|
@@ -169,7 +176,7 @@
|
169
|
176
|
</div>
|
170
|
177
|
</div>
|
171
|
178
|
|
172
|
|
- <div style="width:50%; margin-top:20px">
|
|
179
|
+ <!-- <div style="width:50%; margin-top:20px">
|
173
|
180
|
<div class='content_top' style="width: 100%;margin-bottom: 20px;border-bottom:1px solid #DCDFE6;padding-bottom:10px">
|
174
|
181
|
<div style="font-size: 20px;">位点记录列表</div>
|
175
|
182
|
<div>
|
|
@@ -187,7 +194,7 @@
|
187
|
194
|
</thead>
|
188
|
195
|
</table>
|
189
|
196
|
</div>
|
190
|
|
- </div>
|
|
197
|
+ </div> -->
|
191
|
198
|
<!-- 保存按钮的隐藏 -->
|
192
|
199
|
<el-dialog
|
193
|
200
|
title="提示"
|
|
@@ -238,6 +245,40 @@
|
238
|
245
|
<el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
|
239
|
246
|
</span> -->
|
240
|
247
|
</el-dialog>
|
|
248
|
+ <!-- 打印 -->
|
|
249
|
+ <el-dialog
|
|
250
|
+ title="打印"
|
|
251
|
+ :visible.sync="dayinDialogVisible"
|
|
252
|
+ width="50%"
|
|
253
|
+ center>
|
|
254
|
+ <div>
|
|
255
|
+ <div @click="dayin">
|
|
256
|
+ <el-button type="primary" @click="dayin">打印</el-button>
|
|
257
|
+ </div>
|
|
258
|
+ <div id="print_img">
|
|
259
|
+ <div class="parint_content">
|
|
260
|
+ <!-- <div> -->
|
|
261
|
+ <div style="text-align: center;font-size:17;margin-bottom: 10px;">血液透析位点图</div>
|
|
262
|
+ <div style="display: flex;border-bottom: 1px solid black;padding: 5px;">
|
|
263
|
+ <div style="width: 200px;">患者姓名:{{ patients.name }}</div>
|
|
264
|
+ <div style="width: 200px;">透析号:{{ patients.dialysis_no }}</div>
|
|
265
|
+ <div style="width: 200px;">住院(门诊)号:{{ patients.admission_number }}</div>
|
|
266
|
+ <div style="width: 200px;">打印时间:{{date}}</div>
|
|
267
|
+ </div>
|
|
268
|
+
|
|
269
|
+ <div style="width: 530px;margin: 20px auto;">
|
|
270
|
+ <img :src="imgUrls" alt="" srcset="">
|
|
271
|
+
|
|
272
|
+ </div>
|
|
273
|
+ <!-- </div> -->
|
|
274
|
+ </div>
|
|
275
|
+ </div>
|
|
276
|
+ </div>
|
|
277
|
+ <!-- <span slot="footer" class="dialog-footer">
|
|
278
|
+ <el-button @click="dayinDialogVisible = false">取 消</el-button>
|
|
279
|
+ <el-button type="primary" @click="dayin">确 定</el-button>
|
|
280
|
+ </span> -->
|
|
281
|
+ </el-dialog>
|
241
|
282
|
</div>
|
242
|
283
|
</template>
|
243
|
284
|
<script>
|
|
@@ -245,18 +286,22 @@ import print from "print-js";
|
245
|
286
|
import { getFileExtension} from '@/utils/tools'
|
246
|
287
|
import { saveSitemap,getPatientSitemap,updateSiteMap } from "@/api/patient";
|
247
|
288
|
import { getToken } from '@/api/qiniu'
|
|
289
|
+const moment = require('moment')
|
|
290
|
+import html2canvas from "html2canvas"
|
248
|
291
|
export default{
|
249
|
292
|
components:{
|
250
|
293
|
// quillEditor
|
251
|
294
|
},
|
252
|
295
|
data(){
|
253
|
296
|
return{
|
|
297
|
+ hidd:false,
|
254
|
298
|
append:false,//控制是否编辑
|
255
|
299
|
centerDialogVisible: false,
|
256
|
300
|
imgDialogVisible:false,
|
257
|
301
|
shiyituDialogVisible:false,
|
|
302
|
+ dayinDialogVisible:false,
|
258
|
303
|
imgUrl:[],
|
259
|
|
-
|
|
304
|
+
|
260
|
305
|
fangxiangA:[{markNum:'',left:'',top:''}],//a端进针方向的数组
|
261
|
306
|
fangxiangA_num:1,//控制a端进针方向是否显示
|
262
|
307
|
fangxiangA_left:400,//A端进针方向X
|
|
@@ -267,7 +312,7 @@ export default{
|
267
|
312
|
fangxiangV_left:100,//v端进针方向X
|
268
|
313
|
fangxiangV_top:78,//v端进针方向Y
|
269
|
314
|
|
270
|
|
-
|
|
315
|
+
|
271
|
316
|
fuzhuA:[{a_markNum:0,a_left:0,a_top:0}],//助辅工具a的数组
|
272
|
317
|
fuzhuA_num:1,//控制a端辅助工具是否显示
|
273
|
318
|
xuanzhuan_a:0,//点击旋转角度a
|
|
@@ -287,12 +332,8 @@ export default{
|
287
|
332
|
obj_a:{a_markNum:'',a_left:'',a_top:''},//助辅工具a的对象
|
288
|
333
|
obj_v:{v_markNum:'',v_left:'',v_top:''},//助辅工具v的对象
|
289
|
334
|
|
290
|
|
- A_left:390,//A端X
|
291
|
|
- A_top:180,//A端Y
|
292
|
335
|
a_num:1,//控制a端是否显示和高亮
|
293
|
336
|
|
294
|
|
- V_left:184,//V端X
|
295
|
|
- V_top:180,//V端Y
|
296
|
337
|
v_num:1,//控制v端是否显示和高亮
|
297
|
338
|
|
298
|
339
|
text_arr:[],//文本框
|
|
@@ -302,8 +343,8 @@ export default{
|
302
|
343
|
|
303
|
344
|
av_bkx:0,
|
304
|
345
|
av_bky:0,
|
305
|
|
-
|
306
|
|
- fileList:[],
|
|
346
|
+
|
|
347
|
+ fileList:[{img_url:"",desc:"",id:0}],
|
307
|
348
|
uploadData: { token: '', key: '' },
|
308
|
349
|
qiniuDomain: 'https://images.shengws.com/',
|
309
|
350
|
puncture_text:[{text:'穿刺角度',width:70},{text:'卡夫距导管出口距离cm',width:158},{text:'动脉端向心穿刺',width:116},{text:'动脉端离心穿刺',width:116},
|
|
@@ -330,15 +371,23 @@ export default{
|
330
|
371
|
patientID:0,
|
331
|
372
|
id:0,
|
332
|
373
|
texts:null,
|
|
374
|
+ imgUrls:'',
|
|
375
|
+ patients:{},
|
|
376
|
+ date:moment(new Date()).format("YYYY-MM-DD"),
|
|
377
|
+ widthtext:null,
|
333
|
378
|
}
|
334
|
379
|
},
|
335
|
380
|
created(){
|
|
381
|
+
|
336
|
382
|
const id = this.$route.params && this.$route.params.id;
|
337
|
383
|
this.patientID = parseInt(id);
|
338
|
384
|
|
339
|
385
|
// this.getPatientSitemap(this.patientID)
|
340
|
386
|
},
|
341
|
387
|
mounted(){
|
|
388
|
+ console.log('asdfdfgfd',this.value);
|
|
389
|
+ console.log('333333',this.date);
|
|
390
|
+ console.log('asfdazxsdfdfdsdfsadfs',this.fileList);
|
342
|
391
|
},
|
343
|
392
|
methods:{
|
344
|
393
|
add(){
|
|
@@ -360,38 +409,11 @@ export default{
|
360
|
409
|
open(){
|
361
|
410
|
this.imgDialogVisible = true
|
362
|
411
|
},
|
363
|
|
- // a_item(e,val){
|
364
|
|
- // const A_div =document.getElementsByClassName('point-mark-a-item')
|
365
|
|
- // console.log('aaaa',val,this.A_left);
|
366
|
|
- // for (let i=1;i<=A_div.length;i++){
|
367
|
|
- // if(val== i){
|
368
|
|
- // if(e.target.className.indexOf('not-allow')==-1){
|
369
|
|
- // A_div[i-1].classList.add('not-allow')
|
370
|
|
- // this.classname='not-allow'
|
371
|
|
- // console.log('eqwrqqweadsf',this.classname);
|
372
|
|
- // this.a_num=2
|
373
|
|
- // var obj ={markNum:'',left:'',top:''}
|
374
|
|
- // obj.markNum = val
|
375
|
|
- // obj.left= this.A_left
|
376
|
|
- // obj.top=(this.A_top + (i-1)*30)
|
377
|
|
- // this.A_arr.push(obj)
|
378
|
|
- // console.log('asdf',this.A_arr);
|
379
|
|
- // }else{
|
380
|
|
- // A_div[i-1].classList.remove('not-allow')
|
381
|
|
- // for(let y=0;y<this.A_arr.length;y++){
|
382
|
|
- // if(val==this.A_arr[y].markNum){
|
383
|
|
- // this.A_arr.splice(y,1)
|
384
|
|
- // }
|
385
|
|
- // }
|
386
|
|
- // }
|
387
|
|
-
|
388
|
|
- // }
|
389
|
|
- // }
|
390
|
|
- // // console.log('333',this.A_arr)
|
391
|
|
- // },
|
392
|
412
|
|
393
|
413
|
a_item(e,val){
|
|
414
|
+ console.log('asdfasdf222',this.Aarr);
|
394
|
415
|
for(let i=0;i<this.Aarr.length;i++){
|
|
416
|
+ console.log('asdfasdf222');
|
395
|
417
|
// if(this.A_left[i].a_num=1){
|
396
|
418
|
if(this.Aarr[i].markNum==val){
|
397
|
419
|
if(this.A_right[i].a_num==1){
|
|
@@ -429,33 +451,7 @@ export default{
|
429
|
451
|
// }
|
430
|
452
|
}
|
431
|
453
|
},
|
432
|
|
- // v_item(e,val){
|
433
|
|
- // const V_div =document.getElementsByClassName('point-mark-v-item')
|
434
|
|
- // console.log('1111',val,e.target.className);
|
435
|
|
- // for (let i=1;i<=V_div.length;i++){
|
436
|
|
- // if(val== i){
|
437
|
|
- // if(e.target.className.indexOf('not-allow')==-1){
|
438
|
|
- // V_div[i-1].classList.add('not-allow')
|
439
|
|
- // this.v_num=2
|
440
|
|
- // var obj ={markNum:'',left:'',top:''}
|
441
|
|
- // obj.markNum = val
|
442
|
|
- // obj.left= this.V_left
|
443
|
|
- // obj.top=(this.V_top + (i-1)*30)
|
444
|
|
- // this.V_arr.push(obj)
|
445
|
|
- // console.log('GFSDGDSD',this.V_arr);
|
446
|
|
- // }else{
|
447
|
|
- // V_div[i-1].classList.remove('not-allow')
|
448
|
|
- // // this.V_ite=val
|
449
|
|
- // for(let y=0;y<this.V_arr.length;y++){
|
450
|
|
- // if(val==this.V_arr[y].markNum){
|
451
|
|
- // this.V_arr.splice(y,1)
|
452
|
|
- // }
|
453
|
|
- // }
|
454
|
|
- // }
|
455
|
|
-
|
456
|
|
- // }
|
457
|
|
- // }
|
458
|
|
- // },
|
|
454
|
+
|
459
|
455
|
A_mousedow(e){
|
460
|
456
|
console.log('7777',e);
|
461
|
457
|
// console.log('8888',val);
|
|
@@ -469,10 +465,9 @@ export default{
|
469
|
465
|
var Alen=this.A_arr
|
470
|
466
|
// var Vlen=this.V_arr
|
471
|
467
|
// var textlen=this.text_arr
|
|
468
|
+
|
472
|
469
|
var fx_alen=this.fangxiangA
|
473
|
470
|
var fx_vlen=this.fangxiangV
|
474
|
|
- // var FZ_alen=this.fuzhuA
|
475
|
|
- // var FZ_vlen=this.fuzhuV
|
476
|
471
|
var aleng=this.Aarr
|
477
|
472
|
var vleng=this.Varr
|
478
|
473
|
if(e.preventDefault){
|
|
@@ -555,22 +550,21 @@ export default{
|
555
|
550
|
}
|
556
|
551
|
}
|
557
|
552
|
}
|
558
|
|
- console.log('x',Alen,'12341234',this.A_top);
|
|
553
|
+ // console.log('x',Alen,'12341234',this.A_top);
|
559
|
554
|
},
|
560
|
555
|
A_moouseup(e){
|
561
|
|
- // console.log('9999',e);
|
562
|
|
- // console.log('0000',val);
|
563
|
556
|
document.onmousemove =null
|
564
|
557
|
},
|
565
|
558
|
mousedown(e){
|
566
|
|
- // this.texts = document.getElementsByClassName('text')[0]
|
567
|
559
|
const tet=document.getElementsByClassName('text')
|
568
|
|
- const evetext=e.target.innerText.split('\n')[0]
|
569
|
560
|
var textlen=this.text_arr
|
570
|
|
- console.log('ZXCBVCB',textlen);
|
|
561
|
+ console.log('ZXCBVCB',textlen,'33333',this.value);
|
|
562
|
+ const even= e.target.value
|
|
563
|
+ // console.log('zxcvbnvxcz',even);
|
571
|
564
|
for(let i=0;i<tet.length;i++){
|
572
|
|
- const textsle = tet[i].innerText.split('\n')[0]
|
573
|
|
- if(evetext == textsle){
|
|
565
|
+ const textsle= tet[i].firstChild.value
|
|
566
|
+ // console.log('5234254',textsle);
|
|
567
|
+ if(even == textsle){
|
574
|
568
|
const disX = e.clientX - tet[i].offsetLeft;
|
575
|
569
|
const disY = e.clientY - tet[i].offsetTop;
|
576
|
570
|
const isdow=true
|
|
@@ -584,7 +578,7 @@ export default{
|
584
|
578
|
tet[i].style.top = moveY + "px";
|
585
|
579
|
for(let i=0;i<textlen.length;i++){
|
586
|
580
|
// const textsle=e.target.innerText.split('\n')[0]
|
587
|
|
- if(textlen[i].text == textsle){
|
|
581
|
+ if(textlen[i].text == e.target.value){
|
588
|
582
|
console.log('3333');
|
589
|
583
|
textlen[i].left=moveX
|
590
|
584
|
textlen[i].top=moveY
|
|
@@ -650,10 +644,9 @@ export default{
|
650
|
644
|
}
|
651
|
645
|
},
|
652
|
646
|
punctureclick(e,val){
|
653
|
|
- console.log('event',e,'value',val);
|
|
647
|
+ console.log('event',e,'value',this.value);
|
654
|
648
|
const text=e.target
|
655
|
649
|
const textlen=this.text_arr.length
|
656
|
|
-
|
657
|
650
|
if(text.innerText == val.text){
|
658
|
651
|
this.text_num=2
|
659
|
652
|
const obj={text:'',left:'',top:'',width:''}
|
|
@@ -662,6 +655,7 @@ export default{
|
662
|
655
|
obj.left=this.text_left
|
663
|
656
|
obj.top=this.text_top+(textlen*30)
|
664
|
657
|
obj.width=e.target.offsetWidth
|
|
658
|
+ // obj.width= this.widthtext
|
665
|
659
|
this.text_arr.push(obj)
|
666
|
660
|
}
|
667
|
661
|
|
|
@@ -677,6 +671,11 @@ export default{
|
677
|
671
|
}
|
678
|
672
|
},
|
679
|
673
|
fangxiang_A(e){
|
|
674
|
+ // if(this.fangxiangA[0].fangxiangA_num==1){
|
|
675
|
+ // this.fangxiangA[0].fangxiangA_num=2
|
|
676
|
+ // }else{
|
|
677
|
+ // this.fangxiangA[0].fangxiangA_num=1
|
|
678
|
+ // }
|
680
|
679
|
if(this.fangxiangA_num == 1){
|
681
|
680
|
console.log('1111',e);
|
682
|
681
|
var obj ={markNum:'',left:'',top:''}
|
|
@@ -684,9 +683,11 @@ export default{
|
684
|
683
|
obj.left= this.fangxiangA_left
|
685
|
684
|
obj.top=this.fangxiangA_top
|
686
|
685
|
this.fangxiangA.push(obj)
|
|
686
|
+ this.fangxiangA.shift()
|
687
|
687
|
console.log('asdfdfgfd',this.fangxiangA);
|
688
|
688
|
return this.fangxiangA_num = 2
|
689
|
689
|
}else{
|
|
690
|
+ // this.fangxiangA.shift()
|
690
|
691
|
console.log('2222');
|
691
|
692
|
return this.fangxiangA_num = 1
|
692
|
693
|
}
|
|
@@ -699,9 +700,11 @@ export default{
|
699
|
700
|
obj.left= this.fangxiangV_left
|
700
|
701
|
obj.top=this.fangxiangV_top
|
701
|
702
|
this.fangxiangV.push(obj)
|
|
703
|
+ this.fangxiangV.shift()
|
702
|
704
|
console.log('asdfdfgfd',this.fangxiangV);
|
703
|
705
|
return this.fangxiangV_num = 2
|
704
|
706
|
}else{
|
|
707
|
+ // this.fangxiangV.shift()
|
705
|
708
|
console.log('2222');
|
706
|
709
|
return this.fangxiangV_num = 1
|
707
|
710
|
}
|
|
@@ -713,10 +716,11 @@ export default{
|
713
|
716
|
this.obj_a.a_left= this.fuzhuA_left
|
714
|
717
|
this.obj_a.a_top=this.fuzhuA_top
|
715
|
718
|
this.fuzhuA.push(this.obj_a)
|
|
719
|
+ this.fuzhuA.shift()
|
716
|
720
|
console.log('asdfdfgfd',this.fuzhuA);
|
717
|
721
|
return this.fuzhuA_num = 2
|
718
|
722
|
}else{
|
719
|
|
- this.fuzhuA.shift()
|
|
723
|
+ // this.fuzhuA.shift()
|
720
|
724
|
console.log('辅助工具a2222');
|
721
|
725
|
return this.fuzhuA_num = 1
|
722
|
726
|
}
|
|
@@ -728,10 +732,11 @@ export default{
|
728
|
732
|
this.obj_v.v_left= this.fuzhuV_left
|
729
|
733
|
this.obj_v.v_top=this.fuzhuV_top
|
730
|
734
|
this.fuzhuV.push(this.obj_v)
|
|
735
|
+ this.fuzhuV.shift()
|
731
|
736
|
console.log('辅助工具v1111',this.fuzhuV);
|
732
|
737
|
return this.fuzhuV_num = 2
|
733
|
738
|
}else{
|
734
|
|
- this.fuzhuV.shift()
|
|
739
|
+ // this.fuzhuV.shift()
|
735
|
740
|
console.log('辅助工具v2222');
|
736
|
741
|
return this.fuzhuV_num = 1
|
737
|
742
|
}
|
|
@@ -759,18 +764,27 @@ export default{
|
759
|
764
|
}
|
760
|
765
|
},
|
761
|
766
|
printtup(){
|
762
|
|
- const style='@media print{.print_main_content{#ossPointMarkImg {width: 100%;min-height: 600px;height: auto;border-radius: 2px;pointer-events: none;} #point_mark_img_wrap1 {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;position: relative;padding: 4px;width: 600px;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;} .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;} div.add-mark-text-wrap {position: absolute;top: 36%;left: 48%;border-radius: 4px;width: 60px;height: 24px;line-height: 24px;z-index: 1005;display: inline-block;} .remove-mark-text{overflow: hidden;} b.xtgl-ccz-arrow-a {border-left-color: #E73535;border-top-color: #E73535;} b.xtgl-ccz-arrow-v {border-left-color: #35a2e7;border-top-color: #35a2e7;} b.xtgl-ccz-arrow {position: absolute;width: 7px;height: 7px;border-left-width: 2px;border-left-style: solid;border-top-width: 2px;border-top-style: solid;top: -3px;right: 0;transform: rotate(138deg);} b.xtgl-ccz-arrow-v {border-left-color: #35a2e7;border-top-color: #35a2e7;}div.frame-image {position: absolute;overflow: hidden;top: 0px;left: 0px;width: 100%;height: 100%;background-image: url('+'../../assets/evaluate/tool-a.png'+');background-position: center center;background-size: 100%; background-repeat: no-repeat;}}}'
|
763
|
|
- // const style='@media print{.print_main_content{#ossPointMarkImg {width: 100%;min-height: 600px;height: auto;border-radius: 2px;pointer-events: none;} #point_mark_img_wrap1 {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;position: relative;padding: 4px;width: 600px;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;} b.xtgl-ccz-arrow-a {border-left-color: #E73535;border-top-color: #E73535;}
|
764
|
|
- // b.xtgl-ccz-arrow {position: absolute;width: 7px;height: 7px;border-left-width: 2px;border-left-style: solid;border-top-width: 2px;border-top-style: solid;top: -3px;right: 0;transform: rotate(138deg);} b.xtgl-ccz-arrow-v {border-left-color: #35a2e7;border-top-color: #35a2e7;}
|
765
|
|
- // .mark-target-a{background: #E73535;top: 40px;left: 40px;} .mark-line{background: #E73535;}}}'
|
766
|
|
- // const style='@media print{.print_main_content{#ossPointMarkImg {width: 100%;min-height: 600px;height: auto;border-radius: 2px;pointer-events: none;} #point_mark_img_wrap1 {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;position: relative;padding: 4px;width: 600px;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;} .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;} div.add-mark-text-wrap {position: absolute;top: 36%;left: 48%;border-radius: 4px;width: 60px;height: 24px;line-height: 24px;z-index: 1005;display: inline-block;} input {width: 100px;width: 60px;max-width: 400px;border: 1px solid transparent;padding: 4px;color: #333;height: 24px;cursor: pointer;background-color: #fcfcfc;position: absolute;left: 0;top: 0;font-size: 13px;z-index: 1002;border-radius: 2px !important;outline: none;}.mark-text-ipt {cursor: default;}}}}'
|
|
767
|
+ console.log('先发给对方v不合格',this.fileList[0].img_url);
|
|
768
|
+ this.dayinDialogVisible = true
|
|
769
|
+ html2canvas(this.$refs.imageWrapper,{backgroundColor: null,allowTaint: true,useCORS: true,scrollY: 0,scrollX: 0,}).then(canvas => {
|
|
770
|
+ // 转成图片,生成图片地址
|
|
771
|
+ this.imgUrls = canvas.toDataURL("image/png");
|
|
772
|
+ console.log('123424534',this.imgUrls)
|
|
773
|
+ });
|
767
|
774
|
|
|
775
|
+
|
|
776
|
+ },
|
|
777
|
+ // 打印
|
|
778
|
+ dayin(){
|
|
779
|
+
|
|
780
|
+ 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;}}'
|
768
|
781
|
printJS({
|
769
|
|
- printable: "print_mark_img",
|
|
782
|
+ printable: "print_img",
|
770
|
783
|
type: "html",
|
771
|
784
|
style: style,
|
772
|
785
|
scanStyles: false
|
773
|
786
|
});
|
|
787
|
+ this.dayinDialogVisible = false
|
774
|
788
|
},
|
775
|
789
|
imgv_click(){
|
776
|
790
|
if(this.img_v==false){
|
|
@@ -874,11 +888,13 @@ export default{
|
874
|
888
|
console.log('111',err);
|
875
|
889
|
this.$message.error(err)
|
876
|
890
|
this.loading.close()
|
|
891
|
+ this.imgDialogVisible=false
|
877
|
892
|
return false
|
878
|
893
|
},
|
879
|
894
|
handleAvatarSuccess(res, file) {
|
880
|
895
|
console.log("RESPOWOWOWOWO",res)
|
881
|
896
|
console.log("wowowowow",file)
|
|
897
|
+ this.fileList.shift()
|
882
|
898
|
this.fileList.push({
|
883
|
899
|
img_url: this.qiniuDomain + res.url + '?imageView2/2/w/500/h/500/q/90',
|
884
|
900
|
desc: '',
|
|
@@ -983,13 +999,37 @@ export default{
|
983
|
999
|
if(this.V_right!=null && this.V_right.length>0){
|
984
|
1000
|
|
985
|
1001
|
for(let i=0;i<this.V_right.length;i++){
|
986
|
|
- this.V_right[i].markNum = parseInt(this.V_right[i].markNum)?parseInt(this.V_right[i].markNum):0
|
|
1002
|
+ this.V_right[i].mark_num = parseInt(this.V_right[i].markNum)?parseInt(this.V_right[i].markNum):0
|
987
|
1003
|
this.V_right[i].v_num = parseInt(this.V_right[i].v_num)?parseInt(this.V_right[i].v_num):0
|
988
|
1004
|
}
|
989
|
1005
|
}
|
990
|
1006
|
|
991
|
|
-
|
992
|
1007
|
|
|
1008
|
+ if(this.Aarr!=null && this.Aarr.length>0){
|
|
1009
|
+ console.log('asdfa',this.Aarr);
|
|
1010
|
+ for(let i=0;i<this.Aarr.length;i++){
|
|
1011
|
+ this.Aarr[i].mark_num = parseInt(this.Aarr[i].markNum)?parseInt(this.Aarr[i].markNum):0
|
|
1012
|
+ 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
|
|
1015
|
+ }
|
|
1016
|
+ }
|
|
1017
|
+
|
|
1018
|
+ if(this.Varr!=null && this.Varr.length>0){
|
|
1019
|
+
|
|
1020
|
+ for(let i=0;i<this.Varr.length;i++){
|
|
1021
|
+ this.Varr[i].mark_num = parseInt(this.Varr[i].markNum)?parseInt(this.Varr[i].markNum):0
|
|
1022
|
+ 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
|
|
1025
|
+ }
|
|
1026
|
+ }
|
|
1027
|
+
|
|
1028
|
+
|
|
1029
|
+ var img_url = ""
|
|
1030
|
+ if(this.fileList!=null && this.fileList.length>0){
|
|
1031
|
+ img_url = this.fileList[0].img_url
|
|
1032
|
+ }
|
993
|
1033
|
var params = {
|
994
|
1034
|
id:this.id,
|
995
|
1035
|
is_append:is_append,
|
|
@@ -998,17 +1038,17 @@ export default{
|
998
|
1038
|
v_num:this.v_num?this.v_num:0,
|
999
|
1039
|
text_num:this.text_num?this.text_num:0,
|
1000
|
1040
|
fangxiang_a:this.fangxiangA,
|
1001
|
|
- fangxiang_a_num:this.fangxiangA_num,
|
1002
|
|
- fangxiang_v_num:this.fangxiangV_num,
|
|
1041
|
+ fangxiang_a_num:this.fangxiangA_num?this.fangxiangA_num:0,
|
|
1042
|
+ fangxiang_v_num:this.fangxiangV_num?this.fangxiangV_num:0,
|
1003
|
1043
|
fangxiang_a_left:this.fangxiangA_left,
|
1004
|
1044
|
fangxiang_a_top:this.fangxiangA_top,
|
1005
|
1045
|
fangxiang_v:this.fangxiangV,
|
1006
|
1046
|
fangxiang_v_left:this.fangxiangV_left,
|
1007
|
1047
|
fangxiang_v_top:this.fangxiangV_top,
|
1008
|
|
- fuzhu_a_num:this.fuzhuA_num,
|
1009
|
|
- fuzhu_v_num:this.fuzhuV_num,
|
1010
|
|
- xuanzhuan_a:this.xuanzhuan_a,
|
1011
|
|
- xuanzhuan_v:this.xuanzhuan_v,
|
|
1048
|
+ fuzhu_a_num:this.fuzhuA_num?this.fuzhuA_num:0,
|
|
1049
|
+ fuzhu_v_num:this.fuzhuV_num?this.fuzhuV_num:0,
|
|
1050
|
+ xuanzhuan_a:this.xuanzhuan_a?this.xuanzhuan_a:0,
|
|
1051
|
+ xuanzhuan_v:this.xuanzhuan_v?this.xuanzhuan_v:0,
|
1012
|
1052
|
fuzhu_a:this.fuzhuA,
|
1013
|
1053
|
fuzhu_a_top:this.fuzhuA_top,
|
1014
|
1054
|
fuzhu_a_left:this.fuzhuA_left,
|
|
@@ -1016,19 +1056,22 @@ export default{
|
1016
|
1056
|
fuzhu_v_top:this.fuzhuV_top,
|
1017
|
1057
|
fuzhu_v_left:this.fuzhuV_left,
|
1018
|
1058
|
a_left:this.A_right,
|
1019
|
|
- a_top:this.A_top,
|
|
1059
|
+ a_top:0,
|
1020
|
1060
|
v_left:this.V_right,
|
1021
|
|
- v_top:this.V_top,
|
|
1061
|
+ v_top:0,
|
1022
|
1062
|
text_arr:this.text_arr,
|
1023
|
1063
|
text_left:this.text_left,
|
1024
|
1064
|
text_top:this.text_top,
|
1025
|
|
- av_bkx:this.av_bkx,
|
1026
|
|
- av_bky:this.av_bky,
|
1027
|
|
- scalev_num:this.scalev_num,
|
1028
|
|
- scalea_num:this.scalea_num,
|
|
1065
|
+ av_bkx:this.av_bkx?this.av_bkx:0,
|
|
1066
|
+ av_bky:this.av_bky?this.av_bky:0,
|
|
1067
|
+ scalev_num:this.scalev_num?this.scalev_num:0,
|
|
1068
|
+ scalea_num:this.scalea_num?this.scalea_num:0,
|
1029
|
1069
|
patient_id:this.patientID,
|
1030
|
|
- left_a:this.A_left,
|
1031
|
|
- left_v:this.V_left,
|
|
1070
|
+ left_a:0,
|
|
1071
|
+ left_v:0,
|
|
1072
|
+ aarr:this.Aarr,
|
|
1073
|
+ varr:this.Varr,
|
|
1074
|
+ img_url:img_url,
|
1032
|
1075
|
}
|
1033
|
1076
|
console.log("paramswowwo",params)
|
1034
|
1077
|
|
|
@@ -1036,7 +1079,7 @@ export default{
|
1036
|
1079
|
if(response.data.state == 1){
|
1037
|
1080
|
var deviceValsualMap = response.data.data.deviceValsualMap
|
1038
|
1081
|
this.$message.success("保存成功!")
|
1039
|
|
-
|
|
1082
|
+
|
1040
|
1083
|
this.append =false
|
1041
|
1084
|
this.getPatientSitemap(this.patientID)
|
1042
|
1085
|
}
|
|
@@ -1047,6 +1090,9 @@ export default{
|
1047
|
1090
|
if(response.data.state == 1){
|
1048
|
1091
|
var sitemap = response.data.data.sitemap
|
1049
|
1092
|
console.log('idzhesdfasd',sitemap);
|
|
1093
|
+ var patients = response.data.data.patients
|
|
1094
|
+ this.patients=patients
|
|
1095
|
+ console.log("患者信息",this.patients.name)
|
1050
|
1096
|
if(sitemap.id>0){
|
1051
|
1097
|
if(sitemap.is_append == 1){
|
1052
|
1098
|
this.is_append =true
|
|
@@ -1067,20 +1113,18 @@ export default{
|
1067
|
1113
|
}
|
1068
|
1114
|
|
1069
|
1115
|
this.id = sitemap.id
|
1070
|
|
-
|
1071
|
|
- this.A_top = sitemap.a_top
|
1072
|
|
- this.av_bkx = sitemap.av_bkx
|
1073
|
|
- this.av_bky = sitemap.av_bky
|
1074
|
|
- this.fangxiangA_top = sitemap.fangxiang_a_left
|
1075
|
|
- this.fangxiangA_num = sitemap.fangxiang_a_num
|
1076
|
|
- this.fangxiangA_num = sitemap.fangxiang_a_top
|
1077
|
|
- this.fangxiangV_left = sitemap.fangxiang_v_left
|
1078
|
|
- this.fangxiangV_num =sitemap.fangxiang_v_num
|
1079
|
|
- this.fangxiangV_top = sitemap.fangxiang_v_top
|
1080
|
|
- this.fuzhuA_left= sitemap.fuzhu_a_left
|
1081
|
|
- this.fuzhuA_num = sitemap.fuzhu_a_num
|
1082
|
|
- this.fuzhuA_top =sitemap.fuzhu_a_top
|
1083
|
|
- this.fuzhuV_left =sitemap.fuzhu_v_left
|
|
1116
|
+ this.av_bkx = sitemap.av_bkx?sitemap.av_bkx:0
|
|
1117
|
+ this.av_bky = sitemap.av_bky?sitemap.av_bky:0
|
|
1118
|
+ this.fangxiangA_left = sitemap.fangxiang_a_left?sitemap.fangxiang_a_left:0
|
|
1119
|
+ this.fangxiangA_num = sitemap.fangxiang_a_num?sitemap.fangxiang_a_num:0
|
|
1120
|
+ this.fangxiangA_top = sitemap.fangxiang_a_top?sitemap.fangxiang_a_top:0
|
|
1121
|
+ this.fangxiangV_left = sitemap.fangxiang_v_left?sitemap.fangxiang_v_left:0
|
|
1122
|
+ this.fangxiangV_num =sitemap.fangxiang_v_num?sitemap.fangxiang_v_num:0
|
|
1123
|
+ this.fangxiangV_top = sitemap.fangxiang_v_top?sitemap.fangxiang_v_top:0
|
|
1124
|
+ this.fuzhuA_left= sitemap.fuzhu_a_left?sitemap.fuzhu_a_left:0
|
|
1125
|
+ this.fuzhuA_num = sitemap.fuzhu_a_num?sitemap.fuzhu_a_num:0
|
|
1126
|
+ this.fuzhuA_top =sitemap.fuzhu_a_top?sitemap.fuzhu_a_top:0
|
|
1127
|
+ this.fuzhuV_left =sitemap.fuzhu_v_left?sitemap.fuzhu_v_left:0
|
1084
|
1128
|
this.fuzhuV_num = sitemap.fuzhu_v_num
|
1085
|
1129
|
this.fuzhuV_top =sitemap.fuzhu_v_top
|
1086
|
1130
|
this.patientID = sitemap.patient_id
|
|
@@ -1090,65 +1134,108 @@ export default{
|
1090
|
1134
|
this.text_num =sitemap.text_num
|
1091
|
1135
|
this.text_top = sitemap.text_top
|
1092
|
1136
|
this.v_num =sitemap.v_num
|
1093
|
|
- this.V_top = sitemap.v_top
|
|
1137
|
+
|
1094
|
1138
|
this.xuanzhuan_a = sitemap.xuanzhuan_a
|
1095
|
1139
|
this.xuanzhuan_v = sitemap.xuanzhuan_v
|
1096
|
|
- this.A_left = sitemap.a_left
|
1097
|
|
- this.V_left = sitemap.v_left
|
|
1140
|
+
|
|
1141
|
+
|
|
1142
|
+ console.log("wowowowowowowowowoowow",sitemap.img_url)
|
|
1143
|
+ this.fileList[0].img_url = sitemap.img_url
|
|
1144
|
+
|
1098
|
1145
|
this.A_right = []
|
1099
|
|
-
|
1100
|
|
- for(let i=0;i<sitemap.DeviceValsualALeft.length;i++){
|
1101
|
|
-
|
1102
|
|
- sitemap.DeviceValsualALeft[i].markNum = sitemap.DeviceValsualALeft[i].mark_num
|
1103
|
1146
|
|
1104
|
|
- this.A_right.push(sitemap.DeviceValsualALeft[i])
|
1105
|
|
- }
|
|
1147
|
+ if(sitemap.DeviceValsualALeft!=null && sitemap.DeviceValsualALeft.length>0){
|
|
1148
|
+ for(let i=0;i<sitemap.DeviceValsualALeft.length;i++){
|
1106
|
1149
|
|
|
1150
|
+ sitemap.DeviceValsualALeft[i].markNum = sitemap.DeviceValsualALeft[i].mark_num
|
|
1151
|
+
|
|
1152
|
+ this.A_right.push(sitemap.DeviceValsualALeft[i])
|
|
1153
|
+ }
|
|
1154
|
+ }
|
|
1155
|
+ console.log('阿斯顿发生v微软',this.A_right);
|
1107
|
1156
|
this.V_right = []
|
1108
|
|
-
|
1109
|
|
- for(let i=0;i<sitemap.DeviceValsualALeft.length;i++){
|
1110
|
|
-
|
1111
|
|
- sitemap.XtDeviceValsualVLeft[i].markNum = sitemap.XtDeviceValsualVLeft[i].mark_num
|
|
1157
|
+ if(sitemap.DeviceValsualALeft!=null && sitemap.DeviceValsualALeft.length>0){
|
|
1158
|
+ for(let i=0;i<sitemap.DeviceValsualALeft.length;i++){
|
1112
|
1159
|
|
1113
|
|
- this.V_right.push(sitemap.XtDeviceValsualVLeft[i])
|
|
1160
|
+ sitemap.XtDeviceValsualVLeft[i].markNum = sitemap.XtDeviceValsualVLeft[i].mark_num
|
|
1161
|
+
|
|
1162
|
+ this.V_right.push(sitemap.XtDeviceValsualVLeft[i])
|
|
1163
|
+ }
|
1114
|
1164
|
}
|
1115
|
|
-
|
|
1165
|
+
|
1116
|
1166
|
this.fuzhuA = []
|
1117
|
|
- for(let i=0;i<sitemap.DeviceValsualFuzhuA.length;i++){
|
|
1167
|
+ if(sitemap.DeviceValsualFuzhuA!=null && sitemap.DeviceValsualFuzhuA.length>0){
|
|
1168
|
+ for(let i=0;i<sitemap.DeviceValsualFuzhuA.length;i++){
|
1118
|
1169
|
sitemap.DeviceValsualFuzhuA[i].a_markNum = sitemap.DeviceValsualFuzhuA[i].a_mark_num
|
1119
|
1170
|
this.fuzhuA.push( sitemap.DeviceValsualFuzhuA[i])
|
1120
|
1171
|
}
|
1121
|
|
-
|
|
1172
|
+ }
|
|
1173
|
+
|
1122
|
1174
|
this.fuzhuV = []
|
1123
|
|
- for(let i=0;i<sitemap.DeviceValsualFuzhuV.length;i++){
|
1124
|
|
- sitemap.DeviceValsualFuzhuV[i].v_markNum = sitemap.DeviceValsualFuzhuV[i].a_mark_num
|
1125
|
|
- this.fuzhuV.push( sitemap.DeviceValsualFuzhuV[i])
|
1126
|
|
- }
|
1127
|
|
-
|
|
1175
|
+ if(sitemap.DeviceValsualFuzhuV!=null && sitemap.DeviceValsualFuzhuV.length>0){
|
|
1176
|
+ for(let i=0;i<sitemap.DeviceValsualFuzhuV.length;i++){
|
|
1177
|
+ sitemap.DeviceValsualFuzhuV[i].v_markNum = sitemap.DeviceValsualFuzhuV[i].a_mark_num
|
|
1178
|
+ this.fuzhuV.push( sitemap.DeviceValsualFuzhuV[i])
|
|
1179
|
+ }
|
|
1180
|
+ }
|
|
1181
|
+
|
1128
|
1182
|
this.fangxiangA = []
|
1129
|
|
- for(let i=0;i<sitemap.DeviceValsualMapFangxiangA.length;i++){
|
1130
|
|
- sitemap.DeviceValsualMapFangxiangA[i].markNum = sitemap.DeviceValsualMapFangxiangA[i].mark_n
|
1131
|
|
- this.fangxiangA.push(sitemap.DeviceValsualMapFangxiangA[i])
|
|
1183
|
+ if(sitemap.DeviceValsualMapFangxiangA!=null && sitemap.DeviceValsualMapFangxiangA.length>0){
|
|
1184
|
+ for(let i=0;i<sitemap.DeviceValsualMapFangxiangA.length;i++){
|
|
1185
|
+ sitemap.DeviceValsualMapFangxiangA[i].markNum = sitemap.DeviceValsualMapFangxiangA[i].mark_num
|
|
1186
|
+ this.fangxiangA.push(sitemap.DeviceValsualMapFangxiangA[i])
|
|
1187
|
+ }
|
1132
|
1188
|
}
|
1133
|
|
-
|
1134
|
|
-
|
|
1189
|
+ console.log('11111111111',this.fangxiangA);
|
|
1190
|
+
|
1135
|
1191
|
this.fangxiangV = []
|
1136
|
|
- for(let i=0;i<sitemap.DeviceValsualMapFangxiangV.length;i++){
|
1137
|
|
- sitemap.DeviceValsualMapFangxiangV[i].markNum = sitemap.DeviceValsualMapFangxiangV[i].mark_num
|
1138
|
|
- this.fangxiangV.push(sitemap.DeviceValsualMapFangxiangV[i])
|
|
1192
|
+ if(sitemap.DeviceValsualMapFangxiangV!=null && sitemap.DeviceValsualMapFangxiangV.length>0){
|
|
1193
|
+ for(let i=0;i<sitemap.DeviceValsualMapFangxiangV.length;i++){
|
|
1194
|
+ sitemap.DeviceValsualMapFangxiangV[i].markNum = sitemap.DeviceValsualMapFangxiangV[i].mark_num
|
|
1195
|
+ this.fangxiangV.push(sitemap.DeviceValsualMapFangxiangV[i])
|
|
1196
|
+ }
|
1139
|
1197
|
}
|
1140
|
|
-
|
|
1198
|
+ console.log('222222222222',this.fangxiangV);
|
|
1199
|
+
|
1141
|
1200
|
this.text_arr = []
|
1142
|
|
- for(let i=0;i<sitemap.DeviceValsualTextArr.length;i++){
|
|
1201
|
+ if(sitemap.DeviceValsualTextArr!=null && sitemap.DeviceValsualTextArr.length>0){
|
|
1202
|
+ for(let i=0;i<sitemap.DeviceValsualTextArr.length;i++){
|
1143
|
1203
|
this.text_arr.push(sitemap.DeviceValsualTextArr[i])
|
|
1204
|
+ }
|
1144
|
1205
|
}
|
1145
|
|
-
|
|
1206
|
+
|
|
1207
|
+
|
|
1208
|
+ this.Aarr = []
|
|
1209
|
+ if(sitemap.DeviceValusalMapArr!=null && sitemap.DeviceValusalMapArr.length>0){
|
|
1210
|
+ for(let i=0;i<sitemap.DeviceValusalMapArr.length;i++){
|
|
1211
|
+ sitemap.DeviceValusalMapArr[i].markNum = sitemap.DeviceValusalMapArr[i].mark_num
|
|
1212
|
+ sitemap.DeviceValusalMapArr[i].status = sitemap.DeviceValusalMapArr[i].is_status
|
|
1213
|
+ this.Aarr.push(sitemap.DeviceValusalMapArr[i])
|
|
1214
|
+ }
|
|
1215
|
+ }
|
|
1216
|
+
|
|
1217
|
+
|
|
1218
|
+ this.Varr = []
|
|
1219
|
+ if(sitemap.DeviceValusalMapVrr!=null && sitemap.DeviceValusalMapVrr.length>0){
|
|
1220
|
+ for(let i=0;i<sitemap.DeviceValusalMapVrr.length;i++){
|
|
1221
|
+ sitemap.DeviceValusalMapVrr[i].markNum = sitemap.DeviceValusalMapVrr[i].mark_num
|
|
1222
|
+ sitemap.DeviceValusalMapVrr[i].status = sitemap.DeviceValusalMapVrr[i].is_status
|
|
1223
|
+ this.Varr.push(sitemap.DeviceValusalMapVrr[i])
|
|
1224
|
+ }
|
|
1225
|
+ }
|
|
1226
|
+ // this.fileList.push({
|
|
1227
|
+ // img_url: sitemap.img_url,
|
|
1228
|
+ // desc: '',
|
|
1229
|
+ // id: 0
|
|
1230
|
+ // })
|
|
1231
|
+ // this.fileList[0].img_url = sitemap.img_url
|
|
1232
|
+ console.log('图片啊手动阀手动阀',this.fileList);
|
1146
|
1233
|
}
|
1147
|
1234
|
|
1148
|
1235
|
}
|
1149
|
1236
|
})
|
1150
|
1237
|
},
|
1151
|
|
-
|
|
1238
|
+
|
1152
|
1239
|
chakan(){
|
1153
|
1240
|
console.log('22222',);
|
1154
|
1241
|
this.shiyituDialogVisible=true
|
|
@@ -1163,10 +1250,15 @@ export default{
|
1163
|
1250
|
u8arr[n] = bstr.charCodeAt(n);
|
1164
|
1251
|
}
|
1165
|
1252
|
return new Blob([u8arr], { type: mime });
|
|
1253
|
+ },
|
|
1254
|
+ changewidth(){
|
|
1255
|
+ // let input = document.getElementById("inpu");
|
|
1256
|
+ // const l = input.value.length;
|
|
1257
|
+ // this.widthtext=(l+1) * 15 + "px"
|
|
1258
|
+ // input.style.width = (l+1) * 15 + "px";
|
1166
|
1259
|
}
|
1167
|
1260
|
},
|
1168
|
1261
|
created(){
|
1169
|
|
- // console.log('chu','chu',);
|
1170
|
1262
|
const id = this.$route.params && this.$route.params.id;
|
1171
|
1263
|
this.patientID = parseInt(id);
|
1172
|
1264
|
|
|
@@ -1404,34 +1496,34 @@ div.add-mark-text-wrap {
|
1404
|
1496
|
line-height: 24px;
|
1405
|
1497
|
z-index: 1005;
|
1406
|
1498
|
display: inline-block;
|
1407
|
|
- .el-input {
|
1408
|
|
- /* position: relative; */
|
1409
|
|
- font-size: 14px;
|
1410
|
|
- display: inline-block;
|
1411
|
|
- width: 100%;
|
1412
|
|
- }
|
|
1499
|
+ // .el-input {
|
|
1500
|
+ // /* position: relative; */
|
|
1501
|
+ // font-size: 14px;
|
|
1502
|
+ // display: inline-block;
|
|
1503
|
+ // width: 100%;
|
|
1504
|
+ // }
|
|
1505
|
+ .input{
|
|
1506
|
+ width: 224px;
|
|
1507
|
+ height: 40px;
|
|
1508
|
+ line-height: 40px;
|
|
1509
|
+ background: #F3F6FB;
|
|
1510
|
+ border-radius: 4px;
|
|
1511
|
+ padding:0 12px;
|
|
1512
|
+ margin-right: 20px;
|
|
1513
|
+}
|
|
1514
|
+.input ::v-deep .el-input__inner {
|
|
1515
|
+ width: 100%;
|
|
1516
|
+ border: none;
|
|
1517
|
+ outline: none;
|
|
1518
|
+ font-size: 14px;
|
|
1519
|
+ background: #F3F6FB;
|
|
1520
|
+}
|
|
1521
|
+
|
1413
|
1522
|
}
|
1414
|
1523
|
div.add-mark-text-wrap input.mark-text-ipt {
|
1415
|
1524
|
cursor: default;
|
1416
|
1525
|
}
|
1417
|
|
-// div.add-mark-text-wrap input {
|
1418
|
|
-// width: 100px;
|
1419
|
|
-// width: 60px;
|
1420
|
|
-// max-width: 400px;
|
1421
|
|
-// border: 1px solid transparent;
|
1422
|
|
-// padding: 4px;
|
1423
|
|
-// color: #333;
|
1424
|
|
-// height: 24px;
|
1425
|
|
-// cursor: pointer;
|
1426
|
|
-// background-color: #fcfcfc;
|
1427
|
|
-// // position: absolute;
|
1428
|
|
-// // left: 0;
|
1429
|
|
-// // top: 0;
|
1430
|
|
-// font-size: 13px;
|
1431
|
|
-// z-index: 1002;
|
1432
|
|
-// border-radius: 2px !important;
|
1433
|
|
-// outline: none;
|
1434
|
|
-// }
|
|
1526
|
+
|
1435
|
1527
|
input, button, textarea, select, optgroup, option {
|
1436
|
1528
|
font-family: inherit;
|
1437
|
1529
|
font-size: inherit;
|
|
@@ -1557,6 +1649,32 @@ span.chuanci:hover{
|
1557
|
1649
|
opacity: 0;
|
1558
|
1650
|
z-index: -1;
|
1559
|
1651
|
}
|
|
1652
|
+// .inputStyle {
|
|
1653
|
+// margin-top: 30px;
|
|
1654
|
+// text-align: start; // 这里一样要设置,否则不是对齐的居中状态
|
|
1655
|
+// min-width: 160px; //这里给一个最小宽度
|
|
1656
|
+// }
|
|
1657
|
+// .el-input {
|
|
1658
|
+// width: auto; // 这里一定要设置为auto 否则由于input是默认width :100%的
|
|
1659
|
+// }
|
|
1660
|
+// .inputStyle >>> .el-input__prefix {
|
|
1661
|
+// display: inline-block;
|
|
1662
|
+// position: relative;
|
|
1663
|
+// border: 1px solid #dcdfe6;
|
|
1664
|
+// box-sizing: border-box;
|
|
1665
|
+// color: #606266;
|
|
1666
|
+// font-size: inherit;
|
|
1667
|
+// height: 40px;
|
|
1668
|
+// line-height: 40px;
|
|
1669
|
+// padding: 0 30px;
|
|
1670
|
+// transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
1671
|
+// padding-left: 30px;
|
|
1672
|
+// left: 0;
|
|
1673
|
+// visibility: hidden;
|
|
1674
|
+// }
|
|
1675
|
+// .inputStyle >>> .el-input__inner {
|
|
1676
|
+// position: absolute;
|
|
1677
|
+// }
|
1560
|
1678
|
</style>
|
1561
|
1679
|
<style lang="scss">
|
1562
|
1680
|
.ql-snow .ql-tooltip[data-mode="link"]::before {
|