Merge branch '20230223_pc_vue_new_branch' of http://git.shengws.com/csx/Vue_New into 20230223_pc_vue_new_branch

src/xt_pages/user/Sitemap.vue

   <div>
     <div class='content_top' style="width: 100%;margin-bottom: 20px;border-bottom:1px solid #DCDFE6;padding-bottom:10px">
       <div style="font-size: 20px;">血管通路位点标记</div>
-      <!-- <div>
-        <el-button type="primary">操作说明</el-button>
-      </div> -->
+      <div>
+        <!-- <el-button type="primary">操作说明</el-button> -->
+      </div>
     </div>
 
     <div style="width:80%;margin:auto;">
 
 
             <!-- 穿刺文字 @mousedown="mousedown($event)"   active  @mousedown="startDrag"   @mousedown="A_mousedow($event)" @mouseup="A_moouseup($event)" left:text_left+'px',top:text_top+'px',-->
-            <!-- <div   
+            <!-- <div
             >  width:(item.width + 10)+'px',-->
               <div v-for="(item,index) in text_arr" :key="index" class="add-mark-text-wrap active text" id="text" @mousedown="mousedown($event)"
               :style="{width: 'fit-content',left:item.left+'px',top:item.top+'px','font-size':14+'px', position: 'absolute'}"
-              > 
+              >
               <!-- <el-input v-model="item.text" class="inputStyle">
                 <template slot="prefix">
                   {{ item.text }}
                 <div style="width: 200px;">住院(门诊)号：{{ patients.admission_number }}</div>
                 <div style="width: 200px;">打印时间：{{date}}</div>
               </div>
-              
+
               <div style="width: 530px;margin: 20px auto;">
                 <img :src="imgUrls" alt="" srcset="">
-                
+
               </div>
             <!-- </div> -->
           </div>
       shiyituDialogVisible:false,
       dayinDialogVisible:false,
       imgUrl:[],
-      
+
       fangxiangA:[{markNum:'',left:'',top:''}],//a端进针方向的数组
       fangxiangA_num:1,//控制a端进针方向是否显示
       fangxiangA_left:400,//A端进针方向X
       fangxiangV_left:100,//v端进针方向X
       fangxiangV_top:78,//v端进针方向Y
 
-      
+
       fuzhuA:[{a_markNum:0,a_left:0,a_top:0}],//助辅工具a的数组
       fuzhuA_num:1,//控制a端辅助工具是否显示
       xuanzhuan_a:0,//点击旋转角度a
 
       av_bkx:0,
       av_bky:0,
-      
+
       fileList:[{img_url:"",desc:"",id:0}],
       uploadData: { token: '', key: '' },
       qiniuDomain: 'https://images.shengws.com/',
     }
   },
   created(){
-    
+
     const id = this.$route.params && this.$route.params.id;
     this.patientID = parseInt(id);
-   
+
     // this.getPatientSitemap(this.patientID)
   },
   mounted(){
     open(){
       this.imgDialogVisible = true
     },
-   
+
     a_item(e,val){
       console.log('asdfasdf222',this.Aarr);
      for(let i=0;i<this.Aarr.length;i++){
       // }
      }
     },
-    
+
     A_mousedow(e){
       console.log('7777',e);
       // console.log('8888',val);
         this.imgUrls = canvas.toDataURL("image/png");
         // console.log('123424534',this.imgUrls)
       });
-     
-      
+
+
     },
     // 打印
     dayin(){
-      
+
       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;}}'
       printJS({
         printable: "print_img",
       console.log('111',err);
       this.$message.error(err)
       this.loading.close()
+      this.imgDialogVisible=false
       return false
     },
     handleAvatarSuccess(res, file) {
         for(let i=0;i<this.Aarr.length;i++){
             this.Aarr[i].mark_num = parseInt(this.Aarr[i].markNum)?parseInt(this.Aarr[i].markNum):0
             this.Aarr[i].is_status = parseInt(this.Aarr[i].status)?parseInt(this.Aarr[i].status):0
-            this.Aarr[i].left = parseInt(this.Aarr[i].left)?parseInt(this.Aarr[i].left):0 
-            this.Aarr[i].top = parseInt(this.Aarr[i].top)?parseInt(this.Aarr[i].top):0 
+            this.Aarr[i].left = parseInt(this.Aarr[i].left)?parseInt(this.Aarr[i].left):0
+            this.Aarr[i].top = parseInt(this.Aarr[i].top)?parseInt(this.Aarr[i].top):0
         }
       }
 
       if(this.Varr!=null && this.Varr.length>0){
-        
+
         for(let i=0;i<this.Varr.length;i++){
             this.Varr[i].mark_num = parseInt(this.Varr[i].markNum)?parseInt(this.Varr[i].markNum):0
             this.Varr[i].is_status = parseInt(this.Varr[i].status)?parseInt(this.Varr[i].status):0
-            this.Varr[i].left = parseInt(this.Varr[i].left)?parseInt(this.Varr[i].left):0 
-            this.Varr[i].top = parseInt(this.Varr[i].top)?parseInt(this.Varr[i].top):0 
+            this.Varr[i].left = parseInt(this.Varr[i].left)?parseInt(this.Varr[i].left):0
+            this.Varr[i].top = parseInt(this.Varr[i].top)?parseInt(this.Varr[i].top):0
         }
       }
-   
-      
+
+
        var img_url = ""
        if(this.fileList!=null && this.fileList.length>0){
           img_url = this.fileList[0].img_url
           if(response.data.state == 1){
             var deviceValsualMap =  response.data.data.deviceValsualMap
             this.$message.success("保存成功!")
-            
+
             this.append =false
             this.getPatientSitemap(this.patientID)
           }
             this.text_num =sitemap.text_num
             this.text_top = sitemap.text_top
             this.v_num =sitemap.v_num
-         
+
             this.xuanzhuan_a = sitemap.xuanzhuan_a
             this.xuanzhuan_v = sitemap.xuanzhuan_v
-           
+
+
             console.log("wowowowowowowowowoowow",sitemap.img_url)
             this.fileList[0].img_url =  sitemap.img_url
-            
+
             this.A_right = []
-            
+
             if(sitemap.DeviceValsualALeft!=null && sitemap.DeviceValsualALeft.length>0){
               for(let i=0;i<sitemap.DeviceValsualALeft.length;i++){
-             
+
                 sitemap.DeviceValsualALeft[i].markNum =  sitemap.DeviceValsualALeft[i].mark_num
 
                 this.A_right.push(sitemap.DeviceValsualALeft[i])
              }
             }
-          
-            this.V_right = []          
+
+            this.V_right = []
             if(sitemap.DeviceValsualALeft!=null && sitemap.DeviceValsualALeft.length>0){
               for(let i=0;i<sitemap.DeviceValsualALeft.length;i++){
-             
+
                 sitemap.XtDeviceValsualVLeft[i].markNum =  sitemap.XtDeviceValsualVLeft[i].mark_num
 
                 this.V_right.push(sitemap.XtDeviceValsualVLeft[i])
               }
             }
-           
+
             this.fuzhuA = []
             if(sitemap.DeviceValsualFuzhuA!=null && sitemap.DeviceValsualFuzhuA.length>0){
               for(let i=0;i<sitemap.DeviceValsualFuzhuA.length;i++){
               this.fuzhuA.push( sitemap.DeviceValsualFuzhuA[i])
             }
             }
-           
+
             this.fuzhuV = []
             if(sitemap.DeviceValsualFuzhuV!=null && sitemap.DeviceValsualFuzhuV.length>0){
               for(let i=0;i<sitemap.DeviceValsualFuzhuV.length;i++){
               this.fuzhuV.push( sitemap.DeviceValsualFuzhuV[i])
              }
             }
-                
+
              this.fangxiangA = []
              if(sitemap.DeviceValsualMapFangxiangA!=null && sitemap.DeviceValsualMapFangxiangA.length>0){
                for(let i=0;i<sitemap.DeviceValsualMapFangxiangA.length;i++){
                 sitemap.DeviceValsualMapFangxiangV[i].markNum = sitemap.DeviceValsualMapFangxiangV[i].mark_num
                 this.fangxiangV.push(sitemap.DeviceValsualMapFangxiangV[i])
               }
-             } 
+             }
              console.log('222222222222',this.fangxiangV);
-             
+
              this.text_arr = []
              if(sitemap.DeviceValsualTextArr!=null && sitemap.DeviceValsualTextArr.length>0){
               for(let i=0;i<sitemap.DeviceValsualTextArr.length;i++){
                this.text_arr.push(sitemap.DeviceValsualTextArr[i])
               }
              }
-            
+
 
              this.Aarr = []
              if(sitemap.DeviceValusalMapArr!=null && sitemap.DeviceValusalMapArr.length>0){
                 this.Aarr.push(sitemap.DeviceValusalMapArr[i])
               }
              }
-             
+
 
              this.Varr = []
              if(sitemap.DeviceValusalMapVrr!=null && sitemap.DeviceValusalMapVrr.length>0){
                this.Varr.push(sitemap.DeviceValusalMapVrr[i])
               }
              }
-          
-            
-             
+
+             this.fileList[0].img_url =  sitemap.img_url
             }
 
          }
       })
     },
-    
+
     chakan(){
       console.log('22222',);
       this.shiyituDialogVisible=true
       // let input = document.getElementById("inpu");
       // const l = input.value.length;
       // this.widthtext=(l+1) * 15 + "px"
-      // input.style.width = (l+1) * 15 + "px"; 
+      // input.style.width = (l+1) * 15 + "px";
     }
   },
   created(){