8.8修改弹窗位置

src/views/index/compoents/setdialog.vue

@@ -0,0 +1,101 @@
+<template>
+   <!-- 投影设置 -->
+   <el-dialog
+  :visible.sync="dialog.dialogsetz"
+  :modal='false'
+    popper-class='select-popper'
+  :popper-append-to-body="false"
+  @close='activecleer()'
+  custom-class='dialoglocation dialog_color'
+  :close-on-click-modal='false'
+  width="385px"
+   :style="styX"
+  >
+  <div slot="title" class=dialog_header>
+     <el-image :src="w4" fit="cover" />
+     <span>投影设置</span>
+
+  </div>
+     <el-form>
+    <el-form-item label=" 曲面类型" :label-width="formLabelWidth2">
+      <el-select  @change="changest" v-model="tyval"  placeholder="请选择">
+    <el-option
+      v-for="item in tylist"
+      :key="item.value"
+      :label="item.name"
+      :value="item.value"
+      >
+    </el-option>
+  </el-select>
+    </el-form-item>
+    <div class="heigeinput" v-if="tyval=='0'">
+     <el-form-item label="容差" :label-width="formLabelWidth2">
+      <el-input v-model="form.name" autocomplete="off"></el-input>
+    </el-form-item>
+     <el-form-item label="分割数" :label-width="formLabelWidth2">
+      <el-input v-model="form.name" autocomplete="off"></el-input>
+    </el-form-item>
+    </div>
+<div class="heigeinput" v-if="tyval=='1'">
+     <el-form-item label="分割数" :label-width="formLabelWidth2">
+      <el-input v-model="form.name" autocomplete="off"></el-input>
+    </el-form-item>
+     <el-form-item label="容差" :label-width="formLabelWidth2">
+      <el-input v-model="form.name" autocomplete="off"></el-input>
+    </el-form-item>
+         <el-form-item label="最大迭代次数" :label-width="formLabelWidth5">
+      <el-input v-model="form.name" autocomplete="off"></el-input>
+    </el-form-item>
+    </div>
+   </el-form>
+  <span slot="footer" class="dialog-footer">
+    <el-button @click="dialog.dialogsetz = false">清 除</el-button>
+    <el-button type="primary" @click="dialog.dialogsetz = false">OK</el-button>
+  </span>
+</el-dialog>
+</template>
+<script>
+ import w4 from '@/assets/icon/u860.png'
+export default {
+
+  data(){
+      return{
+      dialog:{
+         dialogsetz:false,
+      },
+          styX:{
+         left:''
+      },
+            radio: '1', 
+          checked:'',
+               active:'',
+         formLabelWidth: '60px',
+        formLabelWidth2:'73px',
+        formLabelWidth4:'37px',
+        formLabelWidth5:'100px',
+         formLabelWidth6:'120px',
+         formLabelWidth7:'190px',
+           form: {
+          name: '',
+          region: '',
+          date1: '',
+          date2: '',
+          delivery: false,
+          type: [],
+          resource: '',
+          desc: '',
+          val0:'1',
+          val1:'2',
+          val2:'3',
+          val3:'4',
+          val4:'5',
+          val5:'6',
+            itemlists:[
+           {id:'1',lable:'节点'},
+           {id:'2',lable:'单元'},
+        ],
+        },
+      }
+  }
+}
+</script>

src/views/index/index.vue

@@ -351,7 +351,6 @@ html,body{
 }
  .dialoglocation{
     position: absolute;
-    right:0px;
     top: -15vh;
   }
   .el-dialog__wrapper{

src/views/index/meshindex/index.vue

@@ -34,31 +34,31 @@
             </el-dropdown-menu>
           </el-dropdown>  
                  </div>
-                     <div class="item1"  @click="dialog.dialogagain = true; clickreze()">
+                     <div class="item1" :class="{activeOrange:active=='w-'+ 0}" @click="meshclick($event,0,'w-'+ 0)">
                 <el-tooltip class="item" effect="dark" content="重新编号" placement="bottom">
               <el-image :src="wjb2" fit="cover" /> 
             </el-tooltip>
             </div>
                   <span class="shu">|</span>
-                      <div class="item1"  v-for="(item,index) in wlist"  :key="'w1-'+ index" :class="{activeOrange:active=='w1-'+ index}" @click="meshclick(index,'w1-'+ index)">
+                      <div class="item1"  v-for="(item,index) in wlist"  :key="'w1-'+ index" :class="{activeOrange:active=='w1-'+ index}" @click="meshclick($event,index,'w1-'+ index)">
                      <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                          <el-image :src="item.img" fit="cover" /> 
                     </el-tooltip>
                  </div>
                   <span class="shu">|</span>
-                      <div class="item1"  v-for="(item,index) in wflist"  :key="'w2-'+ index" :class="{activeOrange:active=='w2-'+ index}" @click="meshclick(index,'w2-'+ index)">
+                      <div class="item1"  v-for="(item,index) in wflist"  :key="'w2-'+ index" :class="{activeOrange:active=='w2-'+ index}" @click="meshclick($event,index,'w2-'+ index)">
                      <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                          <el-image :src="item.img" fit="cover" /> 
                     </el-tooltip>
                  </div>
                   <span class="shu">|</span>
-                        <div class="item1"  v-for="(item,index) in hlist"  :key="'w3-'+ index"  :class="{activeOrange:active=='w2-'+ index}" @click="meshclick(index,'w3-'+ index)">
+                        <div class="item1"  v-for="(item,index) in hlist"  :key="'w3-'+ index"  :class="{activeOrange:active=='w3-'+ index}" @click="meshclick($event,index,'w3-'+ index)">
                      <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                          <el-image :src="item.img" fit="cover" /> 
                     </el-tooltip>
                  </div>
                   <span class="shu">|</span>
-                           <div class="item1"  v-for="(item,index) in wczlist"  :key="'w4-'+ index">
+                           <div class="item1"  v-for="(item,index) in wczlist"  :key="'w4-'+ index"  :class="{activeOrange:active=='w4-'+ index}" @click="meshclick($event,index,'w4-'+ index)">
                      <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                          <el-image :src="item.img" fit="cover" /> 
                     </el-tooltip>
@@ -69,9 +69,10 @@
   :visible.sync="dialog.dialogagain"
    :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="wjb2" fit="cover" />
      <span>重新编号</span>
@@ -130,7 +131,9 @@
   @close='activecleer()'
   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="w1" fit="cover" />
@@ -209,7 +212,9 @@
   @close='activecleer()'
   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="w2" fit="cover" />
@@ -283,10 +288,12 @@
   @close='activecleer()'
   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="w2" fit="cover" />
+     <el-image :src="wf" fit="cover" />
      <span>几何检查/修复</span>
 
   </div>
@@ -385,10 +392,12 @@
   @close='activecleer()'
   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="w2" fit="cover" />
+     <el-image :src="wf2" fit="cover" />
      <span>几何检查/修复</span>
 
   </div>
@@ -479,7 +488,7 @@
     </el-option>
   </el-select>
  </el-form-item>
-   <el-form-item label="类型" :label-width="formLabelWidth" v-if="lxval4=='1'||lxval4=='2'">
+   <el-form-item label="类型" :label-width="formLabelWidth" v-if="lxval4=='1'||lxval4=='2'" class="selset">
       <el-select  @change="changest" v-model="lxval5"  placeholder="请选择">
     <el-option
       v-for="item in selectlist5"
@@ -552,10 +561,12 @@
   @close='activecleer()'
   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="w2" fit="cover" />
+     <el-image :src="wf3" fit="cover" />
      <span>实体布种子点</span>
 
   </div>
@@ -620,7 +631,9 @@
   @close='activecleer()'
   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="w2" fit="cover" />
      <span>编辑实体网络种子点</span>
@@ -672,7 +685,9 @@
   @close='activecleer()'
   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="w4" fit="cover" />
@@ -834,7 +849,9 @@
   @close='activecleer()'
   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="w4" fit="cover" />
@@ -888,7 +905,9 @@
   @close='activecleer()'
   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="w4" fit="cover" />
@@ -978,10 +997,12 @@
   @close='activecleer()'
   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="w4" fit="cover" />
+     <el-image :src="w5" fit="cover" />
      <span>曲面自动分网</span>
 
   </div>
@@ -1113,7 +1134,7 @@
     <el-button type="primary" @click="dialog.dialogzid = false">OK</el-button>
   </span>
 </el-dialog>
-<!-- 网格自动划分实体 -->
+<!-- 实体自动划分网格 -->
 <el-dialog
   v-if="active=='w3-2'"
   :visible.sync="dialog.dialogzdst"
@@ -1121,10 +1142,12 @@
   @close='activecleer()'
   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="w4" fit="cover" />
+     <el-image :src="w6" fit="cover" />
      <span>体自动分网</span>
 
   </div>
@@ -1132,7 +1155,7 @@
   <div class="heigeinput selecr">
   <el-form :model="form" > 
       <el-form-item label="描述" :label-width="formLabelWidth5">
-      <el-select  @change="changest" v-model="zdst"  placeholder="请选择">
+      <el-select  @change="changest3" v-model="zdst"  placeholder="请选择">
     <el-option
       v-for="item in zdstlist"
       :key="item.value"
@@ -1181,7 +1204,7 @@
   <el-form-item label="网格划分器" :label-width="formLabelWidth5" v-else>
       <el-input v-model="form.name" autocomplete="off"></el-input>
     </el-form-item>
-      <el-form-item label=" 加粗系数" :label-width="formLabelWidth5"  v-if="zdst=='1'||zdst=='2'">
+      <el-form-item label=" 加粗系数" :label-width="formLabelWidth5"  v-if="zdst=='1'&&zdst2=='0'||zdst=='2'&&zdst2=='0'">
       <el-input v-model="form.name" autocomplete="off"></el-input>
     </el-form-item>
 <div v-if="zdst=='0'">
@@ -1251,7 +1274,8 @@
     </el-form-item>
     </div>
    </div>
-   <div v-if="zdst=='0'&&zdst2=='1'">
+
+   <div v-if="zdst=='0'&&zdst2=='1'||zdst=='1'&&zdst2=='1'|| zdst=='2'&&zdst2=='1'">
        <div class="line">
       <div class="linetext">目标核心单元大小</div>
     </div> 
@@ -1274,35 +1298,50 @@
     </el-form-item>
         <div class="heigeinput liangf"  v-if="qux3=='1'">
       <div> <el-button plain class="anniu">计算</el-button></div>
-   <el-form-item label="方法" :label-width="formLabelWidth7">
-      <el-select  @change="changest" v-model="qux5"  placeholder="请选择">
-    <el-option
-      v-for="item in quxlist5"
-      :key="item.value"
-      :label="item.name"
-      :value="item.value"
-      >
-    </el-option>
-  </el-select>
- </el-form-item>
+ <el-form-item label="比例因子" :label-width="formLabelWidth7"  v-if="qux3=='1'">
+      <el-input v-model="form.name" autocomplete="off"></el-input>
+    </el-form-item>
     </div>
- <el-form-item label="比例因子" :label-width="formLabelWidth7">
+ <el-form-item label="加粗系数" :label-width="formLabelWidth7"  v-if="zdst=='2'&&zdst2=='1'">
       <el-input v-model="form.name" autocomplete="off"></el-input>
     </el-form-item>
         <div class="btntext" >混合网络</div>
-<div>
-  
-</div>
+
    </div>
-  <div  v-if="zdst=='0'">
+
+<div v-if="zdst=='1'&&zdst2=='1'">
+   <div class="btntext" >单元尺寸</div>
+     <div class="heigeinput input3">
+      <el-input v-model="form.name" autocomplete="off"></el-input>
+      <el-input v-model="form.name" autocomplete="off"></el-input>
+      <el-input v-model="form.name" autocomplete="off"></el-input>
+    </div>
+       <div class="heigeinput liangf">
+       <div class="fill title text_color">加粗级数</div>
+       <div class="fill">
+           <el-radio v-model="radio" label="1">1</el-radio>
+         <el-radio v-model="radio" label="2">2</el-radio>
+          <el-radio v-model="radio" label="3">3</el-radio>
+       </div>
+    </div>
+        <div class="tiele_content">
+    <el-checkbox v-model="checked">曲面柔顺处理</el-checkbox>
+    <el-checkbox v-model="checked">允许楔形单元</el-checkbox>
+  </div>
+     <div class="btntext">高级控制参数</div>
+    <div class="btntext" >检测边</div>
+       <div class="btntext" >六面体网格划分</div>
+</div>
+  
+  <div  v-if="zdst=='0'|| zdst=='1'&&zdst2=='1'">
    <div class="line">
       <div class="linetext">内部加粗</div>
     </div> 
-        <el-checkbox v-model="checked">加粗系数</el-checkbox>
-  <el-form-item label="加粗系数" :label-width="formLabelWidth7">
+        <el-checkbox v-model="checked">加粗系数</el-checkbox> 
+  <el-form-item label="加粗系数" :label-width="formLabelWidth2" >
       <el-input v-model="form.name" autocomplete="off"></el-input>
     </el-form-item>
-    </div>
+   </div>
     <div v-if="zdst=='0'">
        <div class="line">
       <div class="linetext">短边</div>
@@ -1321,7 +1360,8 @@
           <el-input v-model="form.name" autocomplete="off"></el-input>
         </el-form-item>
     </div>
-         <div class="btntext">四面体网格划分</div>  
+         <div class="btntext" v-if="zdst=='0'">四面体网格划分</div>  
+           <div class="btntext" v-if="zdst=='0'&&zdst2=='1'">混合网格</div>  
         <div class="line">
       <div class="linetext">工具</div>
     </div> 
@@ -1350,8 +1390,132 @@
     <el-button type="primary" @click="dialog.dialogzdst = false">OK</el-button>
   </span>
 </el-dialog>
+<!-- 关联 -->
+<el-dialog
+v-if="active=='w4-0'"
+  :visible.sync="dialog.dialogguanl"
+  :modal='false'
+  custom-class='dialoglocation dialog_color'
+  :close-on-click-modal='false'
+  width="385px"
+  :style="styX"
+  >
+  <div slot="title" class=dialog_header>
+     <el-image :src="w4" fit="cover" />
+     <span>关联</span>
+  </div>
+     <div class="selecr">
+     <el-form>
+       <div class="liangf">
+       <div class="dan">  
+          <el-radio v-model="radio" label="1">指定方向</el-radio></div>
+           <div class="dan"> <el-radio v-model="radio" label="2">最近</el-radio></div>
+       </div>
+       <div class="liangf">
+       <div class="dan  dancentent">  
+            <div class="yiinpu " style="text-align: center;" >
+         <el-button plain class="anniu">方向</el-button>
+    </div>
+         </div>
+           <div class="dan heigeinput inputtext">
+              <el-input v-model="form.name" autocomplete="off"></el-input>
+              <el-input v-model="form.name" autocomplete="off"></el-input>
+              <el-input v-model="form.name" autocomplete="off"></el-input>
+              </div>
+       </div>
+       <div class="line">
+      <div class="linetext">限定</div>
+    </div>  
+      <el-checkbox v-model="checked"> 开</el-checkbox>
+        <div class="heigeinput">
+     <el-form-item label="距离" :label-width="formLabelWidth4">
+      <el-input v-model="form.name" autocomplete="off"></el-input>
+    </el-form-item>
+    </div>
+      <div class="line">
+      <div class="linetext">关联</div>
+    </div>  
+         <div class="btntext">节点→几何点</div>
+          <div class="btntext">单元边→曲线</div>
+        <div class="btntext">单元边→曲面</div>
+        <div class="btntext">单元→曲线</div>
+        <div class="btntext">单元→曲面</div>
+          <div class="line">
+      <div class="linetext">去除关联</div>
+    </div> 
+    <div class="listbtn"> 
+       <el-button plain class="anniu">节点</el-button>
+        <el-button plain class="anniu">单元边</el-button>
+         <el-button plain class="anniu">单元面</el-button>
+      </div> 
+      <el-row>
+         <div class="btntext">单元</div>
+          <div class="btntext">从实体得到网络</div>
+        <div class="btntext">从实体得到的小平面几何</div>
+        <div class="btntext cursor" @click="dialog.dialogsetz=true">投影设置</div>
+      </el-row>
 
+   </el-form>
+     </div>
+  <span slot="footer" class="dialog-footer">
+    <el-button @click="dialog.dialogguanl = false">取 消</el-button>
+    <el-button type="primary" @click="dialog.dialogguanl = false">OK</el-button>
+  </span>
+</el-dialog>
+<!-- 高级设置 -->
+   <el-dialog
+  :visible.sync="dialog.dialogsetz"
+  :modal='false'
+    popper-class='select-popper'
+  :popper-append-to-body="false"
+  @close='activecleer()'
+  custom-class='dialoglocation dialog_color'
+  :close-on-click-modal='false'
+  width="385px"
+   :style="styX"
+  >
+  <div slot="title" class=dialog_header>
+     <el-image :src="w4" fit="cover" />
+     <span>高级投影设置</span>
 
+  </div>
+     <el-form>
+    <el-form-item label="算法选择" :label-width="formLabelWidth2"  class="selesct"> 
+      <el-select  @change="changest" v-model="tyval"  placeholder="请选择">
+    <el-option
+      v-for="item in tylist"
+      :key="item.value"
+      :label="item.name"
+      :value="item.value"
+      >
+    </el-option>
+  </el-select>
+    </el-form-item>
+    <div class="heigeinput" v-if="tyval=='0'">
+     <el-form-item label="容差" :label-width="formLabelWidth2">
+      <el-input v-model="form.name" autocomplete="off"></el-input>
+    </el-form-item>
+     <el-form-item label="分割数" :label-width="formLabelWidth2">
+      <el-input v-model="form.name" autocomplete="off"></el-input>
+    </el-form-item>
+    </div>
+<div class="heigeinput" v-if="tyval=='1'">
+     <el-form-item label="分割数" :label-width="formLabelWidth2">
+      <el-input v-model="form.name" autocomplete="off"></el-input>
+    </el-form-item>
+     <el-form-item label="容差" :label-width="formLabelWidth2">
+      <el-input v-model="form.name" autocomplete="off"></el-input>
+    </el-form-item>
+         <el-form-item label="最大迭代次数" :label-width="formLabelWidth5">
+      <el-input v-model="form.name" autocomplete="off"></el-input>
+    </el-form-item>
+    </div>
+   </el-form>
+  <span slot="footer" class="dialog-footer">
+    <el-button @click="dialog.dialogsetz = false">清 除</el-button>
+    <el-button type="primary" @click="dialog.dialogsetz = false">OK</el-button>
+  </span>
+</el-dialog>
   </div>
 </template>
 
@@ -1380,8 +1544,9 @@ import w15 from '@/assets/icon/u213.png'
 import w16 from '@/assets/icon/u226.png'
 import w17 from '@/assets/icon/u853.png'
 import w18 from '@/assets/icon/u233.png'
-
+import setdialog from "../compoents/setdialog.vue";
 export default {
+    components:{setdialog},
   data(){
       return{
        dialog:{
@@ -1400,7 +1565,13 @@ export default {
            danyuan:false,
            dialogzid:false,
            dialogzdst:false,
-          },  
+           dialogguanl:false,
+          dialogsetz:false,
+          }, 
+            styX:{
+         left:''
+      },
+            radio: '1', 
           checked:'',
                active:'',
          formLabelWidth: '60px',
@@ -1429,6 +1600,11 @@ export default {
            {id:'2',lable:'单元'},
         ],
         },
+          tylist:[
+            {value:'0',name:'对分法'},
+            {value:'1',name:'牛顿法'},
+           ],
+           tyval:"0",
      // 网格划分
         wjb,
         wjb1,
@@ -1641,6 +1817,10 @@ export default {
       }
   },
   methods:{
+    // 投影设置
+    Shadow(){
+      this.$refs.setdialog.dialog.dialogsetz=true;
+    },
       clickreze(){
     this.active=null;
          this.activeobj.tabindex='';
@@ -1654,10 +1834,20 @@ export default {
     this.selval=val;
 
   },
-  meshclick(index,key){
+  changest3(event){
+    console.log(event);
+    console.log(1111);
+
+  },
+  meshclick(e,index,key){
+    var e=e||window.Event
+this.styX.left=e.clientX+'px';
      this.active=key;
     console.log(key);
   switch(key){
+     case 'w-0':
+       //this.clickreze()   
+    this.dialog.dialogagain = true;
     case 'w1-0':
       this.dialog.dialognode=true;
       break;
@@ -1682,6 +1872,10 @@ export default {
            case'w3-2':
               this.dialog.dialogzdst=true;
        break;
+          case'w4-0':
+              this.dialog.dialogguanl=true;
+       break;
+     
        
      
   }
@@ -1694,6 +1888,14 @@ this.dialog.xuanze=true;
 }
 </script>
 <style>
+.liangf .fill{
+flex: 1;
+}
+.title{
+     line-height: 11px;
+    padding: 5px;
+    font-size: 14px;
+}
 .listboxx{
   display: flex;
 }
@@ -1719,4 +1921,8 @@ color:#333;
 .cursor{
       cursor: pointer;
 }
+.selesct .el-select{
+    width: 100%;
+    margin-bottom: 10px;
+}
 </style>