8.8

src/views/index/geometry/index.vue

@@ -42,7 +42,7 @@
       </el-dropdown-menu>
     </el-dropdown>  
        </div>
-       <div class="item1"  @click="dialog.dialogVisible = true; clicknumber()">
+       <div class="item1"  :class="{activeOrange:active=='w-'+ 0}" @click="meshclick($event,0,'w-'+ 0)">
                 <el-tooltip class="item" effect="dark" content="重新编号" placement="bottom">
                     <!-- <svg class="icon" aria-hidden="true">
               <use xlink:href="#icon-ts-d"></use>
@@ -69,7 +69,7 @@
   <el-checkbox v-model="checked" class="baoshi"> 栅格</el-checkbox>
                  <el-checkbox v-model="checked1" class="baoshi"> 坐标系</el-checkbox>
             <span class="shu">|</span>
-            <div class="item1"  v-for="(itemcj,index) in jiclistimg"  :key="'info1-'+ index" :class="{activeOrange:active=='info1-'+ index}" @click="clickgeometry(index,'info1-'+ index)">
+            <div class="item1"  v-for="(itemcj,index) in jiclistimg"  :key="'info1-'+ index" :class="{activeOrange:active=='info1-'+ index}" @click="operationclick($event,index,'info1-'+ index)">
                 <!-- <el-tooltip class="item" effect="dark" :content="itemcj.titlie" placement="bottom">
                     <svg class="icon" aria-hidden="true">
                     <use :xlink:href="`#${itemcj.icon}`" />
@@ -81,13 +81,13 @@
             </el-tooltip>
             </div>
             <span class="shu">|</span>
-                <div class="item1"  v-for="(itemcj,index) in czlist"  :key="'info2-'+ index" :class="{activeOrange:active=='info2-'+ index}"   @click="operationclick(index,'info2-'+ index)">
+                <div class="item1"  v-for="(itemcj,index) in czlist"  :key="'info2-'+ index" :class="{activeOrange:active=='info2-'+ index}"   @click="operationclick($event,index,'info2-'+ index)">
                 <el-tooltip class="item" effect="dark" :content="itemcj.titlie" placement="bottom">
                     <el-image :src="itemcj.img" fit="cover" /> 
             </el-tooltip>
             </div>
             <span class="shu">|</span>
-                <div class="item1"  v-for="(itemcj,index) in bjlist"  :key="'info3-'+ index"  :class="{activeOrange:active=='info3-'+ index}"   @click="operationclick2(index,'info3-'+ index)">
+                <div class="item1"  v-for="(itemcj,index) in bjlist"  :key="'info3-'+ index"  :class="{activeOrange:active=='info3-'+ index}"   @click="operationclick($event,index,'info3-'+ index)">
                 <el-tooltip class="item" effect="dark" :content="itemcj.titlie" placement="bottom">
                     <el-image :src="itemcj.img" fit="cover" /> 
             </el-tooltip>
@@ -100,9 +100,10 @@
   :visible.sync="dialog.dialogVisible"
    :modal='false'
   custom-class='dialoglocation dialog_color'
-
   :close-on-click-modal='false'
-   width="385px">
+   width="385px"
+    :style="styX"
+   >
   <div slot="title" class=dialog_header>
      <el-image :src="jic3" fit="cover" />
      <span>重新编号</span>
@@ -176,12 +177,14 @@
 
         <!--几何点  -->
  <el-dialog
- v-if="activeobj.tabindex=='0'"
+  v-if="active=='info1-0'"
   :visible.sync="dialog.dialogVisible2"
   :modal='false'
   custom-class='dialoglocation dialog_color'
   :close-on-click-modal='false'
-  width="385px">
+  width="385px"
+   :style="styX"
+  >
 
   <div slot="title" class=dialog_header>
      <el-image :src="cj" fit="cover" />
@@ -254,12 +257,14 @@
 </el-dialog>
 <!-- 实体 -->
 <el-dialog
-v-if="activeobj.tabindex=='1'"
+  v-if="active=='info1-1'"
   :visible.sync="dialog.dialogVisible3"
   :modal='false'
   custom-class='dialoglocation dialog_color'
   :close-on-click-modal='false'
-  width="385px">
+  width="385px"
+  :style="styX"
+  >
   <div slot="title" class=dialog_header>
      <el-image :src="cj2" fit="cover" />
      <span>实体</span>
@@ -370,12 +375,14 @@ v-if="activeobj.tabindex=='1'"
 </el-dialog>
 <!-- 曲线 -->
 <el-dialog
-v-if="activeobj.tabindex=='3'"
+v-if="active=='info1-3'"
    :visible.sync="dialog.dialogcurve"
   :modal='false'
   custom-class='dialoglocation dialog_color'
   :close-on-click-modal='false'
-  width="385px">
+  width="385px"
+  :style="styX"
+  >
   <div slot="title" class=dialog_header>
      <el-image :src="cj4" fit="cover" />
      <span>曲线</span>
@@ -698,12 +705,14 @@ v-if="activeobj.tabindex=='3'"
 </el-dialog>
 <!-- 片体 -->
 <el-dialog
-v-if="activeobj.tabindex=='4'"
+v-if="active=='info1-4'"
   :visible.sync="dialog.piece"
   :modal='false'
   custom-class='dialoglocation dialog_color'
   :close-on-click-modal='false'
-  width="385px">
+  width="385px"
+  :style="styX"
+  >
   <div slot="title" class=dialog_header>
      <el-image :src="cj5" fit="cover" />
      <span>片体</span>
@@ -821,12 +830,14 @@ v-if="activeobj.tabindex=='4'"
 </el-dialog>
 <!-- 曲面 -->
 <el-dialog
-v-if="activeobj.tabindex=='5'"
+v-if="active=='info1-5'"
   :visible.sync="dialog.dialogsurface"
   :modal='false'
   custom-class='dialoglocation dialog_color'
   :close-on-click-modal='false'
-  width="385px">
+  width="385px"
+   :style="styX"
+  >
   <div slot="title" class=dialog_header>
      <el-image :src="cj6" fit="cover" />
      <span> 曲面</span>
@@ -1005,12 +1016,14 @@ v-if="activeobj.tabindex=='5'"
 </el-dialog>
 <!-- 线体 -->
 <el-dialog
-v-if="activeobj.tabindex=='6'"
+v-if="active=='info1-6'"
   :visible.sync="dialog.dialogline"
   :modal='false'
   custom-class='dialoglocation dialog_color'
   :close-on-click-modal='false'
-  width="385px">
+  width="385px"
+     :style="styX"
+  >
   <div slot="title" class=dialog_header>
      <el-image :src="cj7" fit="cover" />
      <span>线体</span>
@@ -1078,12 +1091,14 @@ v-if="activeobj.tabindex=='6'"
 <!-- 操作 -->
 <!-- 关联 -->
 <el-dialog
-v-if="activeobj.czindex=='0'"
+v-if="active=='info2-0'"
   :visible.sync="dialog.dialorelevance"
   :modal='false'
   custom-class='dialoglocation dialog_color'
   :close-on-click-modal='false'
-  width="385px">
+  width="385px"
+  :style="styX"
+  >
   <div slot="title" class=dialog_header>
      <el-image :src="cz" fit="cover" />
      <span>关联</span>
@@ -1150,12 +1165,14 @@ v-if="activeobj.czindex=='0'"
 
 <!-- 特征消除 -->
 <el-dialog
- v-if="activeobj.czindex=='1'"
+v-if="active=='info2-1'"
   :visible.sync="dialog.dialogremove"
   :modal='false'
   custom-class='dialoglocation dialog_color'
    width="385px"
-  :close-on-click-modal='false'>
+  :close-on-click-modal='false'
+     :style="styX"
+  >
   <div slot="title" class=dialog_header>
      <el-image :src="cz2" fit="cover" />
      <span>消除特征</span>
@@ -1309,11 +1326,12 @@ v-if="activeobj.czindex=='0'"
 <!-- 相交 -->
 <el-dialog
   :visible.sync="dialog.dialogintersect"
-  v-if="activeobj.czindex=='2'"
+v-if="active=='info2-2'"
   :modal='false'
   custom-class='dialoglocation dialog_color'
    width="385px"
   :close-on-click-modal='false'
+     :style="styX"
  >
   <div slot="title" class=dialog_header>
      <el-image :src="cz3" fit="cover" />
@@ -1354,11 +1372,12 @@ v-if="activeobj.czindex=='0'"
 <!-- 实体运算 -->
 <el-dialog
   :visible.sync="dialog.dialogentity"
-  v-if="activeobj.czindex=='3'"
+v-if="active=='info2-3'"
   :modal='false'
   custom-class='dialoglocation dialog_color'
    width="385px"
   :close-on-click-modal='false'
+     :style="styX"
  >
   <div slot="title" class=dialog_header>
      <el-image :src="cz4" fit="cover" />
@@ -1460,11 +1479,12 @@ v-if="activeobj.czindex=='0'"
 <!-- 布尔运算 -->
 <el-dialog
   :visible.sync="dialog.Booledialog"
-  v-if="activeobj.czindex=='4'"
+v-if="active=='info2-4'"
   :modal='false'
   custom-class='dialoglocation dialog_color'
    width="385px"
   :close-on-click-modal='false'
+  :style="styX"
  >
   <div slot="title" class=dialog_header>
      <el-image :src="cz5" fit="cover" />
@@ -1489,11 +1509,12 @@ v-if="activeobj.czindex=='0'"
 <!--移动  -->
 <el-dialog
   :visible.sync="dialog.yddialog"
-  v-if="activeobj.czindex=='5'"
+v-if="active=='info2-5'"
   :modal='false'
   custom-class='dialoglocation dialog_color'
    width="385px"
   :close-on-click-modal='false'
+  :style="styX"
  >
   <div slot="title" class=dialog_header>
      <el-image :src="cz6" fit="cover" />
@@ -1682,11 +1703,12 @@ v-if="activeobj.czindex=='0'"
 <!-- 复制 -->
 <el-dialog
   :visible.sync="dialog.dialogclone"
-  v-if="activeobj.czindex=='6'"
+v-if="active=='info2-6'"
   :modal='false'
   custom-class='dialoglocation dialog_color'
    width="385px"
   :close-on-click-modal='false'
+  :style="styX"
  >
   <div slot="title" class=dialog_header>
      <el-image :src="cz8" fit="cover" />
@@ -1789,11 +1811,12 @@ v-if="activeobj.czindex=='0'"
 <!--印痕-->
 <el-dialog
   :visible.sync="dialog.dialogprint"
-  v-if="activeobj.czindex=='7'"
+v-if="active=='info2-7'"
   :modal='false'
   custom-class='dialoglocation dialog_color'
    width="385px"
   :close-on-click-modal='false'
+     :style="styX"
  >
   <div slot="title" class=dialog_header>
      <el-image :src="cz9" fit="cover" />
@@ -1972,13 +1995,12 @@ v-if="activeobj.czindex=='0'"
 <!--清除重复对象  -->
 <el-dialog
   :visible.sync="dialog.dialogclear"
-  v-if="activeobj.czindex=='8'"
+v-if="active=='info2-8'"
   :modal='false'
-
-
   custom-class='dialoglocation dialog_color'
    width="385px"
   :close-on-click-modal='false'
+  :style="styX"
  >
   <div slot="title" class=dialog_header>
      <el-image :src="cz10" fit="cover" />
@@ -2043,11 +2065,12 @@ v-if="activeobj.czindex=='0'"
 <!-- 转换 -->
 <el-dialog
   :visible.sync="dialog.dialogtran"
-  v-if="activeobj.czindex=='9'"
+v-if="active=='info2-9'"
   :modal='false'
   custom-class='dialoglocation dialog_color'
    width="385px"
   :close-on-click-modal='false'
+  :style="styX"
  >
   <div slot="title" class=dialog_header>
      <el-image :src="cz12" fit="cover" />
@@ -2204,11 +2227,12 @@ v-if="activeobj.czindex=='0'"
 <!-- 扩展 -->
 <el-dialog
   :visible.sync="dialog.dialogextend"
-  v-if="activeobj.czindex=='10'"
+v-if="active=='info2-10'"
   :modal='false'
   custom-class='dialoglocation dialog_color'
    width="385px"
   :close-on-click-modal='false'
+  :style="styX"
  >
   <div slot="title" class=dialog_header>
      <el-image :src="cz13" fit="cover" />
@@ -2295,11 +2319,12 @@ v-if="activeobj.czindex=='0'"
 <!-- 旋转 -->
 <el-dialog
   :visible.sync="dialog.dialogspin"
-  v-if="activeobj.czindex=='11'"
+v-if="active=='info2-11'"
   :modal='false'
   custom-class='dialoglocation dialog_color'
    width="385px"
   :close-on-click-modal='false'
+  :style="styX"
  >
   <div slot="title" class=dialog_header>
      <el-image :src="cz14" fit="cover" />
@@ -2365,11 +2390,12 @@ v-if="activeobj.czindex=='0'"
 <!--对称  -->
 <el-dialog
   :visible.sync="dialog.dialogsymmetry "
-  v-if="activeobj.czindex=='12'"
+v-if="active=='info2-12'"
   :modal='false'
   custom-class='dialoglocation dialog_color'
    width="385px"
   :close-on-click-modal='false'
+  :style="styX"
  >
   <div slot="title" class=dialog_header>
      <el-image :src="cz15" fit="cover" />
@@ -2478,8 +2504,6 @@ v-if="activeobj.czindex=='0'"
      </div>
   </div>
   <p> <el-button type="primary"  class="anniu"  @click=" dialog.setdialog= false">OK</el-button></p>
- 
-
 </div>
 
   </div>
@@ -2523,6 +2547,9 @@ export default {
    components:{elColorPicker},
   data(){
       return{
+           styX:{
+         left:''
+      },
           color: "#e0e0e0",
           checked:'',
           checked1:'',
@@ -2881,37 +2908,6 @@ export default {
 methods:{
   handleCommand(command){
  this.i = command
-  },
-  //模块选择
-  clickgeometry(index,key){
-    this.active=key;
-    console.log(key);
-    this.activeobj.czindex='';
-   this.activeobj.tabindex=index;
-  this.dialog.dialogVisible=false;
-  switch(index){
-    case 0:
-      this.dialog.dialogVisible2=true;
-      break;
-    case 1:
-      this.dialog.dialogVisible3=true;
-      break; 
-    case 2:
-      break;
-    case 3:
-      this.dialog.dialogcurve=true;
-      break;
-      case 4:
-        this.dialog.piece=true;
-       break;
-      case 5:
-        this.dialog.dialogsurface=true;
-       break;
-      case 6:
-        this.dialog.dialogline=true;
-       break;
-     
-  }
   },
   // 转换的select的操作
   chansel(val){
@@ -2976,57 +2972,78 @@ methods:{
     this.active=key;
     this.dialog.dialogVisible=false;
   },
-  //操作
-  operationclick(index,key){
-    this.active=key;
-       this.activeobj.tabindex='';
-    this.activeobj.czindex=index;
-     this.dialog.dialogVisible=false;
- switch(index){
-    case 0:
+  operationclick(e,index,key){
+    var e=e||window.Event
+    this.styX.left=e.clientX+'px';
+     this.active=key;
+    console.log(key);
+    console.log(index)
+  switch(key){
+     case 'w-0':
+     this.dialog.dialogVisible = true; 
+     break;
+    case 'info1-0':
+      this.dialog.dialogVisible2=true;
+    break;
+    case 'info1-1':
+      this.dialog.dialogVisible3=true;
+    break; 
+    case 'info1-2':
+    break;
+    case 'info1-3':
+      this.dialog.dialogcurve=true;
+    break;
+    case 'info1-4':
+      this.dialog.piece=true;
+    break;
+    case 'info1-5':
+      this.dialog.dialogsurface=true;
+    break;
+    case 'info1-6':
+      this.dialog.dialogline=true;
+    break;  
+    case 'info2-0':
       this.dialog.dialorelevance=true;
-      break;
-    case 1:
+    break;
+    case 'info2-1':
       this.dialog.dialogremove=true;
-      break; 
-    case 2:
+    break; 
+    case 'info2-2':
       this.dialog.dialogintersect=true;
-      break;
-    case 3:
+    break;
+    case 'info2-3':
        this.dialog.dialogentity=true;
-      break;
-      case 4:
-         this.dialog.Booledialog=true;
-       break;
-      case 5:
-           this.dialog.yddialog=true;
-       break;
-        case 6:
-         this.dialog.dialogclone=true;
-        break;
-        case 7:
-          this.dialog.dialogprint=true;
-          break;
-          case 8:
-              this.dialog.dialogclear=true;
-          break;
-          case 9:
-            this.dialog.dialogtran=true;
+    break;
+    case 'info2-4':
+      this.dialog.Booledialog=true;
+    break;
+    case 'info2-5':
+      this.dialog.yddialog=true;
+    break;
+    case 'info2-6':
+      this.dialog.dialogclone=true;
+    break;
+    case 'info2-7':
+      this.dialog.dialogprint=true;
           break;
-          case 10:
-             this.dialog.dialogextend=true;
-           break;
-           case 11:
-               this.dialog.dialogspin=true;
-           break;
-           case 12:
-              this.dialog.dialogsymmetry=true;
-             break;
-
-
+    case 'info2-8':
+      this.dialog.dialogclear=true;
+    break;
+    case 'info2-9':
+      this.dialog.dialogtran=true;
+    break;
+    case 'info2-10':
+      this.dialog.dialogextend=true;
+    break;
+    case 'info2-11':
+      this.dialog.dialogspin=true;
+    break;
+    case 'info2-12':
+      this.dialog.dialogsymmetry=true;
+    break; 
+     
   }
-  } ,
-
+  },
   // 实体的下拉选择
   changest(val){
     this.selval=val;
@@ -3261,7 +3278,6 @@ display:flex;
   }
   .dialoglocation{
     position: absolute;
-    right: 0;
 
   }
   .btnringth{