9月7日杨青

src/xt_pages/user/Sitemap.vue

             <p class="point-mark-title">A端：</p>
             <div :class="append == false ? 'point-mark-items' : 'mark-a-items'"> <!-- v-for="(item,index) in 12" :key="index" -->
               <div :class="item.a_num==2?'point-mark-a-item not-able not-allow': 'point-mark-a-item not-able' "
-                data-tag="-a" data-mark="A" title="点击移除标记" v-for="(item,a) in A_left" :key="a" @click="a_item($event,item.markNum)">{{item.markNum}}</div>
+                data-tag="-a" data-mark="A" title="点击移除标记" v-for="(item,a) in A_right" :key="a" @click="a_item($event,item.markNum)">{{item.markNum}}</div>
             </div>
             <p class="point-mark-title">V端：</p>
             <div :class="append == false ? 'point-mark-items' : 'mark-v-items'" style="border-bottom: 1px solid #ddd;">
               <div :class="item.v_num==2? 'point-mark-v-item not-able not-allow':'point-mark-a-item not-able'"
-                data-tag="-v" data-mark="V" title="点击移除标记" v-for="(item,v) in V_left" :key="v" @click="v_item($event,item.markNum)">{{item.markNum}}</div>
+                data-tag="-v" data-mark="V" title="点击移除标记" v-for="(item,v) in V_right" :key="v" @click="v_item($event,item.markNum)">{{item.markNum}}</div>
             </div>
             <div><span class="active-addtext-btn">添加文本框：</span></div>
             <div id="default-marktext-wrap" style="display:flex;flex-wrap:wrap;">
       imgDialogVisible:false,
       shiyituDialogVisible:false,
       imgUrl:[],
-      a_num:1,//控制a端是否显示和高亮
-      v_num:1,//控制v端是否显示和高亮
-      text_num:1,//关闭文本框
+      
       fangxiangA:[{markNum:'',left:'',top:''}],//a端进针方向的数组
       fangxiangA_num:1,//控制a端进针方向是否显示
-      fangxiangV_num:1,//控制v端进针方向是否显示
       fangxiangA_left:400,//A端进针方向X
       fangxiangA_top:78,//A端进针方向Y
+
       fangxiangV:[{markNum:'',left:'',top:''}],//v端进针方向的数组
+      fangxiangV_num:1,//控制v端进针方向是否显示
       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端辅助工具是否显示
-      fuzhuV_num:1,//控制v端辅助工具是否显示
       xuanzhuan_a:0,//点击旋转角度a
-      xuanzhuan_v:0,//点击旋转角度v
-      fuzhuA:[{a_markNum:0,a_left:0,a_top:0}],//助辅工具a的数组
       fuzhuA_top:56,//控制a端辅助工具Y
       fuzhuA_left:360,//控制a端辅助工具X
+      img_a:false,//控制a端辅助工具点击放大缩小
+      scalea_num:1,//控制a端辅助工具点击放大缩小倍数
+
       fuzhuV:[{v_markNum:0,v_left:0,v_top:0}],//助辅工具v的数组
+      fuzhuV_num:1,//控制v端辅助工具是否显示
+      xuanzhuan_v:0,//点击旋转角度v
       fuzhuV_top:56,//控制V端辅助工具Y
       fuzhuV_left:56,//控制V端辅助工具X
+      img_v:false,//控制v端辅助工具点击放大缩小
+      scalev_num:1,//控制v端辅助工具点击放大缩小倍数
+
       obj_a:{a_markNum:'',a_left:'',a_top:''},//助辅工具a的对象
       obj_v:{v_markNum:'',v_left:'',v_top:''},//助辅工具v的对象
-      // A_arr:[],//A端数据
-      // V_arr:[],//V端数据
+
       A_left:390,//A端X
       A_top:180,//A端Y
+      a_num:1,//控制a端是否显示和高亮
+
       V_left:184,//V端X
       V_top:180,//V端Y
+      v_num:1,//控制v端是否显示和高亮
+
       text_arr:[],//文本框
       text_left:180,//文本框x
       text_top:200,//文本框x
+      text_num:1,//关闭文本框
+
       av_bkx:0,
       av_bky:0,
-      img_v:false,//控制v端辅助工具点击放大缩小
-      img_a:false,//控制a端辅助工具点击放大缩小
-      scalev_num:1,//控制v端辅助工具点击放大缩小倍数
-      scalea_num:1,//控制v端辅助工具点击放大缩小倍数
+      
       fileList:[],
       uploadData: { token: '', key: '' },
       qiniuDomain: 'https://images.shengws.com/',
       {markNum:'7',left:'184',top:'360',status:'1'},{markNum:'8',left:'184',top:'390',status:'1'},{markNum:'9',left:'184',top:'420',status:'1'},
       {markNum:'10',left:'184',top:'450',status:'1'},{markNum:'11',left:'184',top:'480',status:'1'},{markNum:'12',left:'184',top:'510',status:'1'}],
       //A端右侧的点
-      A_left:[{markNum:'1',a_num:'1'},{markNum:'2',a_num:'1'},{markNum:'3',a_num:'1'},{markNum:'4',a_num:'1'},{markNum:'5',a_num:'1'},
+      A_right:[{markNum:'1',a_num:'1'},{markNum:'2',a_num:'1'},{markNum:'3',a_num:'1'},{markNum:'4',a_num:'1'},{markNum:'5',a_num:'1'},
       {markNum:'6',a_num:'1'},{markNum:'7',a_num:'1'},{markNum:'8',a_num:'1'},{markNum:'9',a_num:'1'},
       {markNum:'10',a_num:'1'},{markNum:'11',a_num:'1'},{markNum:'12',a_num:'1'}],
       //V端右侧的点
-      V_left:[{markNum:'1',v_num:'1'},{markNum:'2',v_num:'1'},{markNum:'3',v_num:'1'},{markNum:'4',v_num:'1'},{markNum:'5',v_num:'1'},
+      V_right:[{markNum:'1',v_num:'1'},{markNum:'2',v_num:'1'},{markNum:'3',v_num:'1'},{markNum:'4',v_num:'1'},{markNum:'5',v_num:'1'},
       {markNum:'6',v_num:'1'},{markNum:'7',v_num:'1'},{markNum:'8',v_num:'1'},{markNum:'9',v_num:'1'},
       {markNum:'10',v_num:'1'},{markNum:'11',v_num:'1'},{markNum:'12',v_num:'1'}],
 
       patientID:0,
       id:0,
       texts:null,
-      disX: 0,
-      disY: 0,
-      styleObj: {
-        left: 0,
-        top: 0
-      },
-      isdow:false
     }
   },
   created(){
     // this.getPatientSitemap(this.patientID)
   },
   mounted(){
-    // console.log('valuse',this.fangxiangA,);
-    // this.editor = new Quill(this.$refs.imageWrapper, {
-    //   modules:{toolbar:false},
-    //   theme: 'snow',
-    // });
-  //  console.log('111111',this.fileList);
-    // this.$refs.text_cc.addEventListener('mousemove',this.A_mousedow)
-    // this.$refs.text_cc.addEventListener('mousemove',this.A_moouseup)
   },
   methods:{
     add(){
       var ww = document.documentElement.clientWidth
       var wh = window.innerHeight
       var Alen=this.A_arr
-      var Vlen=this.V_arr
-      var textlen=this.text_arr
+      // var Vlen=this.V_arr
+      // var textlen=this.text_arr
       var fx_alen=this.fangxiangA
       var fx_vlen=this.fangxiangV
-      var FZ_alen=this.fuzhuA
-      var FZ_vlen=this.fuzhuV
+      // var FZ_alen=this.fuzhuA
+      // var FZ_vlen=this.fuzhuV
       var aleng=this.Aarr
       var vleng=this.Varr
       if(e.preventDefault){
       for(let i=0;i<tet.length;i++){
         const textsle = tet[i].innerText.split('\n')[0]
         if(evetext == textsle){
-          this.disX = e.clientX - tet[i].offsetLeft;
-          this.disY = e.clientY - tet[i].offsetTop;
-          this.isdow=true
+          const disX = e.clientX - tet[i].offsetLeft;
+          const disY = e.clientY - tet[i].offsetTop;
+          const isdow=true
           document.onmousemove = (el) =>{
-          if(this.isdow==false){
+          if(isdow==false){
             return
           }
-            let moveX = el.clientX - this.disX;
-            let moveY = el.clientY - this.disY;
+            let moveX = el.clientX - disX;
+            let moveY = el.clientY - disY;
             tet[i].style.left = moveX + "px";
             tet[i].style.top = moveY + "px";
             for(let i=0;i<textlen.length;i++){
       const fuzhuA= document.getElementById('jinzhen-jiaodu-target-A')
       const fuzhua_x =e.clientX - fuzhuA.offsetLeft
       const fuzhua_y =e.clientY - fuzhuA.offsetTop
-      const fuzhu_A =true
+      const fuzhua =true
       var FZ_alen=this.fuzhuA
 
       document.onmousemove=(el)=>{
-        if(fuzhu_A==false){
+        if(fuzhua==false){
           return ''
         }
         const moveX = el.clientX - fuzhua_x;
       const fuzhuV= document.getElementById('jinzhen-jiaodu-target-V')
       const fuzhuv_x =e.clientX - fuzhuV.offsetLeft
       const fuzhuv_y =e.clientY - fuzhuV.offsetTop
-      const fuzhu_V =true
+      const fuzhuv =true
       var FZ_vlen=this.fuzhuV
       document.onmousemove=(el)=>{
-        if(fuzhu_V==false){
+        if(fuzhuv==false){
           return ''
         }
         const moveX = el.clientX - fuzhuv_x;
         console.log('asdfdfgfd',this.fuzhuA);
         return this.fuzhuA_num = 2
       }else{
+        this.fuzhuA.shift()
         console.log('辅助工具a2222');
         return this.fuzhuA_num = 1
       }
         console.log('辅助工具v1111',this.fuzhuV);
         return this.fuzhuV_num = 2
       }else{
+        this.fuzhuV.shift()
         console.log('辅助工具v2222');
         return this.fuzhuV_num = 1
       }
 
             this.id = sitemap.id
 
-
-
             this.A_top = sitemap.a_top
             this.av_bkx = sitemap.av_bkx
             this.av_bky = sitemap.av_bky
          }
       })
     },
-    // updateSiteMap(){
-    //   var is_append = 2
-    //     if(this.append == true){
-    //         is_append = 1
-    //     }
-    //     if(this.append == false){
-    //        is_append = 2
-    //     }
-
-    //     var is_img_v = 2
-
-
-    //     if(this.img_v ==true){
-    //        is_img_v = 1
-
-    //     }
-    //     if(this.img_v == false){
-    //        is_img_v = 2
-    //     }
-
-    //     var is_img_a = 2
-    //     if(this.img_a == true){
-    //        is_img_a = 1
-    //     }
-    //     if(this.img_a == false){
-    //        is_img_a = 2
-    //     }
-
-    //     var a_arr_str = ""
-    //     if(this.A_arr!=null && this.A_arr.length>0){
-    //       a_arr_str = this.A_arr.join(",")
-    //     }
-    //     var v_arr_str = ""
-    //     if(this.V_arr!=null){
-    //      v_arr_str = this.V_arr.join(",")
-    //     }
-
-    //     var text_arr_str = ""
-    //     if(this.text_arr!=null){
-    //        text_arr_str = this.text_arr.join(",")
-    //     }
-
-    //     var params = {
-    //      id:this.id,
-    //      is_append:is_append,
-    //      is_img_v:is_img_v,
-    //      is_img_a:is_img_a,
-    //      a_num:this.a_num?this.a_num:0,
-    //      v_num:this.v_num?this.v_num:0,
-    //      text_num:this.text_num?this.text_num:0,
-    //      fangxianga_num:this.fangxiangA_num?this.fangxiangA_num:0,
-    //      fangxiangv_num:this.fangxiangV_num?this.fangxiangV_num:0,
-    //      fangxianga_left:this.fangxiangA_left?this.fangxiangA_left:0,
-    //      fangxianga_top:this.fangxiangA_top?this.fangxiangA_top:0,
-    //      fangxiangv_left:this.fangxiangV_left?this.fangxiangV_left:0,
-    //      fangxiangv_top:this.fangxiangV_top?this.fangxiangV_top:0,
-    //      fuzhua_num:this.fuzhuA_num?this.fuzhuA_num:0,
-    //      fuzhuv_num:this.fuzhuV_num?fuzhuV_num:0,
-    //      xuanzhuan_a:this.xuanzhuan_a?this.xuanzhuan_a:0,
-    //      xuanzhuan_v:this.xuanzhuan_v?this.xuanzhuan_v:0,
-    //      fuzhua_top:this.fuzhuA_top?this.fuzhuA_top:0,
-    //      fuzhua_left:this.fuzhuA_left?this.fuzhuA_left:0,
-    //      fuzhuv_top:this.fuzhuV_top?fuzhuV_top:0,
-    //      fuzhuv_left:this.fuzhuV_left?this.fuzhuV_left:0,
-    //      a_arr_str:a_arr_str,
-    //      v_arr_str:v_arr_str,
-    //      a_left:this.A_left?this.A_left:0,
-    //      a_top:this.A_top?this.A_top:0,
-    //      v_left:this.V_left?this.V_left:0,
-    //      v_top:this.V_top?this.V_top:0,
-    //      text_arr_str:text_arr_str,
-    //      text_left:this.text_left,
-    //      text_top:this.text_top?this.text_top:0,
-    //      scalev_num:this.scalev_num?this.scalev_num:0,
-    //      scalea_num:this.scalea_num?this.scalea_num:0,
-    //      value:this.value,
-    //      patient_id:this.patientID,
-    //     }
-    //     console.log("paramswowwo",params)
-    //   updateSiteMap(params).then(response=>{
-    //      if(response.data.state == 1){
-    //        var deviceValsualMap =  response.data.data.deviceValsualMap
-
-    //        this.$message.success("修改成功!")
-    //      }
-    //   })
-    // },
+    
     chakan(){
       console.log('22222',);
       this.shiyituDialogVisible=true