4.17 0.1

src/views/index/HCFDLab/addtabs.vue

@@ -0,0 +1,131 @@
+<template>
+<div>
+     <div class='selecttype'>
+        <span class="texttype">片</span>
+        <el-form-item label="面积_范围" :label-width="formLabelWidth2" >
+      <el-input v-model="slice.fw"  autocomplete="off"></el-input>
+      </el-form-item>
+      <div class="disflex lheig34 liitem">
+                      <el-checkbox-group v-model="slice.slicecheck" style="display:flex">
+                        <el-checkbox
+                          label="Solid"
+                          @change="ContourvalVolume()"
+                        ></el-checkbox>
+                        <el-checkbox
+                          label="Sectional plane"
+                          @change="ContourvalVolume()"
+                        ></el-checkbox>
+                      </el-checkbox-group>
+                    </div>  
+          <div class="line">
+      <div class="linetext">正常值</div>
+    </div> 
+     <el-form-item label="X" :label-width="formLabelWidth4" >
+      <el-input v-model="slice.sx" autocomplete="off"></el-input>
+      </el-form-item>
+           <el-form-item label="Y" :label-width="formLabelWidth4" >
+      <el-input v-model="slice.sy" autocomplete="off"></el-input>
+      </el-form-item>
+           <el-form-item label="Z" :label-width="formLabelWidth4" >
+      <el-input v-model="slice.sz" autocomplete="off"></el-input>
+      </el-form-item>
+          <div class="line">
+      <div class="linetext">位置</div>
+    </div> 
+      <div class="yiinpu heigeinput">
+    <el-form-item label="X" :label-width="formLabelWidth4">
+      <el-input v-model="slice.xr" autocomplete="off"></el-input>
+         <span style="width:120px">Xrange:(0,0)</span>
+    </el-form-item>
+ </div>
+  <div class="yiinpu heigeinput">
+    <el-form-item label="Y" :label-width="formLabelWidth4">
+      <el-input v-model="slice.yr" autocomplete="off"></el-input>
+         <span style="width:120px">Yrange:(0,0)</span>
+    </el-form-item>
+ </div>
+  <div class="yiinpu heigeinput">
+    <el-form-item label="Z" :label-width="formLabelWidth4">
+      <el-input v-model="slice.zr" autocomplete="off"></el-input>
+         <span style="width:120px">Zrange:(0,0)</span>
+    </el-form-item>
+ </div>
+      <div class="line">
+      <div class="linetext">位置</div>
+    </div>
+          <el-form-item label="类型" :label-width="formLabelWidth2">
+              <el-select  v-model="slice.con"  placeholder="请选择">
+          <el-option
+            v-for="item in conlist"
+            :key="item.value"
+            :label="item.name"
+            :value="item.value"
+            >
+          </el-option>
+        </el-select>
+        </el-form-item>
+          <el-form-item label="变量名" :label-width="formLabelWidth2">
+              <el-select  v-model="slice.con"  placeholder="请选择">
+          <el-option
+            v-for="item in conlist"
+            :key="item.value"
+            :label="item.name"
+            :value="item.value"
+            >
+          </el-option>
+        </el-select>
+        </el-form-item>
+           <el-form-item label="颜色数量" :label-width="formLabelWidth2">
+          <el-input-number v-model="slice.colorlevel" controls-position="right"  :min="1" :max="10"></el-input-number>
+               </el-form-item>
+               <div class="disflex lheig34 liitem">
+                      <el-checkbox-group v-model="slice.secheck" style="display:flex">
+                        <el-checkbox
+                          label="Sectionalplane"
+                        ></el-checkbox>
+                        <el-checkbox
+                          label="Scalarvalue"
+                        ></el-checkbox>
+                      </el-checkbox-group>
+                    </div> 
+  </div>
+</div>
+</template>
+
+<script>
+export default {
+        data(){
+            return{
+                slice:{
+                fw:'1',
+                slicecheck:'Solid',
+                sx:'',
+                sy:'',
+                sx:'',
+                rx:'',
+                yx:'',
+                zx:'',
+                con:'0',
+                colorlevel:'Sectionalplane',
+                secheck:'',
+                
+                },
+                  formLabelWidth: '60px',
+                    formLabelWidth2:'73px',
+                    formLabelWidth4:'37px',
+                    formLabelWidth5:'100px',
+                    formLabelWidth6:'120px',
+                    formLabelWidth7:'170px',
+                     conlist:[
+            {value:'0', name: "line" },
+            {value:'1', name: "Contour"},
+          ],
+          con:'0',
+            }
+        }
+}
+</script>
+
+<style>
+
+</style>

src/views/index/HCFDLab/index.vue

@@ -2171,7 +2171,7 @@
   <el-form :model="form">
    <div class="heigeinput">
       <div class="listbtn"> 
-       <el-button plain class="anniu"  @click="addTab() ">添加</el-button>
+       <el-button plain class="anniu"  @click="addTab(editableTabsValue) ">添加</el-button>
         <el-button plain class="anniu" @click="moveTab() ">清除</el-button>
       </div>
      <el-tabs v-model="editableTabsValue" type="card" closable @tab-remove="removeTab">
@@ -2182,97 +2182,10 @@
     :name="item.name"
   >
     {{item.content}}
+     <addtabs></addtabs>
   </el-tab-pane>
 </el-tabs>
-  <div class='selecttype'>
-        <span class="texttype">片</span>
-        <el-form-item label="面积_范围" :label-width="formLabelWidth2" >
-      <el-input v-model="slice.fw"  autocomplete="off"></el-input>
-      </el-form-item>
-      <div class="disflex lheig34 liitem">
-                      <el-checkbox-group v-model="slice.slicecheck" style="display:flex">
-                        <el-checkbox
-                          label="Solid"
-                          @change="ContourvalVolume()"
-                        ></el-checkbox>
-                        <el-checkbox
-                          label="Sectional plane"
-                          @change="ContourvalVolume()"
-                        ></el-checkbox>
-                      </el-checkbox-group>
-                    </div>  
-          <div class="line">
-      <div class="linetext">正常值</div>
-    </div> 
-     <el-form-item label="X" :label-width="formLabelWidth4" >
-      <el-input v-model="slice.sx" autocomplete="off"></el-input>
-      </el-form-item>
-           <el-form-item label="Y" :label-width="formLabelWidth4" >
-      <el-input v-model="slice.sy" autocomplete="off"></el-input>
-      </el-form-item>
-           <el-form-item label="Z" :label-width="formLabelWidth4" >
-      <el-input v-model="slice.sz" autocomplete="off"></el-input>
-      </el-form-item>
-          <div class="line">
-      <div class="linetext">位置</div>
-    </div> 
-      <div class="yiinpu heigeinput">
-    <el-form-item label="X" :label-width="formLabelWidth4">
-      <el-input v-model="slice.xr" autocomplete="off"></el-input>
-         <span style="width:120px">Xrange:(0,0)</span>
-    </el-form-item>
- </div>
-  <div class="yiinpu heigeinput">
-    <el-form-item label="Y" :label-width="formLabelWidth4">
-      <el-input v-model="slice.yr" autocomplete="off"></el-input>
-         <span style="width:120px">Yrange:(0,0)</span>
-    </el-form-item>
- </div>
-  <div class="yiinpu heigeinput">
-    <el-form-item label="Z" :label-width="formLabelWidth4">
-      <el-input v-model="slice.zr" autocomplete="off"></el-input>
-         <span style="width:120px">Zrange:(0,0)</span>
-    </el-form-item>
- </div>
-      <div class="line">
-      <div class="linetext">位置</div>
-    </div>
-          <el-form-item label="类型" :label-width="formLabelWidth2">
-              <el-select  v-model="slice.con"  placeholder="请选择">
-          <el-option
-            v-for="item in conlist"
-            :key="item.value"
-            :label="item.name"
-            :value="item.value"
-            >
-          </el-option>
-        </el-select>
-        </el-form-item>
-          <el-form-item label="变量名" :label-width="formLabelWidth2">
-              <el-select  v-model="slice.con"  placeholder="请选择">
-          <el-option
-            v-for="item in conlist"
-            :key="item.value"
-            :label="item.name"
-            :value="item.value"
-            >
-          </el-option>
-        </el-select>
-        </el-form-item>
-           <el-form-item label="颜色数量" :label-width="formLabelWidth2">
-          <el-input-number v-model="slice.colorlevel" controls-position="right"  :min="1" :max="10"></el-input-number>
-               </el-form-item>
-               <div class="disflex lheig34 liitem">
-                      <el-checkbox-group v-model="slice.secheck" style="display:flex">
-                        <el-checkbox
-                          label="Sectionalplane"
-                        ></el-checkbox>
-                        <el-checkbox
-                          label="Scalarvalue"
-                        ></el-checkbox>
-                      </el-checkbox-group>
-                    </div> 
-  </div>
+
   
  </div> 
   </el-form>
@@ -2707,6 +2620,7 @@ import loading from "./loading.vue";
 import transformtool from "./loads/transformtool.vue";
 import echartsHFCD from "./echartsHFCD.vue";
 import TFileStream from "./TFileStream.vue";
+import Addtabs from './addtabs.vue'
 
 export default {
     components:{geometry,meshindex,  vueUploader,
@@ -2718,7 +2632,8 @@ export default {
     Pagination,
     // vtkLoad,
     echartsHFCD,
-    TFileStream,},
+    TFileStream,
+        Addtabs,},
     // websocket,},
     props:{
       objopp:String,
@@ -2756,7 +2671,8 @@ export default {
           title: '2',
           name: '2',
           content: 'Tab 2 content'
-        }],
+        },
+        ],
         tabIndex: 2,
        
      
@@ -3179,11 +3095,7 @@ export default {
           ],
         },
       ],
-  conlist:[
-            {value:'0', name: "line" },
-            {value:'1', name: "Contour"},
-          ],
-          con:'0',
+ 
       dialog: {
         //弹出框 控制
         new_visiable: false,
@@ -3446,23 +3358,12 @@ export default {
 methods:{
   // 添加div
  addTab(targetName) {
+    console.log(targetName);
         let newTabName = ++this.tabIndex + '';
         this.editableTabs.push({
           title:newTabName,
           name: newTabName,
-           slice:{
-            fw:'2',
-            slicecheck:'Solid',
-            sx:'',
-            sy:'',
-            sx:'',
-            rx:'',
-            yx:'',
-            zx:'',
-            con:'0',
-            colorlevel:'Sectionalplane',
-            secheck:'',
-            },
+          content:Addtabs,
         });
         this.editableTabsValue = newTabName;
       },