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

src/xt_pages/outpatientCharges/listPrint.vue

     </template>
 
     <div class='dialysisPage' style="padding-top:40px;">
-      <printOne v-if=" org_id != 10106&&org_id != 10215&&org_id != 10265 && org_id!=9675 && org_id!=10485 && org_id!=0 " :list="list" :patient="patient" :order="order" :admin="admin"></printOne>
+      <printOne v-if=" org_id != 10106&&org_id != 10215&&org_id != 10265 && org_id!=9675 && org_id!=10485  " :list="list" :patient="patient" :order="order" :admin="admin"></printOne>
       <printTwo v-if="org_id == 10106 && this.paramsObj.balance_accounts_type != 2" :info="info" :order_infos="order_infos" :p_admin="p_admin" :charge_admin="charge_admin"></printTwo>
       <print-three v-if="org_id == 10106 && this.paramsObj.balance_accounts_type == 2" :info="info" :order_infos="order_infos" :p_admin="p_admin" :charge_admin="charge_admin"></print-three>
 <!--      <list-print-two v-if="org_id == 10215 || org_id==9675" :list="list" :patient="patient" :order="order" :admin="admin"></list-print-two>-->
-     <list-print-three v-if="org_id == 10215 || org_id==9675 || org_id == 0 || org_id ==10485" :list="list" :patient="patient" :order="order" :admin="admin"></list-print-three>
+     <list-print-three v-if="org_id == 10215 || org_id==9675  || org_id ==10485" :list="list" :patient="patient" :order="order" :admin="admin"></list-print-three>
       <print-two10265  v-if="org_id == 10265  " :list="list" :patient="patient" :order="order" :admin="admin" :hospital_record="hospital_record"></print-two10265>
     </div>
   </div>

src/xt_pages/outpatientCharges/settlementTemplate/printOne.vue

 <template>
     <div id="prescription-print" class="print_page_main_content">
-        <div class="title">广东省社会医疗保障基金结算清单</div>
+        <div class="title" v-if="">广东省社会医疗保障基金结算清单</div>
         <div style="text-align:right;">清单流水号 <div style="width:120px;" class="under_line">{{ info.mdtrt_id }}</div></div>
         <div class="row">
             <div>定点医疗机构名称<div style="width:120px;" class="under_line">{{info.fixmedins_name}}</div></div>

src/xt_pages/outpatientCharges/statementPrint.vue

           obj['count'] = details[a].cnt
           obj['price'] = parseFloat(details[a].pric)
           obj['total_price'] = parseFloat(details[a].det_item_fee_sumamt)
+          obj['psn_pay'] = (details[a].selfpay_prop * details[a].det_item_fee_sumamt).toFixed(2)
+
           list.push(obj)
         }
 
           obj['spec'] = ""
           obj['count'] = details[a].cnt
           obj['price'] = parseFloat(details[a].pric)
+          obj['psn_pay'] = (details[a].selfpay_prop * details[a].det_item_fee_sumamt).toFixed(2)
           obj['total_price'] = parseFloat(details[a].det_item_fee_sumamt)
           list.push(obj)
         }
           obj['spec'] = details[a].project.good_info.specification_name
           obj['count'] = details[a].cnt
           obj['price'] = parseFloat(details[a].pric)
+          obj['psn_pay'] = (details[a].selfpay_prop * details[a].det_item_fee_sumamt).toFixed(2)
           obj['total_price'] = parseFloat(details[a].det_item_fee_sumamt)
           list.push(obj)
         }

src/xt_pages/outpatientCharges/statementTemplate/printeEleven.vue

           <td width="8.1%">单价</td>
           <td width="8.1%">金额</td>
           <td width="10.1%">医保标识</td>
+          <td width="10.1%">自付金额</td>
+
         </tr>
         <!-- width="72.6%"  16.82%  16.1-->
         <tr>
                 <div style="width: 8.1%;padding: 5px;text-align: center;">{{subItem.price}}</div>
                 <div style="width: 8.1%;padding: 5px;text-align: center;">{{subItem.total_price}}</div>
                 <div style="width: 10.1%;padding: 5px;"></div>
+                <div style="width: 8.1%;padding: 5px;text-align: center;">{{subItem.psn_pay}}</div>
               </div>
             </div>
           </td>
 .statementTable {
   width: 100%;
   font-size: 14px;
-  // word-wrap: break-word;
-  // word-break: break-all;
   table tr td{
     padding: 5px;
     line-height: 30px;

src/xt_pages/outpatientCharges/summary.vue

           <!--          </el-button-->
           <!--          >-->
 
-<!--           <el-button size="small" type="primary" @click="export_detail_three">报表下载12</el-button>-->
+           <el-button size="small" type="primary" @click="export_detail_three">报表下载12</el-button>
           <!-- <el-button size="small" type="primary" @click="export_detail_four">报表下载3</el-button>-->
           <!-- <el-button size="small" type="primary" @click="export_detail_five">报表下载3</el-button>-->
-<!--           <el-button size="small" type="primary" @click="export_detail_six">报表下载9</el-button>-->
+           <el-button size="small" type="primary" @click="export_detail_six">报表下载9</el-button>
           <!-- <el-button size="small" type="primary" @click="export_detail_tenone">报表下载10</el-button>-->
           <!--  <el-button size="small" type="primary" @click="export_detail_seven">报表下载4</el-button>-->
 
                 name: order.patient.name,
                 id_card_no: order.patient.id_card_no,
                 year: "2023",
-                month: "07",
+                month: "08",
                 code: data[b].code,
                 pric: data[b].total ,
                 item_name: data[b].name,
           var tarList = []
           for (let i = 0; i < list.length; i++) {
             let obj = {
-              "周期": "2023年第二季度",
+              "周期": "2022年第二季度",
               "类别": "门诊",
               "医保目录编码": list[i].code,
               "医保目录名称": list[i].name,
         case '01':
           return '床位费'
           break
+        case '1':
+          return '床位费'
+          break
         case '02':
           return '诊察费'
 
+          break
+        case '2':
+          return '诊察费'
           break
         case '03':
           return '检查费'
 
+          break
+        case '3':
+          return '检查费'
+
           break
         case '04':
           return '化验费'
           break
+        case '4':
+          return '化验费'
+          break
         case '05':
           return '治疗费'
 
+          break
+        case '5':
+          return '治疗费'
+
           break
         case '06':
           return '手术费'
 
+          break
+        case '6':
+          return '手术费'
+
           break
         case '07':
           return '护理费'
 
+          break
+        case '7':
+          return '护理费'
+
           break
         case '08':
           return '材料费'
 
+          break
+        case '8':
+          return '材料费'
+
           break
         case '09':
           return '西药费'
 
+          break
+        case '9':
+          return '西药费'
+
           break
         case '10':
           return '中药饮片费'
         case '0':
           return '其他费'
           break
-
       }
 
     },

src/xt_pages/user/Sitemap.vue

       </div>
       <div style="margin-top:6px;display:flex;flex-wrap: wrap;position:relative;min-height:480px;">
         <div style="width:47%;border:1px solid #ddd;padding: 5px;" id="print_mark_img" ref="imageWrapper">
-          <div id="point_mark_img_wrap1" class="print_main_content" style="width: 100%;padding: 0;border: 0;" >
-            <!-- <template>
-              <div>
-                <quill-editor v-model="content" ref="myQuillEditor" :options="editorOption">
-                  
-                </quill-editor>
-              </div>
-            </template> -->
-            <!-- 背景大图  v-if="fileList.length==0"-->
+          <div id="point_mark_img_wrap1" class="print_main_content" style="width: 520px;padding: 0;border: 0;" >
+
             <img v-if="fileList.length==0" id="ossPointMarkImg" src="@/assets/evaluate/xgtl_default.png" alt="" srcset="">
             <img v-if="fileList.length>0" id="ossPointMarkImg" :src="fileList[0].img_url" alt="" srcset="">
 
             <!-- A端/V端 v-if="a_num==2" -->
             <div v-for="(item,index) in A_arr" :key="index">
-              <div v-if="a_num==2" title="长按右键调整线条角度" class="mark-target mark-target-a mark-target-a1" data-num="1" 
-                  :style="{left:A_left+'px', top: (A_top+(index*30))+'px', cursor: 'move',position: 'absolute'}" 
+              <div v-if="a_num==2" title="长按右键调整线条角度" class="mark-target mark-target-a mark-target-a1" data-num="1"
+                  :style="{left:A_left+'px', top: (A_top+(index*30))+'px', cursor: 'move',position: 'absolute'}"
                   @mousedown.self="A_mousedow($event)" @mouseup.self="A_moouseup($event)">{{item.markNum}}
                 <span class="mark-line mark-line-a" style="transform: rotate(160deg);" data-rotate="160"></span>
               </div>
             </div>
             <div v-for="(item,index) in V_arr" :key="index">
-              <div v-if="v_num==2" title="长按右键调整线条角度" class="mark-target mark-target-v mark-target-v1" data-num="1" 
-                    :style="{left: V_left+'px', top: (V_top+(index*30))+'px', cursor: 'move', position: 'absolute'}" 
+              <div v-if="v_num==2" title="长按右键调整线条角度" class="mark-target mark-target-v mark-target-v1" data-num="1"
+                    :style="{left: V_left+'px', top: (V_top+(index*30))+'px', cursor: 'move', position: 'absolute'}"
                     @mousedown="A_mousedow($event)" @mouseup="A_moouseup($event)">{{item.markNum}}
                 <span class="mark-line mark-line-v" style="transform: rotate(20deg);" data-rotate="20"></span>
               </div>
             </div>
             <!-- 穿刺文字 active  @mousedown="startDrag"   @mousedown="A_mousedow($event)" @mouseup="A_moouseup($event)"-->
             <div v-for="(item,index) in text_arr" :key="index" >
-              <div ref="text_cc" class="add-mark-text-wrap active" :style="{width:(item.width + 10)+'px',left:text_left+'%',top:(text_top+(index*4))+'%','font-size':14+'px'}" 
+              <div ref="text_cc" class="add-mark-text-wrap active"
+              :style="{width:(item.width + 10)+'px',left:text_left+'%',top:(text_top+(index*4))+'%','font-size':14+'px', position: 'absolute'}"
               @mousedown.self="A_mousedow($event)" @mouseup.self="A_moouseup($event)">
-                <!-- <div  style="width:82px;left:62.17%;top:39.00%;display: inline-block;" @mousedown="A_mousedow($event)" @mouseup="A_moouseup($event)"> -->
+                <!-- <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+'%' -->
                   <!-- {{ item }} -->
                   <el-input v-text:value="item.text" size="mini" :style="{width:item.width+'px', border: 1+'px solid transparent', cursor: 'default'}"></el-input>
                   <!-- <input id="inpu" type="text" :value="item" data-width="82" style="width: 82px; border: 1px solid transparent; cursor: default;" class="mark-text-ipt"> -->
               </div>
             </div>
             <!-- 穿刺方向 -->
-            <div v-if="fangxiangA_num==2" @mousedown="A_mousedow($event)" @mouseup="A_moouseup($event)" 
-              title="长按右键调整线条角度" id="jinzhen_fangxiang_A" class="mark-target mark-target-a mark-target-adccz" 
-              :style="{left: fangxiangA_left+'px', top: fangxiangA_top+'px', width: 14+'px', height: 14+'px', background: rgb(231, 53, 53), 'border-radius': 50+'%', position: 'absolute', cursor: 'move',}">
+            <div v-if="fangxiangA_num==2" @mousedown="A_mousedow($event)" @mouseup="A_moouseup($event)"
+              title="长按右键调整线条角度" id="jinzhen_fangxiang_A" class="mark-target mark-target-a mark-target-adccz"
+              :style="{left: fangxiangA_left+'px', top: fangxiangA_top+'px', width: 14+'px', height: 14+'px', background: 'rgb(231, 53, 53)', 'border-radius': 50+'%', position: 'absolute', cursor: 'move',}">
               <span class="mark-line mark-line-ccza" data-rotate="160" style="width:50px;transform:rotate(160deg);">
-              <b class="xtgl-ccz-arrow xtgl-ccz-arrow-a" 
+              <b class="xtgl-ccz-arrow xtgl-ccz-arrow-a"
                 style="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></span></div>
 
-            <div v-if="fangxiangV_num==2" @mousedown="A_mousedow($event)" @mouseup="A_moouseup($event)" 
-            title="长按右键调整线条角度" id="jinzhen_fangxiang_V" class="mark-target mark-target-v mark-target-vdccz" 
-            :style="{left: fangxiangV_left+'px', top: fangxiangV_top+'px', width: 14+'px', height: 14+'px', background: rgb(231, 53, 53), 'border-radius': 50+'%', position: 'absolute', cursor: 'move',}">
+            <div v-if="fangxiangV_num==2" @mousedown="A_mousedow($event)" @mouseup="A_moouseup($event)"
+            title="长按右键调整线条角度" id="jinzhen_fangxiang_V" class="mark-target mark-target-v mark-target-vdccz"
+            :style="{left: fangxiangV_left+'px', top: fangxiangV_top+'px', width: 14+'px', height: 14+'px', background: 'rgb(53, 162, 231)', 'border-radius': 50+'%', position: 'absolute', cursor: 'move',}">
             <span class="mark-line mark-line-cczv" data-rotate="20" style="width:50px;transform:rotate(20deg);">
               <b class="xtgl-ccz-arrow xtgl-ccz-arrow-v"
               style="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></span></div>
             <!-- 辅助工具 :style="{transform: rotate(30deg)}"  ,'background-img': 'url(' + require('../../assets/evaluate/tool-a.png') + ')'  -->
-            <div v-if="fuzhuA_num==2"  
-             class="jinzhen-jiaodu-target jinzhen-jiaodu-target-A" id="jinzhen-jiaodu-target-A">
+            <div v-if="fuzhuA_num==2"
+             class="jinzhen-jiaodu-target jinzhen-jiaodu-target-A" id="jinzhen-jiaodu-target-A" style="position: absolute;top: 56px;left: 360px;">
               <div class="frame-box  actives" :style="{'transform': `scale(${scalea_num})`,top:fuzhuA_top+'px',left:fuzhuA_left+'px'}" @mousedown.self="A_mousedow($event)" @mouseup.self="A_moouseup($event)">
                 <div class="frame-image" data-rotate="0" :style="{transform: `rotate(${xuanzhuan_a}deg)`}">
-                  <!-- <img src="../../assets/evaluate/tool-a.png" alt="" srcset="" > -->
+                  <img src="../../assets/evaluate/tool-a.png" alt="" srcset="" style="margin: 6px 0 0 6px;">
                 </div>
                 <div class="drag-elem bottom right" @click="imga_click"></div>
                 <div class="frame-image-toolbar-btn frame-image-toolbar-btn-reset" data-tooltip="" title="调整方向" @click="fuzhuaclick"></div>
               </div>
-            </div> 
-            <div v-if="fuzhuV_num==2" 
+            </div>
+            <div v-if="fuzhuV_num==2" style="position: absolute;top: 56px;left: 56px;"
              class="jinzhen-jiaodu-target jinzhen-jiaodu-target-V" id="jinzhen-jiaodu-target-V">
               <div class="frame-box actives" :style="{'transform': `scale(${scalev_num})`,top:fuzhuV_top+'px',left:fuzhuV_left+'px'}" @mousedown.self="A_mousedow($event)" @mouseup.self="A_moouseup($event)">
                 <div id="v_img" class="frame-image" data-rotate="0" :style="{'transform': `rotate(${xuanzhuan_v}deg)`}">
-                  <!-- <img id="image" src="../../assets/evaluate/tool-a.png" alt="" srcset="" > -->
+                  <img id="image" src="../../assets/evaluate/tool-a.png" alt="" srcset="" style="margin: 6px 0 0 6px;">
                 </div>
                 <div class="drag-elem bottom right" @click="imgv_click"></div>
                 <div class="frame-image-toolbar-btn frame-image-toolbar-btn-reset" data-tooltip="" title="调整方向" @click="fuzhu_click"></div>
               </div>
-            </div> 
+            </div>
           </div>
         </div>
-        <div style="width:20px;"></div>
-        <div style="width:48%;">
+        <div style="width:25px;"></div>
+        <div style="width:49%;">
           <div>
             <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="point-mark-a-item not-able" 
+              <div class="point-mark-a-item not-able"
                 data-tag="-a" data-mark="A" title="点击移除标记" v-for="(item,index) in 12" :key="index" @click="a_item($event,item)">{{item}}</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="point-mark-v-item not-able" 
+              <div class="point-mark-v-item not-able"
                 data-tag="-v" data-mark="V" title="点击移除标记" v-for="(item,index) in 12" :key="index" @click="v_item($event,item)">{{item}}</div>
             </div>
             <div><span class="active-addtext-btn">添加文本框：</span></div>
             <div id="default-marktext-wrap" style="display:flex;flex-wrap:wrap;">
-              <span :class="append == true ?'default-mark-text chuanci' : 'disabled'" data-index="0" 
+              <span :class="append == true ?'default-mark-text chuanci' : 'disabled'" data-index="0"
                   v-for="(item,index) in puncture_text" :key="index" @click="punctureclick($event,item)">{{ item.text }}</span>
                 <!-- <span :class="append == true ?'default-mark-text chuanci' : 'disabled'" data-index="0">穿刺角度</span>
                 <span :class="append == true ?'default-mark-text chuanci' : 'disabled'" data-index="1">卡夫距导管出口距离cm</span>
         </div>
       </div>
     </div>
-    
+
     <div style="width:50%; margin-top:20px">
       <div class='content_top' style="width: 100%;margin-bottom: 20px;border-bottom:1px solid #DCDFE6;padding-bottom:10px">
         <div style="font-size: 20px;">位点记录列表</div>
           </thead>
         </table>
       </div>
-      <!-- <template>
-        <div>
-          <vue-quill-editor v-model="content" ref="myQuillEditor" :options="editorOption"></vue-quill-editor>
-        </div>
-      </template> -->
     </div>
     <!-- 保存按钮的隐藏 -->
     <el-dialog
 import { getFileExtension} from '@/utils/tools'
 import { saveSitemap,getPatientSitemap,updateSiteMap } from "@/api/patient";
 import { getToken } from '@/api/qiniu'
-// import html2canvas from "html2canvas"
-// import Quill from 'quill';
-// import {quillEditor, Quill} from 'vue-quill-editor'
-// import { container, ImageExtend } from "quill-image-extend-module";
-// Quill.register("modules/ImageExtend", ImageExtend);
-// import 'quill/dist/quill.core.css'
-// import 'quill/dist/quill.snow.css'
-// import 'quill/dist/quill.bubble.css'
 export default{
   components:{
     // quillEditor
       qiniuDomain: 'https://images.shengws.com/',
       puncture_text:[{text:'穿刺角度',width:70},{text:'卡夫距导管出口距离cm',width:158},{text:'动脉端向心穿刺',width:116},{text:'动脉端离心穿刺',width:116},
                       {text:'静脉端向心穿刺',width:116},{text:'手背朝上',width:70},{text:'手掌朝上',width:70},{text:'虎口朝上',width:70},{text:'A端',width:70},{text:'V端',width:70},{text:'自定义',width:70}],
-      // picture:'@/assets/evaluate/tool-a.png',   
+      // picture:'@/assets/evaluate/tool-a.png',
       // url:'',//图片路径
 
       value:'',//获取文本框文字
               }
             }
           }
-            
+
         }
       }
       console.log('333',this.A_arr)
               }
             }
           }
-            
+
         }
       }
     },
         _target.style.top = endy+'px'
         // console.log('x',this.endx,'y',this.endy);
       }
-      
+
       // inpu.addEventListener('mousedown',this.A_mousedow)
     },
     A_moouseup(e){
       // if(this.fuzhuV_num ==1 || this.append ==false){
       //  return this.xuanzhuan_v =0
       // }
-      
+
     },
     fuzhuaclick(){
       if(this.append ==true && this.fuzhuA_num ==2){
     },
     printtup(){
       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;}}}'
-      // 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;} 
-      // 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;} 
+      // 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;}
+      // 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;}
       // .mark-target-a{background: #E73535;top: 40px;left: 40px;} .mark-line{background: #E73535;}}}'
       // 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;}}}}'
 
       this.imgDialogVisible=false
     },
     saveimg(){
-      
-      // html2canvas(this.$refs.imageWrapper).then(canvas  =>{
-      //   // const imageSrc = canvas.toDataURL();
-      //   const imageUrl = canvas.toDataURL("image/png");
-      //   console.log('5555',imageUrl);
-      // //   // const base = this.url.split(',')[1]
-      // //   // console.log('2222',base);
-      //   const blob = this.dataURLtoBlob(imageUrl)
-      //   console.log('4444',blob);
-      //   this.url = URL.createObjectURL(blob);
-      //   console.log('1111',urls);
-        // var link= document.createElement("a");
-        // //将生成的图片url赋值给a标签的href属性
-        // link.href = this.url; 
-        // //设置下载的文件名
-        // link.download = "页面截图";
-        // // 将a标签插入dom中
-        // document.body.appendChild(link);
-        // //模拟点击事件触发下载
-        // link.click();
-        // // 完成之后销毁创建的a标签
-        // document.body.removeChild(link);
-
-      // })
-      // console.log('3333');
-      // const editedHTML=this.editor.getContents();
-      // console.log('6666',editedHTML);
-       
+
        var is_append = 2
-        
-      
+
        if(this.append == true){
            is_append = 1
        }
 
        var is_img_v = 2
 
-      
+
        if(this.img_v ==true){
           is_img_v = 1
-         
+
        }
        if(this.img_v == false){
           is_img_v = 2
           text_arr_str = this.text_arr.join(",")
        }
 
-      //  console.log("fangxiang_A_top",this.fangxiangA_top)
-
        var params = {
          is_append:is_append,
          is_img_v:is_img_v,
             this.text_num = sitemap.text_num
 
             this.fangxiangA_num = sitemap.fangxianga_num
-           
+
             this.fangxiangA_left = sitemap.fangxianga_left
 
             this.fangxiangV_top = sitemap.fangxianga_top,
             this.xuanzhuan_a =  sitemap.xuanzhuan_a
 
             this.xuanzhuan_v = sitemap.xuanzhuan_a
-           
+
             this.fuzhuA_top = sitemap.fuzhua_top
 
             this.fuzhuV_top  = sitemap.fuzhuv_top
 
             this.A_arr  = sitemap.a_arr_str.split(",")
-           
+
             this.V_arr  = sitemap.v_arr_str.split(",")
-           
+
             this.A_left = sitemap.a_left
 
             this.A_top = sitemap.a_top
 
             this.V_left = sitemap.v_left
-    
+
             this.V_top = sitemap.v_top
-        
+
             this.text_arr = sitemap.text_arr.split(",")
 
             this.text_left = sitemap.text_left
 
             this.scalev_num = sitemap.scalev_num
 
-            this.scalea_num =  sitemap.scalea_num 
+            this.scalea_num =  sitemap.scalea_num
 
             this.value = sitemap.value
 
             this.id = sitemap.id
-            
+
          }
       })
     },
     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(",")
         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,
   background-color: #fff;
   border: 1px solid #ddd;
   border-radius: 4px;
-  
+
   .mark-target-a{
     background: #E73535;
     top: 40px;
   //     opacity: 0;
   //     cursor: pointer;
   //     border-radius: 50%;
-      
+
   // }
   // div.add-mark-text-wrap:hover .remove-mark-text {
   //   background: red;
     left: 5px;
     width: 90%;
     height: 90%;
-    background-image: url('../../assets/evaluate/tool-a.png');
+    // background-image: url('../../assets/evaluate/tool-a.png');
     background-position: center center;
     background-size: 100%;
     background-repeat: no-repeat;
     box-shadow: 1px 1px 5px rgba(0,0,0,.1);
     background: url('../../assets/evaluate/xgtl_tool_rotate.png')no-repeat center center / 20px;
   }
- 
+
   .frame-box .drag-elem.bottom.right {
     cursor: nwse-resize;
     z-index: 3;
   box-shadow: 2px 3px 8px rgba(0,0,0,.2), -3px -2px 8px rgba(0,0,0,.2);
 }
 div.add-mark-text-wrap {
-  position: absolute;
-  top: 36%;
-  left: 48%;
+  // position: absolute;
+  // top: 36%;
+  // left: 48%;
   border-radius: 4px;
   width: 60px;
   height: 25px;
 .ql-snow .ql-tooltip[data-mode="link"]::before {
   content: "../../assets/evaluate/tool-a.png";
 }
-</style>
+</style>