禅道879

src/styles/common.scss

@@ -145,6 +145,20 @@ a{
   border-color: #7f83f7;
 }
 
+.cascader-dialog{
+  width: 370px;
+  height: 210px;
+  .el-dialog{
+    margin: 0;
+  }
+  .el-dialog__header{
+    padding: 0;
+  }
+  .el-dialog__body{
+    padding: 0;
+  }
+}
+
 .required:before{
   content: "*";
   color: #f56c6c;

src/views/manager/projectinfo/editElement/editElement.vue

@@ -105,7 +105,7 @@
         </el-col>
       </el-row>
       <!-- 弹框 -->
-      <div
+      <!-- <div
         @mouseout="mouseout22"
         @mousemove="mousemove22"
         v-if="cascaderPanel"
@@ -116,7 +116,16 @@
           :options="options2"
           @change="takuangchangge"
         ></el-cascader-panel>
-      </div>
+      </div> -->
+
+      <el-dialog append-to-body :show-close="false" width="360px" :modal='false' class="cascader-dialog" top="0"
+        :visible.sync="cascaderPanel" :style="{position: 'absolute',top:top+'px',left:left+'px'}">
+        <el-cascader-panel
+            :props="{ expandTrigger: 'hover' }"
+            :options="options2"
+            @change="takuangchangge"
+        ></el-cascader-panel>
+      </el-dialog>
 
       <el-dialog
         title="添加新元素字段"
@@ -367,9 +376,9 @@ export default {
       this.left = window.event.clientX - 80
       let Y = window.event.clientY -54
       if (window.outerHeight - Y > 200) {
-        this.top = window.event.clientY - 80 +54
+        this.top = window.event.clientY - 80 + 65
       } else {
-        this.top = window.event.clientY - 270 +54
+        this.top = window.event.clientY - 270 + 65
       }
       this.cascaderPanel = true
       clearTimeout(this.setTimeout)
@@ -724,6 +733,8 @@ export default {
       return targetParent;
     },
 
+
+
   },
   watch: {
     'options' () {