页面修改

src/components/common/choiceAreaAuth.vue

 <style>
-  .app-hotspot .shadow {
+  .choiceAreaAuth .shadow {
     position: absolute;
     left: 0;
     top: 0;
@@ -9,7 +9,7 @@
     border: 1px solid #2E9FFF;
   }
 
-  .app-hotspot .hotspot {
+  .choiceAreaAuth .hotspot {
     position: absolute;
     left: 0;
     top: 0;
@@ -17,22 +17,22 @@
     z-index: 100;
   }
 
-  .app-hotspot .hotspot .close {
+  .choiceAreaAuth .hotspot .close {
     position: absolute;
     right: -16px;
     top: -16px;
     z-index: 101
   }
 
-  .app-hotspot .el-input {
+  .choiceAreaAuth .el-input {
     width: 70px;
   }
 
-  .app-hotspot .right label {
+  .choiceAreaAuth .right label {
     padding: 0 10px;
   }
 
-  .app-hotspot .inside {
+  .choiceAreaAuth .inside {
     position: relative;
     width: 750px;
     min-height: 1334px;
@@ -40,7 +40,7 @@
     zoom: 0.5;
   }
 
-  .app-hotspot .pic {
+  .choiceAreaAuth .pic {
     width: auto;
     height: auto;
     max-width: 750px;
@@ -48,34 +48,34 @@
     transform: scale(0.5);
   }
 
-  .app-hotspot .pic-list {
+  .choiceAreaAuth .pic-list {
     position: relative;
   }
 
-  .app-hotspot .pic-list div {
+  .choiceAreaAuth .pic-list div {
     position: absolute;
     left: 0;
     top: 0;
   }
 
-  .app-hotspot {
+  .choiceAreaAuth {
     -moz-user-select: none;
     -khtml-user-select: none;
     user-select: none;
   }
 
-  .app-hotspot .el-input-group__append {
+  .choiceAreaAuth .el-input-group__append {
     background-color: #fff;
   }
 
 </style>
-<template id="app-hotspot">
-  <div class="app-hotspot">
+<template id="choiceAreaAuth">
+  <div class="choiceAreaAuth">
     <div @click="dialogVisible = !dialogVisible" style="display: inline-block">
       <slot></slot>
     </div>
     <el-dialog append-to-body title="热区划分" :visible.sync="dialogVisible" :close-on-click-modal="false"
-      class="app-hotspot" width="900px">
+      class="choiceAreaAuth" width="900px">
       <div flex="dir:left box:first">
         <div class="inside" flex="dir:left main:center cross:center" ref="inside">
           <div style="position: relative;" ref="box">
@@ -145,13 +145,7 @@
                 </el-col>
               </el-row>
             </el-form-item>
-            <el-form-item label="热区链接" v-if="isLink">
-              <el-input size="small" style="width: 100%;" :disabled="true" v-model="hotspotList[index].link.PageName">
-                <template slot="append">
-                  <el-button @click="isShowLink=true">选择链接</el-button>
-                </template>
-              </el-input>
-            </el-form-item>
+
             <el-form-item label="热区属性" v-if="mode == 'auth'">
               <el-radio-group v-model="hotspotList[index].open_type">
                 <el-radio label="login" :disabled="radioDisabled('login')">登录按钮</el-radio>
@@ -161,20 +155,15 @@
           </div>
           <div v-if="index == -1 && hotspotList.length == 0" style="padding: 20px 40px;">请先在左侧蓝框内用鼠标划出热区范围</div>
           <el-form-item v-else label="">
-            <el-button style="margin-left: 10px" v-if="hotspotList.length==2"  type="primary" size="small" @click="confirm">保存</el-button>
+            <el-button style="margin-left: 10px" v-if="hotspotList.length==2" type="primary" size="small"
+              @click="confirm">保存</el-button>
             <el-button size="small" @click="clearAll">重置</el-button>
           </el-form-item>
         </el-form>
       </div>
     </el-dialog>
 
-    <el-dialog title="选择链接" :visible.sync="isShowLink" width="800px">
-      <chooseMenu ref="chooseMenu"></chooseMenu>
-      <span slot="footer" class="dialog-footer">
-        <el-button size="small" @click="isShowLink=false">取 消</el-button>
-        <el-button size="small" type="danger" @click="getChoiceLink()">确 定</el-button>
-      </span>
-    </el-dialog>
+
 
   </div>
 </template>
@@ -203,7 +192,7 @@
     },
     data() {
       return {
-        isShowLink: false,
+
         dialogVisible: false,
         is_mousedown: false,
         is_mousemove: false,
@@ -232,7 +221,7 @@
       dialogVisible(oldVal, newVal) {
         this.hotspotList = JSON.parse(JSON.stringify(this.hotspotArray))
         this.index = -1;
-        if(this.hotspotList.length>0){
+        if (this.hotspotList.length > 0) {
           this.select(1);
         }
       }
@@ -377,7 +366,7 @@
         if (this.index > -1 && this.hotspotList.length > 0) {
           this.hotspotList[this.index].link = obj
         }
-        this.isShowLink = false;
+
       },
 
     }