adi_cae_web/src/views/index/FEMLab/fem.vue

<template>
<div class="leading ">
    <div class="scal">
      <div class="toolbar-part-detail lbg_color1 ">
         <!-- 工具栏 -->
      <!-- <transformtool ref="transform" :servertype="servertype" :projectId='project.projectId'  :wstep='wstep' :bStep='bStep' :vStep='vStep'></transformtool> -->
          <el-tabs   v-model="activeName" type="card" @tab-click="handleClick">
          <el-tab-pane
                    label="几何导入"
                    name="one"
                  >
                    <div class="imgzong">
                      <div
                        class="listitem lbg_color3 bkcolor3"
                        v-for="(item,index) in geometrylist"
                        :key="'one0-'+ index"
                        :class="{activeOrange:active=='one0-'+ index}"
                        @click="clickgeometry($event,index,'one0-'+ index)"
                      >
                        <div class="item2 ">
                          <el-image
                            :src="item.icon"
                            fit="cover"
                          />
                          <span>{{item.titlie}}</span>
                        </div>
                      </div>
                    </div>
                  </el-tab-pane>
            <!-- <el-tab-pane label="几何建模" name="one"><geometry></geometry></el-tab-pane> -->
          <el-tab-pane label="网格划分" name="twos"> 
             <div class="imgzong">
                <div class="listitem lbg_color3 bkcolor3"  v-for="(item,index) in meshimport"  :key="'one-'+ index" :class="{activeOrange:active=='one-'+ index}" @click="clickgeometry($event,index,'one-'+ index)" >
             <div class="item2 "   >
                 <el-image :src="item.icon" fit="cover" />  
                   <span >{{item.titlie}}</span>
            </div>
            </div>
               </div>
          </el-tab-pane>
          <!-- 集合定义 -->
          <!-- <el-tab-pane label="集合定义" name="two">
              <div class="imgzong">
             <div class="item1"  v-for="(itemcj,index) in jihlist"  :key="'two-'+ index" :class="{activeOrange:active=='two-'+ index}" @click="clickgeometry($event,index,'two-'+ index)">
                <el-tooltip class="item" effect="dark" :content="itemcj.titlie" placement="bottom">
                             <el-image :src="itemcj.icon" fit="cover" /> 
            </el-tooltip>
            </div>
           </div>
          </el-tab-pane> -->
                <!-- 属性设置 -->
                 <!-- <el-tab-pane label="属性设置" name="three">
             <div class="imgzong">
             <div class="item1"  v-for="(item,index) in shxlist"  :key="'three-'+ index" :class="{activeOrange:active=='three-'+ index}" @click="clickgeometry($event,index,'three-'+ index)">
                <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                        <el-image :src="item.icon" fit="cover" />   
            </el-tooltip>
             </div>
            </div>
          </el-tab-pane> -->
            <!-- 载荷边界 -->
                 <!-- <el-tab-pane label="载荷边界" name="four">
             <div class="imgzong">
             <div class="item1"  v-for="(item,index) in zhlist"  :key="'four-'+ index" :class="{activeOrange:active=='four-'+ index}" @click="clickgeometry($event,index,'four-'+ index)">
                <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                        <el-image :src="item.icon" fit="cover" />   
            </el-tooltip>
             </div>
              <span class="shu">|</span>
               <div class="item1"  v-for="(item,index) in zhlist2"  :key="'four1-'+ index" :class="{activeOrange:active=='four1-'+ index}" @click="clickgeometry($event,index,'four1-'+ index)">
                <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                        <el-image :src="item.icon" fit="cover" />   
            </el-tooltip>
             </div>
               <span class="shu">|</span>
               <div class="item1"  v-for="(item,index) in zhlist3"  :key="'four2-'+ index" :class="{activeOrange:active=='four2-'+ index}" @click="clickgeometry($event,index,'four2-'+ index)">
                <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                        <el-image :src="item.icon" fit="cover" />   
            </el-tooltip>
             </div>
               <span class="shu">|</span>
               <div class="item1"  v-for="(item,index) in zhlist4"  :key="'four3-'+ index" :class="{activeOrange:active=='four3-'+ index}" @click="clickgeometry($event,index,'four3-'+ index)">
                <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                        <el-image :src="item.icon" fit="cover" />   
            </el-tooltip>
             </div>
            </div>
          </el-tab-pane> -->
           <!-- 求解控制 -->
                 <el-tab-pane label="求解控制" name="five">
              <div class="imgzong">
             <!-- <div class="item1"  v-for="(item,index) in fexkz"  :key="'five-'+ index" :class="{activeOrange:active=='five-'+ index}" @click="clickgeometry($event,index,'five-'+ index)">
                <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                        <el-image :src="item.icon" fit="cover" />   
            </el-tooltip>
             </div> -->
               <div class="listitem lbg_color3 bkcolor3"   v-for="(item,index) in fexkz"  :key="'five-'+ index" :class="{activeOrange:active=='five-'+ index}" @click="clickgeometry($event,index,'five-'+ index)" >
             <div class="item2 "   >
                 <el-image :src="item.icon" fit="cover" />  
                   <span >{{item.titlie}}</span>
            </div>
            </div>
               <div v-if="fenxval=='0'">
               <!-- <div class="item1"   v-for="(item,index) in fexkz2"  :key="'five2-'+ index" :class="{activeOrange:active=='five2-'+ index}" @click="clickgeometry($event,index,'five2-'+ index)">
                <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                        <el-image :src="item.icon" fit="cover" />   
            </el-tooltip>
             </div> -->
                <div class="listitem lbg_color3 bkcolor3"  v-for="(item,index) in fexkz2"  :key="'five2-'+ index" :class="{activeOrange:active=='five2-'+ index}" @click="clickgeometry($event,index,'five2-'+ index)" >
             <div class="item2 "   >
                 <el-image :src="item.icon" fit="cover" />  
                   <span >{{item.titlie}}</span>
            </div>
            </div>
               </div>
               <div v-if="fenxval=='1'">
               <!-- <div class="item1"   v-for="(item,index) in fexkz3"  :key="'five3-'+ index" :class="{activeOrange:active=='five3-'+ index}" @click="clickgeometry($event,index,'five3-'+ index)">
                <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                        <el-image :src="item.icon" fit="cover" />   
            </el-tooltip>
             </div> -->
             <div class="listitem lbg_color3 bkcolor3"    v-for="(item,index) in fexkz3"  :key="'five3-'+ index" :class="{activeOrange:active=='five3-'+ index}" @click="clickgeometry($event,index,'five3-'+ index)" >
             <div class="item2 "   >
                 <el-image :src="item.icon" fit="cover" />  
                   <span >{{item.titlie}}</span>
            </div>
            </div>
               </div>
                <div v-if="fenxval=='2'">
               <!-- <div class="item1"   v-for="(item,index) in fexkz4"  :key="'five4-'+ index" :class="{activeOrange:active=='five4-'+ index}" @click="clickgeometry($event,index,'five4-'+ index)">
                <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                        <el-image :src="item.icon" fit="cover" />   
            </el-tooltip>
             </div> -->
              <div class="listitem lbg_color3 bkcolor3"   v-for="(item,index) in fexkz4"  :key="'five4-'+ index" :class="{activeOrange:active=='five4-'+ index}" @click="clickgeometry($event,index,'five4-'+ index)" >
             <div class="item2 "   >
                 <el-image :src="item.icon" fit="cover" />  
                   <span >{{item.titlie}}</span>
            </div>
            </div>
               </div>
               <div v-if="fenxval=='3'">
               <!-- <div class="item1"   v-for="(item,index) in fexkz5"  :key="'five5-'+ index" :class="{activeOrange:active=='five5-'+ index}" @click="clickgeometry($event,index,'five5-'+ index)">
                <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                        <el-image :src="item.icon" fit="cover" />   
            </el-tooltip>
             </div> -->
              <div class="listitem lbg_color3 bkcolor3"   v-for="(item,index) in fexkz5"  :key="'five5-'+ index" :class="{activeOrange:active=='five5-'+ index}" @click="clickgeometry($event,index,'five5-'+ index)">
             <div class="item2 "   >
                 <el-image :src="item.icon" fit="cover" />  
                   <span >{{item.titlie}}</span>
            </div>
            </div>
               </div>
                <div class="listitem lbg_color3 bkcolor3"   v-for="(item,index) in fexkz7"  :key="'five6-'+ index" :class="{activeOrange:active=='five6-'+ index}" @click="clickgeometry($event,index,'five6-'+ index)" >
             <div class="item2 "   >
                 <el-image :src="item.icon" fit="cover" />  
                   <span >{{item.titlie}}</span>
            </div>
            </div>
            </div>
         
          </el-tab-pane>
                <el-tab-pane label="结果查看" name="six"> 
                     <div class="imgzong" >
                
             <div class="listitem lbg_color3 bkcolor3"  v-for="(item,index) in  animationlist1"  :key="'six0-'+ index" :class="{activeOrange:active=='six0-'+ index}" @click="clickgeometry($event,index,'six0-'+ index)">
             <div class="item2 "   >
                 <el-image :src="item.icon" fit="cover" />  
                   <span >{{item.titlie}}</span>
            </div>
            </div>
               <div class="listitem lbg_color3 bkcolor3" style=" display: flex" >
               <div>
             <div class="item1 " v-for="(item,index) in  displaylist"  :key="'six2-'+ index" :class="{activeOrange:active=='six2-'+ index}" @click="clickgeometry($event,index,'six2-'+ index)"  >
                 <el-image :src="item.icon" fit="cover" />  
                   <span >{{item.titlie}}</span>
            </div>
            </div>
              <div>
            <div class="item1 " v-for="(item,index) in  displaylist2"  :key="'six3-'+ index" :class="{activeOrange:active=='six3-'+ index}" @click="clickgeometry($event,index,'six3-'+ index)"  >
                 <el-image :src="item.icon" fit="cover" />  
                   <span >{{item.titlie}}</span>
            </div>
             </div>
            </div>
           
             <div class="listitem lbg_color3 bkcolor3"  v-for="(item,index) in  animationlist"  :key="'six4-'+ index" :class="{activeOrange:active=='six4-'+ index}" @click="clickgeometry($event,index,'six4-'+ index)">
             <div class="item2 "   >
                 <el-image :src="item.icon" fit="cover" />  
                   <span >{{item.titlie}}</span>
            </div>
            </div>
             <!-- <div class="listitem lbg_color3 bkcolor3  imgsolution"  v-for="(item,index) in  solutionlist22"  :key="'six5-'+ index" :class="{activeOrange:active=='six5-'+ index}" @click="clickgeometry($event,index,'six5-'+ index)" >
             <div class="item2 "   >
                 <el-image :src="item.icon" fit="cover" />  
                   <span >{{item.titlie}}</span>
            </div>
            </div>  -->
               </div>
                </el-tab-pane>
               <!-- <el-tab-pane label="结果查看" name="six">  <result></result></el-tab-pane>
          <el-tab-pane label="工具箱" name="seven"><toolindex></toolindex></el-tab-pane> -->
        </el-tabs>
         </div> 
          </div> 
           <!-- 几何导入 -->
    <el-dialog
      v-if="active=='one0-0'"
      :visible.sync="dialog.geometry_upload"
      :close-on-click-modal="false"
      @close='activecleer()'
      class="dialog"
      :modal='false'
      custom-class='dialoglocation dialog_color'
      width="385px"
      v-draggable
      v-draggleft='[styX.left]'
    >
      <div
        slot="title"
        class=dialog_header
      >
        <el-image
          class="imge"
          :src="p22"
          fit="cover"
        />
        <span class="text-color">几何导入</span>
      </div>
      <el-form>
        <vue-uploader
          ref="geometryugrid"
          :projectId="project.projectId"
          :solverType="'hcfd'"
          :accept="'.igs,stp,sat'"
          :name="'Load File'"
          :upId="'3'"
        ></vue-uploader>
      </el-form>
      <div
        slot="footer"
        class="dialog-footer"
      >
        <el-button @click="dialog.geometry_upload = false">{{ $t("HCFD.file.cancel")}}</el-button>
        <el-button
          type="primary"
          @click="geometryup();dialog.geometry_upload = false"
        >{{ $t("HCFD.file.ok")}}</el-button>
      </div>
    </el-dialog>
            <!-- 文件上传 -->
             <el-dialog
     v-if="active=='one-0'"
      :visible.sync="dialog.fem_upload"
      :close-on-click-modal="false"
      @close='activecleer()'
      class="dialog"
    :modal='false'
    custom-class='dialoglocation dialog_color'
     width="385px"
      v-draggable
    v-draggleft=[styX.left]
    >
      <div slot="title" class=dialog_header>
     <el-image class="imge" :src="q4" fit="cover" />
     <span class="text-color">文件上传</span>
  </div>
      <el-form>
      
        <!-- <el-form-item class="paddingTB" prop="fileType">
            <span class="fontWeight">{{ $t("FEM.file.type") }}</span>
            <el-radio v-model="project.fileType" label="binary" disabled>{{
              $t("FEM.file.binary")
            }}</el-radio>
            <el-radio v-model="project.fileType" label="ascii">{{
              $t("FEM.file.ascii")
            }}</el-radio>
          </el-form-item> -->
          <vue-uploader
          ref="bdf"
          :projectId="project.projectId"
          :solverType="'fem'"
          :accept="'.bdf'"
          :name="'Load BDF File'"
          @handfiles="handfiles"
          @upoK='upDisOk'
          style="margin: 20px 0 0 0"
        ></vue-uploader>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button  @click="dialog.fem_upload = false">{{ $t("HCFD.file.cancel")}}</el-button>
        <el-button type="primary" @click="femupload();dialog.fem_upload = false"
          >{{ $t("HCFD.file.ok")}}</el-button
        >
      </div>
    </el-dialog>
        <!-- 网格自动划分 -->
    <el-dialog
         v-if="active=='one-2'"
      :visible.sync="dialog.mesh_generation"
      :close-on-click-modal="false"
      @close='activecleer()'
      class="dialog"
      :modal='false'
      custom-class='dialoglocation dialog_color'
      width="385px"
      v-draggable
      v-draggleft='[styX.left]'
    >
      <div
        slot="title"
        class=dialog_header
      >
        <el-image
          class="imge"
          :src="p21"
          fit="cover"
        />
        <span class="text-color">网格自动划分</span>
      </div>
    <div class="selecr">
      <el-form>
           <el-form-item
            label="格式选择"
            :label-width="formLabelWidth5"
          >
            <el-select
              v-model="objmesh.strResultFormat"
              placeholder="请选择"
            >
              <el-option
                v-for="item in strResultFormatlist"
                :key="item.value"
                :label="item.name"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item
            label="划分类型"
            :label-width="formLabelWidth5"
          >
            <el-select
              v-model="meshval"
              placeholder="请选择"
              @change="Partitiontype"
            >
              <el-option
                v-for="item in meshvallist"
                :key="item.value"
                :label="item.name"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <div v-if="meshval=='0'">
              <div class="radio_text text_color liangf">
              <div class="classfelx" style="text-align: center;">
                <el-radio
                      v-model="meshface"
                      label="物理尺寸模型"
                      >物理尺寸模型</el-radio>
                  </div>
                    <div class="classfelx">
                    <el-radio
                      v-model="meshface"
                      label="几何尺寸模型"
                      >几何尺寸模型</el-radio
                    >
                    </div>
            </div>
          <el-form-item
            label="面网格类型"
            :label-width="formLabelWidth5"
          >
            <el-select
              v-model="objmesh.surfParam.surfStyle"
              placeholder="请选择"
            >
              <el-option
                v-for="item in meshvallist1"
                :key="item.value"
                :label="item.name"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item
            label="模式类型"
            :label-width="formLabelWidth5"
          >
            <el-select
              v-model="patternval"
              placeholder="请选择"
            >
              <el-option
                v-for="item in patternlist"
                :key="item.value"
                :label="item.name"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </el-form-item>
             <div class="radio_text text_color liangf" v-if="patternval=='1'" style="display:none">
              <div class="classfelx" style="text-align: center;">
                <el-checkbox 
                      v-model="setface"
                      label="on"
                      >面设置大小</el-checkbox >
                  </div>
                    <div class="classfelx">
                    <el-checkbox 
                      v-model="meshbrim"
                      label="off"
                      >边设置大小</el-checkbox 
                    >
                    </div>
            </div>
             <div class='selecttype' v-if="setface==true">
              <span class="meshcalss"> <el-checkbox v-model="facecheckbox" label="局部面Id设置大小" @change="facechange"></el-checkbox></span>
                <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-form>
              <el-table
            :data="meshtableData"
            style="width: 100%"
             border
            >
            <el-table-column
              type="index"
              width="50">
            </el-table-column>
            <el-table-column  align="center" label="ID">
              <!-- //slot-scope="scope" -->
              <template slot-scope="scope" >
                    <el-input v-model="scope.id" autocomplete="off"></el-input>
              </template>
            </el-table-column>
              <el-table-column  align="center" label="大小">
              <template slot-scope="scope">
                    <el-input v-model="scope.da" autocomplete="off"></el-input>
              </template>
            </el-table-column>
              </el-table>
            </el-form>
              </div>
                <div class='selecttype'  v-if="meshbrim==true">
              <span class="meshcalss"> <el-checkbox v-model="facecheckbox" label="局部边Id设置大小" @change="facechange"></el-checkbox></span>
                   <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>
              </div>
        <el-form-item label="最大尺寸" :label-width="formLabelWidth5">
      <el-input v-model="objmesh.surfParam.max_size" autocomplete="off"></el-input>
    </el-form-item>
      <el-form-item label="最小尺寸" :label-width="formLabelWidth5">
      <el-input v-model="objmesh.surfParam.min_size" 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>
      <el-form-item label="全局几何大小" :label-width="formLabelWidth5">
      <el-input v-model="objmesh.surfParam.global_physical_size" autocomplete="off"></el-input>
    </el-form-item>
     <div v-if="meshface=='几何尺寸模型'">
          <el-form-item label="弦误差" :label-width="formLabelWidth5">
      <el-input v-model="objmesh.surfParam1.chordal_error" autocomplete="off"></el-input>
    </el-form-item>
          <el-form-item label="逼近角度" :label-width="formLabelWidth5">
      <el-input v-model="objmesh.surfParam1.geometric_approximation_angle" autocomplete="off"></el-input>
    </el-form-item>
    </div>
       <div class='selecttype'>
              <span class="meshcalss">优化设置选择</span>
                <!-- <el-checkbox-group @change="checksetchange"> -->
             <el-checkbox v-model="objmesh.surfParam2.correct_surface_intersections" true-label="yes"  false-label="no"  @change="checksetchange"  label="纠正表面相交"></el-checkbox>
            <el-checkbox v-model="objmesh.surfParam2.optimisation" true-label="yes"  false-label="no" label="优化网络" :disabled='disabledset'></el-checkbox>
           <el-checkbox v-model="objmesh.surfParam2.remove_duplicate_cad_faces" true-label="yes"  false-label="no" label="移除重复CAD面"></el-checkbox>
          <!-- </el-checkbox-group> -->
          <el-form-item
            label="单元阶数选择:"
            :label-width="formLabelWidth5"
          >
            <el-select
              v-model="objmesh.surfParam2.element_order"
              placeholder="请选择"
            >
              <el-option
                v-for="item in elsementlist"
                :key="item.value"
                :label="item.name"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </el-form-item>
             <el-form-item label="雅可比数值:" :label-width="formLabelWidth5">
          <el-input v-model="objmesh.surfParam2.scaled_jacobian_threshold_value" autocomplete="off"></el-input>
        </el-form-item>    
          </div>
          <div class='selecttype'>
              <span class="meshcalss"> <el-checkbox v-model="facecheckbox" label="面网格生成后的优化设置选择" @change="facechange"></el-checkbox></span>
                <div class="jieguo">
              <div class="jiegleft">
                <div class="radio_text text_color liangf" style="line-height: 160px;">
              <div class="classfelx" style="text-align: center;">
                <el-radio
                      v-model="cleanerParam1.use_default_settings_for"
                      label="structure"
                      :disabled="disabledface"
                      >结构</el-radio>
                  </div>
                    <div class="classfelx">
                    <el-radio
                      v-model="cleanerParam1.use_default_settings_for"
                      label="fluid"
                       :disabled="disabledface"
                      >流体</el-radio
                    >
                    </div>
                    </div>
              </div>
              <div class="jiegright">
                  <div class='selecttype' v-if="cleanerParam1.use_default_settings_for=='structure'">
                 <span class="meshcalss "> <el-checkbox    :disabled="disabledface"  label="结构使用默认值" v-model="jiegradioval" @change="jiegchange"></el-checkbox></span>
                   <el-form-item  label="重叠角度" :label-width="formLabelWidth2" >
                  <el-input v-model="cleanerParam1.overlap_angle" autocomplete="off" :disabled='jiegdisabled' ></el-input>
                </el-form-item>
                  <el-form-item label="长度阀值" :label-width="formLabelWidth2" >
                <el-input v-model="cleanerParam1.resolution_length" autocomplete="off" :disabled='jiegdisabled'></el-input>
              </el-form-item>
               </div>
                <div class='selecttype' v-else>
                 <span class="meshcalss"> <el-checkbox label="流体使用默认值" v-model="jiegradioval"></el-checkbox></span>
                   <el-form-item label="重叠角度" :label-width="formLabelWidth2 ">
                  <el-input  v-model="cleanerParam1.overlap_angle" autocomplete="off"  :disabled='jiegdisabled'></el-input>
                </el-form-item>
                  <el-form-item label="长度阀值" :label-width="formLabelWidth2" >
                <el-input v-model="cleanerParam1.resolution_length" autocomplete="off"  :disabled='jiegdisabled'></el-input>
              </el-form-item>
               </div>
              </div>
              </div>
             </div>
          
              </div>
              <div v-if="meshval=='1'">
                <el-form-item
            label="组件"
            :label-width="formLabelWidth5"
          >
            <el-select
              v-model="tetraParam1.components"
              placeholder="请选择"
            >
              <el-option
                v-for="item in tetrahedron"
                :key="item.value"
                :label="item.name"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </el-form-item>
             <el-form-item label="级配" :label-width="formLabelWidth5" >
                <el-input v-model="tetraParam1.gradation" autocomplete="off"></el-input>
              </el-form-item>
              </div>
                 <div v-if="meshval=='2'">
                <el-form-item
            label="组件"
            :label-width="formLabelWidth5"
          >
                     <el-select
              v-model="hexaParam1.components"
              placeholder="请选择"
            >
              <el-option
                v-for="item in hexahedral "
                :key="item.value"
                :label="item.name"
                :value="item.value"
              >
              </el-option>
            </el-select>
               </el-form-item>
                 </div>
                     <div v-if="meshval=='3'">
                   <el-form-item
            label="网格生成"
            :label-width="formLabelWidth5"
          >
                     <el-select
              v-model="hybridParam1.element_generation"
              placeholder="请选择"
            >
              <el-option
                v-for="item in mixture"
                :key="item.value"
                :label="item.name"
                :value="item.value"
              >
              </el-option>
            </el-select>
               </el-form-item>
                <el-form-item
            label="边界层增长方向"
            :label-width="formLabelWidth5"
          >
                     <el-select
              v-model="hybridParam1.normal_direction"
              placeholder="请选择"
            >
              <el-option
                v-for="item in boundarylayer "
                :key="item.value"
                :label="item.name"
                :value="item.value"
              >
              </el-option>
            </el-select>
               </el-form-item>
                <el-form-item label="边界层层数" :label-width="formLabelWidth5" >
                <el-input v-model="hybridParam1.number_of_boundary_layers" autocomplete="off"></el-input>
              </el-form-item>
               <el-form-item label="边界层增长参数" :label-width="formLabelWidth5" >
                <el-input v-model="hybridParam1.boundary_layer_geometric_progression" autocomplete="off"></el-input>
              </el-form-item>
               <el-form-item label="初始层高度" :label-width="formLabelWidth5" >
                <el-input v-model="hybridParam1.boundary_layer_global_initial_height" autocomplete="off"></el-input>
              </el-form-item>
                 </div>
              <!-- <div class="heigeinput">
                <div class="listbtn"> 
                    <el-button plain class="anniu">写入参数文件</el-button>
                      <el-button plain class="anniu">进行网格划分</el-button>
                    </div>
              </div>  -->
      </el-form>
    </div>
      <div
        slot="footer"
        class="dialog-footer"
      >
        <el-button @click="dialog.mesh_generation = false">{{ $t("HCFD.file.cancel")}}</el-button>
        <el-button
          type="primary"
          @click="meshSplitok();dialog.mesh_generation = false"
        >网格划分</el-button>
      </div>
    </el-dialog>
          <!-- 弹出框 创建集合-->
           <el-dialog
     v-if="active=='two-0'"
      :visible.sync="dialog.create_visiable"
      :close-on-click-modal="false"
      @close='activecleer()'
      class="dialog"
    :modal='false'
    custom-class='dialoglocation dialog_color'
     width="385px"
     :style="styX"
    >
      <div slot="title" class=dialog_header>
     <el-image class="imge" :src="c1" fit="cover" />
     <span class="text-color">创建集合</span>
  </div>
  <div class="selecr">
      <el-form>
             <el-form-item label="集合类型" :label-width="formLabelWidth2">
      <el-select  @change="changest" v-model="jhval"  placeholder="请选择">
    <el-option
      v-for="item in jhlist"
      :key="item.value"
      :label="item.name"
      :value="item.value"
      >
    </el-option>
  </el-select>
   </el-form-item>
       <div class="line">
      <div class="linetext">点集合</div>
    </div> 
        <el-form-item label="集合名称" :label-width="formLabelWidth2">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
        <div class="btnaniu">
          <el-button plain class="cj">创建</el-button>
        <el-button plain  class="cj">清除</el-button>
         <el-button plain  class="cj">编辑</el-button>      
          <el-button plain  class="cj">保存</el-button>    
       </div> 
            <el-form-item label="集合列表" :label-width="formLabelWidth2">
      <el-select  @change="changest" v-model="jhval2"  placeholder="请选择">
    <el-option
      v-for="item in jhlist2"
      :key="item.value"
      :label="item.name"
      :value="item.value"
      >
    </el-option>
  </el-select>
   </el-form-item>
      </el-form>
  </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="info"  @click="dialog.create_visiable = false">取消</el-button>
        <el-button type="primary" @click="dialog.create_visiable = false"
          >确定</el-button
        >
      </div>
    </el-dialog>
        <!-- 单元属性-->
           <el-dialog
     v-if="active=='three-0'"
      :visible.sync="dialog.attribute_visiable"
      :close-on-click-modal="false"
      @close='activecleer()'
      class="dialog"
    :modal='false'
    custom-class='dialoglocation dialog_color'
     width="385px"
     :style="styX"
    >
      <div slot="title" class=dialog_header>
     <el-image class="imge" :src="shx" fit="cover" />
     <span class="text-color">单元属性</span>
  </div>
  <div class="selecr">
      <el-form>
             <el-form-item label="单元类型" :label-width="formLabelWidth2">
      <el-select  @change="changest" v-model="jhval3"  placeholder="请选择">
    <el-option
      v-for="item in jhlist3"
      :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  @change="changest" v-model="jhval4"  placeholder="请选择">
    <el-option
      v-for="item in jhlist4"
      :key="item.value"
      :label="item.name"
      :value="item.value"
      >
    </el-option>
  </el-select>
   </el-form-item>
      </el-form>
  </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="info"  @click="dialog.attribute_visiable = false">取消</el-button>
        <el-button type="primary" @click="dialog.attribute_visiable = false"
          >确定</el-button
        >
      </div>
    </el-dialog>
    <!-- 材料属性 -->
           <el-dialog
     v-if="active=='three-1'"
      :visible.sync="dialog.materials_visiable"
      :close-on-click-modal="false"
      @close='activecleer()'
      class="dialog"
    :modal='false'
    custom-class='dialoglocation dialog_color'
     width="385px"
     :style="styX"
    >
      <div slot="title" class=dialog_header>
     <el-image class="imge" :src="shx2" fit="cover" />
     <span class="text-color">材料属性</span>
  </div>
  <div class="selecr">
      <el-form>
     <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-checkbox v-model="checked">温度相关</el-checkbox>
      <div class="line">
      <div class="linetext">弹性</div>
    </div> 
    <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 class="line">
      <div class="linetext">塑性</div>
    </div> 
    <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 class="line">
      <div class="linetext">热</div>
    </div> 
    <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="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>
  </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="info"  @click="dialog.materials_visiable= false">取消</el-button>
        <el-button type="primary" @click="dialog.materials_visiable = false"
          >确定</el-button
        >
      </div>
    </el-dialog>
   <!-- 截面属性-->
           <el-dialog
     v-if="active=='three-2'"
      :visible.sync="dialog.cross_visiable"
      :close-on-click-modal="false"
      @close='activecleer()'
      class="dialog"
    :modal='false'
    custom-class='dialoglocation dialog_color'
     width="385px"
     :style="styX"
    >
      <div slot="title" class=dialog_header>
     <el-image class="imge" :src="shx3" fit="cover" />
     <span class="text-color">截面属性</span>
  </div>
  <div class="selecr">
      <el-form>
             <el-form-item label="类型" :label-width="formLabelWidth2">
      <el-select  @change="changest" v-model="femval"  placeholder="请选择">
    <el-option
      v-for="item in femlist"
      :key="item.value"
      :label="item.name"
      :value="item.value"
      >
    </el-option>
  </el-select>
   </el-form-item>
   <div v-if="femval!='2'">
     <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" v-if="femval=='1'">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
     <el-form-item label="材料" :label-width="formLabelWidth2">
      <el-select  @change="changest" v-model="femval2"  placeholder="请选择">
    <el-option
      v-for="item in femlist2"
      :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  @change="changest" v-model="femval3"  placeholder="请选择">
    <el-option
      v-for="item in femlist3"
      :key="item.value"
      :label="item.name"
      :value="item.value"
      >
    </el-option>
  </el-select>
   </el-form-item>
   </div>
      </el-form>
  </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="info"  @click="dialog.cross_visiable = false">取消</el-button>
        <el-button type="primary" @click="dialog.cross_visiable = false"
          >确定</el-button
        >
      </div>
    </el-dialog>
    <!-- 位移约束力 -->
       <el-dialog
     v-if="active=='four-0'"
      :visible.sync="dialog.Offset_visiable"
      :close-on-click-modal="false"
      @close='activecleer()'
      class="dialog"
    :modal='false'
    custom-class='dialoglocation dialog_color'
     width="385px"
     :style="styX"
    >
      <div slot="title" class=dialog_header>
     <el-image class="imge" :src="shx4" fit="cover" />
     <span class="text-color">位移约束力</span>
  </div>
  <div class="selecr">
      <el-form>
             <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.leixing" autocomplete="off"></el-input>
    </el-form-item>
             <el-form-item label="单元类型" :label-width="formLabelWidth2">
      <el-select  @change="changest" v-model="femval4"  placeholder="请选择">
    <el-option
      v-for="item in femlist4"
      :key="item.value"
      :label="item.name"
      :value="item.value"
      >
    </el-option>
  </el-select>
   </el-form-item>
 
      </el-form>
  </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="info"  @click="dialog.Offset_visiable = false">取消</el-button>
        <el-button type="primary" @click="dialog.Offset_visiable = false"
          >确定</el-button
        >
      </div>
    </el-dialog>
 <!-- 集中力 -->
       <el-dialog
     v-if="active=='four-2'"
      :visible.sync="dialog.singleforce_visiable"
      :close-on-click-modal="false"
      @close='activecleer()'
      class="dialog"
    :modal='false'
    custom-class='dialoglocation dialog_color'
     width="385px"
     :style="styX"
    >
      <div slot="title" class=dialog_header>
     <el-image class="imge" :src="shx6" fit="cover" />
     <span class="text-color">集中力</span>
  </div>
  <div class="selecr">
      <el-form>
             <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-select  @change="changest" v-model="femval5"  placeholder="请选择">
    <el-option
      v-for="item in femlist5"
      :key="item.value"
      :label="item.name"
      :value="item.value"
      >
    </el-option>
  </el-select>
   </el-form-item>
           <el-form-item label="CF1" :label-width="formLabelWidth2">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
            <el-form-item label="CF2" :label-width="formLabelWidth2">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
            <el-form-item label="CF3" :label-width="formLabelWidth2">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
 
      </el-form>
  </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="info"  @click="dialog.singleforce_visiable = false">取消</el-button>
        <el-button type="primary" @click="dialog.singleforce_visiable = false"
          >确定</el-button
        >
      </div>
    </el-dialog>
<!-- 温度约束 -->
   <el-dialog
     v-if="active=='four-4'"
      :visible.sync="dialog.jdtemp_visiable"
      :close-on-click-modal="false"
      @close='activecleer()'
      class="dialog"
    :modal='false'
    custom-class='dialoglocation dialog_color'
     width="385px"
     :style="styX"
    >
      <div slot="title" class=dialog_header>
     <el-image class="imge" :src="shx8" fit="cover" />
     <span class="text-color">温度约束</span>
  </div>
  <div class="selecr">
      <el-form>
             <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-select  @change="changest" v-model="femval4"  placeholder="请选择">
    <el-option
      v-for="item in femlist4"
      :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 v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
          
 
      </el-form>
  </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="info"  @click="dialog.jdtemp_visiable = false">取消</el-button>
        <el-button type="primary" @click="dialog.jdtemp_visiable = false"
          >确定</el-button
        >
      </div>
    </el-dialog>
<!-- 单元类压力 -->
   <el-dialog
     v-if="active=='four1-2'"
      :visible.sync="dialog.dybar_visiable"
      :close-on-click-modal="false"
      @close='activecleer()'
      class="dialog"
    :modal='false'
    custom-class='dialoglocation dialog_color'
     width="385px"
     :style="styX"
    >
      <div slot="title" class=dialog_header>
     <el-image class="imge" :src="shx11" fit="cover" />
     <span class="text-color">压力</span>
  </div>
  <div class="selecr">
      <el-form>
             <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-select  @change="changest" v-model="femval4"  placeholder="请选择">
    <el-option
      v-for="item in femlist4"
      :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 v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
          
 
      </el-form>
  </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="info"  @click="dialog.dybar_visiable = false">取消</el-button>
        <el-button type="primary" @click="dialog.dybar_visiable = false"
          >确定</el-button
        >
      </div>
    </el-dialog>
<!-- 单元类重力 -->
   <el-dialog
     v-if="active=='four1-5'"
      :visible.sync="dialog.dygravity_visiable"
      :close-on-click-modal="false"
      @close='activecleer()'
      class="dialog"
    :modal='false'
    custom-class='dialoglocation dialog_color'
     width="385px"
     :style="styX"
    >
      <div slot="title" class=dialog_header>
     <el-image class="imge" :src="shx14" fit="cover" />
     <span class="text-color">重力</span>
  </div>
  <div class="selecr">
      <el-form>
             <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-select  @change="changest" v-model="femval4"  placeholder="请选择">
    <el-option
      v-for="item in femlist4"
      :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 v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
      <el-form-item label="X向分量" :label-width="formLabelWidth2">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
      <el-form-item label="Y向分量" :label-width="formLabelWidth2">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>      
      <el-form-item label="Z向分量" :label-width="formLabelWidth2">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
 
      </el-form>
  </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="info"  @click="dialog.dygravity_visiable = false">取消</el-button>
        <el-button type="primary" @click="dialog.dygravity_visiable = false"
          >确定</el-button
        >
      </div>
    </el-dialog>
    <!-- 初始条件的温度 -->
     <el-dialog
     v-if="active=='four2-1'"
      :visible.sync="dialog.cstjtemp_visiable"
      :close-on-click-modal="false"
      @close='activecleer()'
      class="dialog"
    :modal='false'
    custom-class='dialoglocation dialog_color'
     width="385px"
     :style="styX"
    >
      <div slot="title" class=dialog_header>
     <el-image class="imge" :src="shx8" fit="cover" />
     <span class="text-color">温度</span>
  </div>
  <div class="selecr">
      <el-form>
             <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-select  @change="changest" v-model="femval4"  placeholder="请选择">
    <el-option
      v-for="item in femlist4"
      :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 v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
          
 
      </el-form>
  </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="info"  @click="dialog.cstjtemp_visiable = false">取消</el-button>
        <el-button type="primary" @click="dialog.cstjtemp_visiable = false"
          >确定</el-button
        >
      </div>
    </el-dialog>
     <!-- 初始条件——速度 -->
     <el-dialog
     v-if="active=='four2-2'"
      :visible.sync="dialog.cstjspeed_visiable"
      :close-on-click-modal="false"
      @close='activecleer()'
      class="dialog"
    :modal='false'
    custom-class='dialoglocation dialog_color'
     width="385px"
     :style="styX"
    >
      <div slot="title" class=dialog_header>
     <el-image class="imge" :src="shx17" fit="cover" />
     <span class="text-color">速度</span>
  </div>
  <div class="selecr">
      <el-form>
             <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-select  @change="changest" v-model="femval4"  placeholder="请选择">
    <el-option
      v-for="item in femlist4"
      :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 v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
           <el-form-item label="X方向" :label-width="formLabelWidth2">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
        <el-form-item label="Y方向" :label-width="formLabelWidth2">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
        <el-form-item label="Z方向" :label-width="formLabelWidth2">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>   
 
      </el-form>
  </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="info"  @click="dialog.cstjspeed_visiable = false">取消</el-button>
        <el-button type="primary" @click="dialog.cstjspeed_visiable = false"
          >确定</el-button
        >
      </div>
    </el-dialog>
     <!-- 接触属性 -->
     <el-dialog
     v-if="active=='four3-1'"
      :visible.sync="dialog.properties_visiable"
      :close-on-click-modal="false"
      @close='activecleer()'
      class="dialog"
    :modal='false'
    custom-class='dialoglocation dialog_color'
     width="385px"
     :style="styX"
    >
      <div slot="title" class=dialog_header>
     <el-image class="imge" :src="shx22" fit="cover" />
     <span class="text-color">接触属性</span>
  </div>
  <div class="selecr">
      <el-form>
             <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.xingwei" autocomplete="off"></el-input>
    </el-form-item>
           <el-form-item label="摩擦系数" :label-width="formLabelWidth2">
      <el-input v-model="form.xishu" autocomplete="off"></el-input>
    </el-form-item>

 
      </el-form>
  </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="info"  @click="dialog.properties_visiable = false">取消</el-button>
        <el-button type="primary" @click="dialog.properties_visiable = false"
          >确定</el-button
        >
      </div>
    </el-dialog>
     <!-- 接触对 -->
     <el-dialog
     v-if="active=='four3-2'"
      :visible.sync="dialog.contactpair_visiable"
      :close-on-click-modal="false"
      @close='activecleer()'
      class="dialog"
    :modal='false'
    custom-class='dialoglocation dialog_color'
     width="385px"
     :style="styX"
    >
      <div slot="title" class=dialog_header>
     <el-image class="imge" :src="shx23" fit="cover" />
     <span class="text-color">接触对</span>
  </div>
  <div class="selecr">
      <el-form>
             <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-select  @change="changest" v-model="femval11"  placeholder="请选择">
    <el-option
      v-for="item in femlist11"
      :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  @change="changest" v-model="femval12"  placeholder="请选择">
    <el-option
      v-for="item in femlist12"
      :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  @change="changest" v-model="femval4"  placeholder="请选择">
    <el-option
      v-for="item in femlist4"
      :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  @change="changest" v-model="femval4"  placeholder="请选择">
    <el-option
      v-for="item in femlist4"
      :key="item.value"
      :label="item.name"
      :value="item.value"
      >
    </el-option>
  </el-select>
   </el-form-item>
        <el-form-item label="接触调整" :label-width="formLabelWidth2">
              <el-radio-group v-model="form.radio">
          <el-radio :label="0">是</el-radio>
          <el-radio :label="1">否</el-radio>
        </el-radio-group>
    </el-form-item>
      </el-form>
  </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="info"  @click="dialog.contactpair_visiable = false">取消</el-button>
        <el-button type="primary" @click="dialog.contactpair_visiable = false"
          >确定</el-button
        >
      </div>
    </el-dialog>
    <!-- 求解控制 -->
    <!-- 分析类型 -->
    <el-dialog
     v-if="active=='five-0'"
      :visible.sync="dialog.cae_visiable"
      :close-on-click-modal="false"
      @close='activecleer()'
      class="dialog"
    :modal='false'
    custom-class='dialoglocation dialog_color'
     width="385px"
      v-draggable
    v-draggleft=[styX.left]
    >
      <div slot="title" class=dialog_header>
     <el-image class="imge" :src="shx2" fit="cover" />
     <span class="text-color">分析类型</span>
  </div>
  <div class="selecr">
      <el-form>
       <el-form-item label="分析类型" :label-width="formLabelWidth2">
      <el-select  @change="changestleixing" v-model="fenxval"  placeholder="请选择">
    <el-option
      v-for="item in bxlist"
      :key="item.value"
      :label="item.name"
      :value="item.value"
      >
    </el-option>
  </el-select>
   </el-form-item>
      </el-form>
  </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="info"  @click="dialog.cae_visiable = false">取消</el-button>
        <el-button type="primary" @click="femRun(); dialog.cae_visiable = false"
          >确定</el-button
        >
      </div>
    </el-dialog>
    <!-- 并行分析 -->
    <el-dialog
     v-if="active=='five-1'"
      :visible.sync="dialog.parallel_visiable"
      :close-on-click-modal="false"
      @close='activecleer()'
      class="dialog"
    :modal='false'
    custom-class='dialoglocation dialog_color'
     width="385px"
       v-draggable
    v-draggleft=[styX.left]
    >
      <div slot="title" class=dialog_header>
     <el-image class="imge" :src="shx10" fit="cover" />
     <span class="text-color">并行分析</span>
  </div>
  <div class="selecr">
      <el-form>
       <el-form-item label="并行分析" :label-width="formLabelWidth2">
      <el-select  @change="changest" v-model="bxval1"  placeholder="请选择">
    <el-option
      v-for="item in bxlist1"
      :key="item.value"
      :label="item.name"
      :value="item.value"
      >
    </el-option>
  </el-select>
   </el-form-item>
      </el-form>
  </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="info"  @click="dialog.parallel_visiable = false">取消</el-button>
        <el-button type="primary" @click="dialog.parallel_visiable = false"
          >确定</el-button
        >
      </div>
    </el-dialog>
    <!-- 静力分析 -->
  <el-dialog
     v-if="active=='five2-0'"
      :visible.sync="dialog.statical_analysis"
      :close-on-click-modal="false"
      @close='activecleer()'
      class="dialog"
    :modal='false'
    custom-class='dialoglocation dialog_color'
     width="385px"
      v-draggable
    v-draggleft=[styX.left]
    >
      <div slot="title" class=dialog_header>
     <el-image class="imge" :src="shx24" fit="cover" />
     <span class="text-color">静力分析</span>
  </div>
  <div class="selecr">
      <el-form>
       <el-form-item label="算法控制" :label-width="formLabelWidth5">
      <el-select  @change="changest" v-model="parameterObj.solver.value"  placeholder="请选择">
    <el-option
      v-for="item in jlialist1"
      :key="item.value"
      :label="item.name"
      :value="item.value"
      >
    </el-option>
  </el-select>
   </el-form-item>
     <el-form-item label="非线性开关" :label-width="formLabelWidth5">
       <el-radio-group v-model="parameterObj.nlgeom.value">
          <el-radio label="0">开</el-radio>
          <el-radio label="1">关</el-radio>
        </el-radio-group>
   </el-form-item>
    <div class="line">
      <div class="linetext">输出控制</div>
    </div> 
            <el-form-item label="结果文件名称" :label-width="formLabelWidth5">
      <el-input v-model="parameterObj.result_file.value"  disabled autocomplete="off"></el-input>
    </el-form-item>
    <el-checkbox  v-model="parameterObj.dump_stiff.value"   true-label="true" false-label="false">刚度矩阵</el-checkbox>
    <el-checkbox    v-model="parameterObj.strain_o.value"   true-label="true" false-label="false">节点应变</el-checkbox>
      </el-form>
  </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="info"  @click="dialog.statical_analysis = false">取消</el-button>
        <el-button type="primary" @click="femRun(); dialog.statical_analysis = false"
          >确定</el-button
        >
      </div>
    </el-dialog>
    <!-- 模态分析 -->
 <el-dialog
     v-if="active=='five3-0'"
      :visible.sync="dialog.model_analysis"
      :close-on-click-modal="false"
      @close='activecleer()'
      class="dialog"
    :modal='false'
    custom-class='dialoglocation dialog_color'
     width="385px"
       v-draggable
    v-draggleft=[styX.left]
    >
      <div slot="title" class=dialog_header>
     <el-image class="imge" :src="shx25" fit="cover" />
     <span class="text-color">模态分析</span>
  </div>
  <div class="selecr">
      <el-form>
         <div class="line">
      <div class="linetext">属性</div>
    </div> 
       <el-form-item label="特征值求解方法" :label-width="formLabelWidth6">
      <el-select  @change="changest" v-model="jliaval2"  placeholder="请选择">
    <el-option
      v-for="item in jlialist2"
      :key="item.value"
      :label="item.name"
      :value="item.value"
      >
    </el-option>
  </el-select>
   </el-form-item>
       <el-form-item label="特征值个数" :label-width="formLabelWidth6">
      <el-input   v-model="parameterObj.num_eigv.value" autocomplete="off"></el-input>
    </el-form-item>
     <el-form-item label="质量耦合开关" :label-width="formLabelWidth6">
       <el-radio-group    v-model="parameterObj.coupled.value">
          <el-radio label="0">开</el-radio>
          <el-radio label="1">关</el-radio>
        </el-radio-group>
   </el-form-item>
     <div class="line">
      <div class="linetext">方法</div>
    </div> 
    <el-radio-group  style="display:flex"
            v-model="parameterObj.eigv_method.value"
                        >
                          <el-radio label="1" class="text_content">{{
                            $t("FEM.solution.inverse")
                          }}</el-radio>
                          <el-radio label="2" class="text_content">{{
                            $t("FEM.solution.lanczos")
                          }}</el-radio>
                        </el-radio-group>
    <div class="line">
      <div class="linetext">输出控制</div>
    </div> 
            <el-form-item label="结果文件名称" :label-width="formLabelWidth5">
      <el-input v-model="parameterObj.result_file.value" disabled autocomplete="off"></el-input>
    </el-form-item>
    <el-checkbox v-model="parameterObj.dump_stiff.value"  true-label="true" false-label="false">刚度矩阵输出</el-checkbox>
    <el-checkbox v-model="parameterObj.dump_mass.value"  true-label="true" false-label="false" >质量矩阵输出</el-checkbox>
      </el-form>
  </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="info"  @click="dialog.model_analysis = false">取消</el-button>
        <el-button type="primary" @click="femparam(); dialog.model_analysis = false"
          >确定</el-button
        >
      </div>
    </el-dialog>
    <!-- 传热分析 -->
 <el-dialog
     v-if="active=='five4-0'"
      :visible.sync="dialog.heat_analysis"
      :close-on-click-modal="false"
      @close='activecleer()'
      class="dialog"
    :modal='false'
    custom-class='dialoglocation dialog_color'
     width="385px"
      v-draggable
    v-draggleft=[styX.left]
    >
      <div slot="title" class=dialog_header>
     <el-image class="imge" :src="shx26" fit="cover" />
     <span class="text-color">传热分析</span>
  </div>
  <div class="selecr">
      <el-form>
         <div class="line">
      <div class="linetext">属性</div>
    </div> 
      </el-form>
  </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="info"  @click="dialog.heat_analysis = false">取消</el-button>
        <el-button type="primary" @click="dialog.heat_analysis = false"
          >确定</el-button
        >
      </div>
    </el-dialog>
 <!-- 瞬态响应分析 -->
 <el-dialog
     v-if="active=='five5-0'"
      :visible.sync="dialog.transient_analysis"
      :close-on-click-modal="false"
      @close='activecleer()'
      class="dialog"
    :modal='false'
    custom-class='dialoglocation dialog_color'
     width="385px"
      v-draggable
    v-draggleft=[styX.left]
    >
      <div slot="title" class=dialog_header>
     <el-image class="imge" :src="shx27" fit="cover" />
     <span class="text-color">瞬态响应分析</span>
  </div>
  <div class="selecr">
      <el-form>
         <div class="line">
      <div class="linetext">属性</div>
    </div> 
  <el-form-item label="求解方法" :label-width="formLabelWidth5">
      <el-select  @change="changest" v-model="parameterObj.f_transient.value"  placeholder="请选择">
    <el-option
      v-for="item in jlialist3"
      :key="item.value"
      :label="item.name"
      :value="item.value"
      >
    </el-option>
  </el-select>
   </el-form-item>
   <el-form-item label="输入δβN" :label-width="formLabelWidth5">
      <el-input   v-model="parameterObj.betad.value" autocomplete="off"></el-input>
    </el-form-item>
<el-form-item label="输入αN" :label-width="formLabelWidth5">
      <el-input    v-model="parameterObj.alphad.value" autocomplete="off"></el-input>
    </el-form-item>
         <div class="line">
      <div class="linetext">分析步控制</div>
    </div> 
      <el-form-item :label="$t('FEM.solution.caseNum')" :label-width="formLabelWidth5">
            <el-input v-model="parameterObj.sid.value"></el-input>
          </el-form-item>
    <el-form-item label="总时间" :label-width="formLabelWidth5">
      <el-input v-model="parameterObj.num_steps.value" autocomplete="off"></el-input>
    </el-form-item>
       <el-form-item label="时间步增量" :label-width="formLabelWidth5">
      <el-input v-model="parameterObj.dt_str.value" autocomplete="off"></el-input>
    </el-form-item>
       <el-form-item label="输出频率" :label-width="formLabelWidth5">
      <el-input  v-model="parameterObj.freq.value" autocomplete="off"></el-input>
    </el-form-item>
      <el-form-item label="输出格式" :label-width="formLabelWidth5">
      <el-select  @change="changest" v-model="parameterObj.sort.value"  placeholder="请选择">
    <el-option
      v-for="item in jlialist4"
      :key="item.value"
      :label="item.name"
      :value="item.value"
      >
    </el-option>
  </el-select>
   </el-form-item>
    <div class="line">
      <div class="linetext">输出控制</div>
    </div> 
            <el-form-item label="结果文件名称" :label-width="formLabelWidth5">
      <el-input v-model="parameterObj.result_file.value" disabled autocomplete="off"></el-input>
    </el-form-item>
    <el-checkbox  v-model="parameterObj.dump_stiff.value"  true-label="true" false-label="false">刚度矩阵输出</el-checkbox>
    <el-checkbox  v-model="parameterObj.strain_o.value"  true-label="true" false-label="false">节点压力输出</el-checkbox>
        <el-checkbox v-model="parameterObj.dump_mass.value"  true-label="true" false-label="false">质量矩阵输出</el-checkbox>
      </el-form>
  </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="info"  @click="dialog.transient_analysis = false">取消</el-button>
        <el-button type="primary" @click="femparam();dialog.transient_analysis = false"
          >确定</el-button
        >
      </div>
    </el-dialog>
    <!-- 创建分析 -->
  <el-dialog
     v-if="active=='five11-0'"
      :visible.sync="dialog.create_analysis"
      :close-on-click-modal="false"
      @close='activecleer()'
      class="dialog"
    :modal='false'
    custom-class='dialoglocation dialog_color'
     width="385px"
      v-draggable
    v-draggleft=[styX.left]
    >
      <div slot="title" class=dialog_header>
     <el-image class="imge" :src="shx28" fit="cover" />
     <span class="text-color">创建分析</span>
  </div>
  <div class="selecr">
      <el-form>
          <el-form-item label="分析名称" :label-width="formLabelWidth5">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
     <el-form-item label="非线性开关" :label-width="formLabelWidth5">
       <el-radio-group v-model="form.radio">
          <el-radio :label="0">开</el-radio>
          <el-radio :label="1">关</el-radio>
        </el-radio-group>
   </el-form-item>
       <el-form-item label="分析类型" :label-width="formLabelWidth5">
      <el-select  @change="changest" v-model="cjaval"  placeholder="请选择">
    <el-option
      v-for="item in cjalist"
      :key="item.value"
      :label="item.name"
      :value="item.value"
      >
    </el-option>
  </el-select>
   </el-form-item>
  <div v-if="cjaval=='0'" >
    <el-form-item label="增量步" :label-width="formLabelWidth5">
      <el-select  @change="changest" v-model="cjaval2"  placeholder="请选择">
    <el-option
      v-for="item in cjalist2"
      :key="item.value"
      :label="item.name"
      :value="item.value"
      >
    </el-option>
  </el-select>
   </el-form-item>
   <div v-if="cjaval2=='1'||cjaval2=='2'">
      <el-form-item label="时间周期" :label-width="formLabelWidth5">
      <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>
    <div v-if="cjaval2=='1'">
      <el-form-item label="最小时间增量" :label-width="formLabelWidth5">
      <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>      
    </div>
    <div v-if="cjaval=='1'">
     <el-form-item label="特征数值" :label-width="formLabelWidth5">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
      <el-checkbox v-model="checked">频率输出</el-checkbox>
    </div>
          <el-form-item label="显示开关" :label-width="formLabelWidth5" v-if="cjaval=='5'">
       <el-radio-group v-model="form.radio">
          <el-radio :label="0">开</el-radio>
          <el-radio :label="1">关</el-radio>
        </el-radio-group>
   </el-form-item>
       <el-form-item label="Steady State" :label-width="formLabelWidth5"  v-if="cjaval=='6'">
       <el-radio-group v-model="form.radio">
          <el-radio :label="0">开</el-radio>
          <el-radio :label="1">关</el-radio>
        </el-radio-group>
   </el-form-item>
       <div v-if="cjaval=='5'||cjaval=='6'">
       <el-form-item label="初始时间增量" :label-width="formLabelWidth5">
      <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>
  </div>
      <div slot="footer" class="dialog-footer ">
        <el-button type="info"  @click="dialog.create_analysis = false">取消</el-button>
        <el-button type="primary" @click="dialog.create_analysis = false"
          >确定</el-button
        >  
      </div>
    </el-dialog>
    <!-- 结果显示 -->
     <!--轮廓显示  Contour Displsy   :style="styX"     :left="styX"  custom-class='dialoglocation dialog_color '-->
       <el-dialog  :visible.sync="dialog.contour_visiable" 
      v-draggable
      v-draggleft=[styX.left]
      v-if="active=='six2-0'"
      :modal='false'
      :close-on-click-modal="false"
      @close='activecleer()'
      custom-class='dialoglocation dialog_color'
      width="385px"
       >
            <div slot="title" class=dialog_header>
     <el-image class="imge" :src="p3" fit="cover" />
     <span class="text-color">轮廓显示</span>
  </div>
  <el-form>
       <div class="line">
      <div class="linetext">轮廓</div>
    </div> 
    <div class="Squareline  selecr">
         <el-form-item label="名称" :label-width="formLabelWidth2" >
      <el-input  v-model="outlineobj.scalarName"  autocomplete="off"></el-input>
      </el-form-item>
         <el-form-item label="类型" :label-width="formLabelWidth2" >
      <el-input v-model="outlineobj.leixing" autocomplete="off"></el-input>
      </el-form-item>
            <el-form-item :label="$t('HCFD.results.scalar') " :label-width="formLabelWidth2">
      <el-select 
                  size="mini"
                  v-model="vSalar"
                  placeholder="select boundary"
                  @change="bmScalarschange()"
                >
                   <el-option
                            v-for="scalar in outlineobj.bmScalars"
                            :key="scalar"
                            :label="scalar"
                            :value="scalar"
                          >
                          </el-option>
                </el-select>
        </el-form-item>
    </div>
          <div class="line">
      <div class="linetext"> 标量集</div>
    </div> 
       <el-form-item label="level" :label-width="formLabelWidth2" >
      <el-input v-model="outlineobj.level"  autocomplete="off"></el-input>
      </el-form-item>
      <div class="disflex lheig34 liitem">
                      <el-checkbox-group v-model="velementCheckeds" style="display:flex">
                        <el-checkbox
                          label="Horizontal"
                        ></el-checkbox>
                        <el-checkbox
                          label="Velocity"
                        ></el-checkbox>
                      </el-checkbox-group>
                    </div>  
         <div class="line">
      <div class="linetext"> 范围</div>
    </div>
    <el-form-item label="最大范围" :label-width="formLabelWidth2" >
      <el-input v-model="outlineobj.range1" autocomplete="off"></el-input>
      </el-form-item>
    <el-form-item label="最小范围" :label-width="formLabelWidth2" >
      <el-input v-model="outlineobj.range0" autocomplete="off"></el-input>
      </el-form-item> 
  </el-form>
  <div slot="footer" class="dialog-footer">
        <el-button   @click="dialog.contour_visiable= false"
          >{{ $t("HCFD.file.cancel")}}</el-button
        >
        <el-button type="primary" @click="changeblur();dialog.contour_visiable = false"
          >{{ $t("HCFD.file.ok")}}</el-button
        >
      </div>
</el-dialog>
   <!--线条显示 Line Displsy-->
       <el-dialog  :visible.sync="dialog.Line_visiable" 
     v-if="active=='six2-1'"
    :modal='false'
    :close-on-click-modal="false"
    @close='activecleer()'
    custom-class='dialoglocation dialog_color'
     width="385px"
      v-draggable
      v-draggleft=[styX.left]
       >
            <div slot="title" class=dialog_header>
     <el-image class="imge" :src="p9" fit="cover" />
     <span class="text-color">线显示</span>
  </div>
  <el-form>
       <div class="line">
      <div class="linetext">线</div>
    </div> 
    <div class="Squareline  selecr">
         <el-form-item label="名称" :label-width="formLabelWidth2" >
      <el-input  v-model="outlineobj.scalarName" autocomplete="off"></el-input>
      </el-form-item>
         <el-form-item label="类型" :label-width="formLabelWidth2" >
      <el-input  v-model="outlineobj.leixing" autocomplete="off"></el-input>
      </el-form-item>
              <el-form-item :label="$t('HCFD.results.scalar') " :label-width="formLabelWidth2">
      <el-select 
                  size="mini"
                  v-model="vSalar"
                  placeholder="select boundary"
                  @change="bmScalarschange()"
                >
                   <el-option
                            v-for="scalar in outlineobj.bmScalars"
                            :key="scalar"
                            :label="scalar"
                            :value="scalar"
                          >
                          </el-option>
                </el-select>
        </el-form-item>
    </div>
          <div class="line">
      <div class="linetext"> 标量集</div>
    </div>  
       <el-form-item label="level" :label-width="formLabelWidth2" >
      <el-input v-model="outlineobj.level"  autocomplete="off"></el-input>
      </el-form-item>
         <div class="line">
      <div class="linetext"> 范围</div>
    </div>
     <el-form-item label="最大范围" :label-width="formLabelWidth2" >
      <el-input v-model="outlineobj.range1" autocomplete="off"></el-input>
      </el-form-item>
    <el-form-item label="最小范围" :label-width="formLabelWidth2" >
      <el-input v-model="outlineobj.range0" autocomplete="off"></el-input>
      </el-form-item> 
  </el-form>
  <div slot="footer" class="dialog-footer">
        <el-button   @click="dialog.Line_visiable= false"
          >{{ $t("HCFD.file.cancel")}}</el-button
        >
        <el-button type="primary" @click="vchangeblur(); dialog.Line_visiable = false"
          >{{ $t("HCFD.file.ok")}}</el-button
        >
      </div>
</el-dialog>
<!--Vector 矢量  -->
 <el-dialog  :visible.sync="dialog.Vector_visiable" 
     v-if="active=='six2-2'"
    :modal='false'
    :close-on-click-modal="false"
    @close='activecleer()'
    custom-class='dialoglocation dialog_color'
     width="385px"
    v-draggable
    v-draggleft=[styX.left]
       >
            <div slot="title" class=dialog_header>
     <el-image class="imge" :src="p4" fit="cover" />
     <span class="text-color">矢量</span>
  </div>
  <el-form>
       <div class="line">
      <div class="linetext">矢量</div>
    </div> 
    <div class="Squareline  selecr">
          <el-form-item label="u" :label-width="formLabelWidth2">
      <el-select 
                  size="mini"
                  v-model="vectorobj.dataU"
                  placeholder="select boundary"
                >
                   <el-option
                            v-for="scalar in vectorobj.dataUarr"
                            :key="scalar"
                            :label="scalar"
                            :value="scalar"
                          >
                          </el-option>
                </el-select>
        </el-form-item>
        <el-form-item label="v" :label-width="formLabelWidth2">
      <el-select 
                  size="mini"
                  v-model="vectorobj.dataV"
                  placeholder="select boundary"
                >
                   <el-option
                            v-for="scalar in vectorobj.dataVarr"
                            :key="scalar"
                            :label="scalar"
                            :value="scalar"
                          >
                          </el-option>
                </el-select>
        </el-form-item>
            <el-form-item label="w" :label-width="formLabelWidth2">
      <el-select 
                  size="mini"
                  v-model="vectorobj.dataW"
                  placeholder="select boundary"
                >
                   <el-option
                            v-for="scalar in vectorobj.dataWarr"
                            :key="scalar"
                            :label="scalar"
                            :value="scalar"
                          >
                          </el-option>
                </el-select>
        </el-form-item>
    </div>
          <div class="line">
      <div class="linetext"> 参数设置</div>
    </div>  
       <el-form-item label="标度因子" :label-width="formLabelWidth2" >
      <el-input v-model="vectorobj.scaleFactor" autocomplete="off"></el-input>
      </el-form-item>
     
  </el-form>
  <div slot="footer" class="dialog-footer">
        <el-button   @click="dialog.Vector_visiable= false"
          >{{ $t("HCFD.file.cancel")}}</el-button
        >
        <el-button type="primary" @click="vectorOK(); dialog.Vector_visiable = false"
          >{{ $t("HCFD.file.ok")}}</el-button
        >
        <!-- <el-button type="primary" @click="dialog.Vector_visiable = false"
          >Apply</el-button
        > -->
      </div>
</el-dialog>
<!--Solid Surface实体表面 -->
 <el-dialog  :visible.sync="dialog.Solid_Surface" 
     v-if="active=='six3-0'"
    :modal='false'
    :close-on-click-modal="false"
    @close='activecleer()'
    custom-class='dialoglocation dialog_color'
     width="385px"
    v-draggable
      v-draggleft=[styX.left]
       >
            <div slot="title" class=dialog_header>
     <el-image class="imge" :src="p14" fit="cover" />
     <span class="text-color">实体表面</span>
  </div>
  <el-form :model="form">
   <div class="heigeinput">
        <el-form-item label="颜色">
         <div class="saninput titleinput"> R
      <el-input v-model="colorobj.R" autocomplete="off"></el-input>G
       <el-input v-model="colorobj.G" autocomplete="off"></el-input>B
        <el-input v-model="colorobj.B" autocomplete="off"></el-input>
          <el-color-picker
            v-model="lineColor"
            show-alpha
            @change="colorchange()"
            :predefine="predefineColors">
          </el-color-picker>
        </div>  
    </el-form-item>
     <div class="yiinpu heigeinput">
    <el-form-item label="透明度" :label-width="formLabelWidth2">
      <el-input v-model="colorobj.transparency" autocomplete="off"></el-input>
         <span style="width:80px">值范围0~1</span>
    </el-form-item>
 </div>
    <div class="radio_text text_color liangf">
              <div class="classfelx" style="text-align: center;">
                <el-radio
                      v-model="colorobj.showHideState"
                      label="0"
                      >hide</el-radio>
                  </div>
                    <div class="classfelx">
                    <el-radio
                      v-model="colorobj.showHideState"
                      label="1"
                      >show</el-radio
                    >
                    </div>
                    </div>
 </div> 
  </el-form>
  <div slot="footer" class="dialog-footer">
        <el-button   @click="dialog.Solid_Surface= false"
          >{{ $t("HCFD.file.cancel")}}</el-button
        >
        <el-button type="primary" @click="colorsolid();dialog.Solid_Surface= false"
          >{{ $t("HCFD.file.ok")}}</el-button
        >
        <!-- <el-button type="primary" @click="dialog.Solid_Surface = false"
          >Apply</el-button
        > -->
      </div>
</el-dialog>
<!--Slice片 -->
 <el-dialog   :visible.sync="dialog.Slice_Surface" 
     v-if="active=='six3-1'"
    :modal='false'
    :close-on-click-modal="false"
    @close='activecleer()'
    custom-class='dialoglocation dialog_color'
     width="385px"
     v-draggable
      v-draggleft=[styX.left]
       >
            <div slot="title" class=dialog_header>
     <el-image class="imge" :src="p15" fit="cover" />
     <span class="text-color">切片</span>
  </div>
  <el-form :model="form">
   <div class="heigeinput">
      <div class="listbtn"> 
       <el-button plain class="anniu"  @click="addTab(editableTabsValue) ">添加</el-button>
         <el-button plain class="anniu"  @click="updata()">updata</el-button>
        <el-button plain class="anniu"  @click="removeclear(editableTabsValue)">清除</el-button>
      </div>
     <el-tabs v-model="editableTabsValue" type="card" closable @tab-remove="removeTab" @tab-click="handletabclick" >
  <el-tab-pane
    v-for="(ruleForm1,key) in editableTabs"
    :key="key"
    :label="ruleForm1.index"
    :name="ruleForm1.index"
  >
    <!-- {{item.content}}:is=item.content   -->
     <Addtabs ref="addtabs"  :variableNamearr1="variableNamearr"  :ruleForm="ruleForm1"></Addtabs>
  </el-tab-pane>
</el-tabs>

  
 </div> 
  </el-form>
  <div slot="footer" class="dialog-footer">
        <el-button   @click="dialog.Slice_Surface= false"
          >{{ $t("HCFD.file.cancel")}}</el-button
        >
        <el-button type="primary" @click=" liceOK();"
          >{{ $t("HCFD.file.ok")}}</el-button
        >
        <!-- <el-button type="primary" @click="dialog.Slice_Surface = false"
          >Apply</el-button
        > -->
      </div>
</el-dialog>
<!-- Stream流线 -->
 <el-dialog  :visible.sync="dialog.Stream_Surface" 
     v-if="active=='six3-2'"
    :modal='false'
    :close-on-click-modal="false"
    @close='activecleer()'
    custom-class='dialoglocation dialog_color'
     width="385px"
     v-draggable
      v-draggleft=[styX.left]
       >
            <div slot="title" class=dialog_header>
     <el-image class="imge" :src="p16" fit="cover" />
     <span class="text-color">流线</span>
  </div>
  <el-form :model="form">
   <div class="heigeinput">
 <div class='selecttype'>
        <span class="texttype">流线</span>
         <div class='selecttype'>
        <span class="texttype">矢量</span>
         <div class="selecr">
          <el-form-item label="u" :label-width="formLabelWidth4">
      <el-select 
                  size="mini"
                  v-model="streamobj.dataU"
                  placeholder="select boundary"
                >
                   <el-option
                            v-for="scalar in streamobj.dataUarr"
                            :key="scalar"
                            :label="scalar"
                            :value="scalar"
                          >
                          </el-option>
                </el-select>
        </el-form-item>
        <el-form-item label="v" :label-width="formLabelWidth4">
      <el-select 
                  size="mini"
                  v-model="streamobj.dataV"
                  placeholder="select boundary"
                >
                   <el-option
                            v-for="scalar in streamobj.dataVarr"
                            :key="scalar"
                            :label="scalar"
                            :value="scalar"
                          >
                          </el-option>
                </el-select>
        </el-form-item>
            <el-form-item label="w" :label-width="formLabelWidth4">
      <el-select 
                  size="mini"
                  v-model="streamobj.dataW"
                  placeholder="select boundary"
                >
                   <el-option
                            v-for="scalar in streamobj.dataWarr"
                            :key="scalar"
                            :label="scalar"
                            :value="scalar"
                          >
                          </el-option>
                </el-select>
        </el-form-item>
    </div>
    <div class="listbtn"> 
       <el-button plain class="anniu" @click="CreateStream()">创建</el-button>
      </div>
      </div>
        <div class='selecttype'>
        <span class="texttype">seed</span>
         <div class="listbtn"> <el-button plain class="anniu">选择</el-button></div>
          <div class="listbtn"> <el-button plain class="anniu">删除最后一个</el-button></div>
          <div class="listbtn"> <el-button plain class="anniu">删除全部</el-button></div>
        </div>
         <div class="selecr">
          <div class="line">
      <div class="linetext"> 方向</div>
    </div>  
          <el-form-item label="方向" :label-width="formLabelWidth5">
      <el-select 
                  size="mini"
                  v-model="streamres.direction"
                  placeholder="select boundary"
                >
                   <el-option
                            v-for="scalar in directionlist"
                            :key="scalar"
                            :label="scalar"
                            :value="scalar"
                          >
                          </el-option>
                </el-select>
        </el-form-item>
             <div class="line">
      <div class="linetext"> 样式</div>
    </div>  
          <el-form-item label="StreamStyle" :label-width="formLabelWidth5">
      <el-select 
                  size="mini"
                  v-model="streamres.streamstyle"
                  placeholder="select boundary"
                >
                   <el-option
                            v-for="scalar in streamstylelist"
                            :key="scalar"
                            :label="scalar"
                            :value="scalar"
                          >
                          </el-option>
                </el-select>
        </el-form-item>
      <div class="line">
      <div class="linetext"> intergration</div>
    </div> 
        <el-form-item label="InitialStep" :label-width="formLabelWidth6" >
      <el-input v-model="streamres.initialstep" autocomplete="off"></el-input>
      </el-form-item>
          <el-form-item label="MaxPropagation" :label-width="formLabelWidth6" >
      <el-input v-model="streamres.maxpropagation" autocomplete="off"></el-input>
      </el-form-item>
          <el-form-item label="MinimumStep" :label-width="formLabelWidth6" >
      <el-input v-model="streamres.minimumstep" autocomplete="off"></el-input>
      </el-form-item> 
    <div class="radio_text text_color liangf">
              <div class="classfelx" style="text-align: center;">
               <el-checkbox v-model="streamres.showstate" label="show"></el-checkbox>
   
                  </div>
                    <div class="classfelx">
                       <el-checkbox v-model="streamres.toolstate" label="tool"></el-checkbox>
                 
                    </div>
                    </div>
        </div>
      </div>
  
 </div> 
  </el-form>
  <div slot="footer" class="dialog-footer">
        <el-button   @click="dialog.Stream_Surface= false"
          >{{ $t("HCFD.file.cancel")}}</el-button
        >
        <el-button type="primary" @click="streamOK();dialog.Stream_Surface= false"
          >{{ $t("HCFD.file.ok")}}</el-button
        >
  
      </div>
</el-dialog>
<!-- 步数 -->
<el-dialog
      :visible.sync="dialog.an_steps"
      class="lg-y-z"
      :close-on-click-modal="false"
      :modal-append-to-body="false"
       :append-to-body="false"
      @close='activecleer()'
        v-if="active=='six0-0'"
    :modal='false'
    custom-class='dialoglocation dialog_color'
     width="385px"
     v-draggable
      v-draggleft=[styX.left]
    >
        <div slot="title" class=dialog_header>
     <el-image class="imge" :src="p20" fit="cover" />
     <span class="text-color">FEM步数</span>
  </div>

                <div class="flexpad30">
                  <div class="selecr">
                      <el-form>
                      <el-form-item :label="$t('HCFD.results.steps') " :label-width="formLabelWidth2">
                      <el-select  size="mini" v-model="femStep" @change="femStepChange" placeholder="请选择">
                         <el-option label="0（静态数据）" value="0" selected >
                        </el-option>
                  <el-option
                          v-for="setep in femSteplist"
                          :key="setep"
                          :label="setep"
                          :value="setep"
                        >
                        </el-option>
                  </el-select>
                </el-form-item>
      </el-form>
      </div>
          </div>
      <div slot="footer" class="dialog-footer">
        <el-button   @click="dialog.an_steps = false"
          >{{ $t("HCFD.file.cancel")}}  </el-button
        >
        <el-button type="primary" @click="bStepok('ResultImport','','');dialog.an_steps = false"
          >{{ $t("HCFD.file.ok")}}</el-button
        >
      </div>
    </el-dialog>
<!-- an_Animation -->
<!-- an_Animation -->
 <el-dialog  :visible.sync="dialog.an_Animation" 
    v-draggable
    :modal='false'
    :close-on-click-modal="false"
    custom-class='dialoglocation dialog_color'
     width="385px"
      v-draggleft=[styX.left]
       >
            <div slot="title" class=dialog_header>
     <el-image class="imge" :src="p17" fit="cover" />
     <span class="text-color">动画</span>
  </div>
  <el-form :model="form">
   <div class="heigeinput">
      <div class="selecttype">
          <span class="texttype">动画</span>
        <el-form>
                      <el-form-item :label="$t('HCFD.results.steps') " :label-width="formLabelWidth2">
                      <el-select  size="mini" v-model="animaval" @change="animationclick" placeholder="请选择" style="width:100%">
                  <el-option
                          v-for="setep in classlist"
                          :key="setep.val"
                          :label="setep.titlie"
                          :value="setep.val"
                        >
                        </el-option>
                  </el-select>
                </el-form-item>
      </el-form>
         <div class='selecttype'>
        <span class="texttype">zoom</span>
          <ul style="padding:0">
            <li>
          <el-checkbox-group v-model="checkList"  >
          <el-checkbox v-for="(item,key) in animationobj.zoomarr" @change="zoomList(item,key)" :key="key" :label="item"  >{{item}}</el-checkbox>
            </el-checkbox-group>
       
        </li>
    </ul>
     </div>
          <div class="yiinpu loadclass" >
             <el-button plain class="anniu" @click="loadonclick()">Load</el-button>
             <el-progress   :percentage="percentage"  v-if="!isNaN(parseInt(percentage))" :stroke-width="5" ></el-progress>
 </div>
       </div> 
       <div class="line">
      <div class="linetext">通用场景</div>
    </div> 
       <el-form-item label="第一步" :label-width="formLabelWidth2" >
          <el-input v-model="animationobj.firststep" autocomplete="off"></el-input>
      </el-form-item>
          <el-form-item label="最后一步" :label-width="formLabelWidth2" >
      <el-input v-model="animationobj.laststep" autocomplete="off"></el-input>
      </el-form-item>
          <el-form-item label="当前步" :label-width="formLabelWidth2" >
      <el-input  v-model="animationobj.currentstep" autocomplete="off"></el-input>
      </el-form-item>
        <div class="block1" style="dispaly:flex">
        <div class="listbtn"> 
       <el-button plain class="anniu" @click="signnum=false; lowclick()">low</el-button>
         <el-slider  :max='Number(animationobj.laststep)' :min="Number(animationobj.firststep)"   :step="median"   v-model.number="value1" @change="sliderchange" style="width:50%;margin: 0 10px 0 15px;"></el-slider>
        <el-button plain class="anniu" @click="signnum=false;Quickclick()">Quick</el-button>
      </div>
        <div class="listbtn anbtn"> 
       <el-button plain class="anniu" @click="Startclick()">Start</el-button>
        <el-button plain class="anniu" @click="Lastclick();signnum=false;">Last</el-button>
        <el-button plain class="anniu" @click="Playstop()">Play/stop</el-button>
        <el-button plain class="anniu" @click="Nextclick();signnum=false;">Next</el-button>
        <el-button plain class="anniu" @click="Endclick();signnum=false;">End</el-button>
       
      </div>
  </div>
 </div> 
  </el-form>
  <div slot="footer" class="dialog-footer">
        <el-button   @click="dialog.an_Animation= false"
          >{{ $t("HCFD.file.cancel")}}</el-button
        >
        <el-button type="primary" @click="dialog.an_Animation= false"
          >{{ $t("HCFD.file.ok")}}</el-button
        >
      </div>
</el-dialog>


         <filesload
      ref="filesload"
      :fileurls="fileurls"
      @fileLoadeState="fileLoadeState($event)"
    ></filesload>
          </div>
      
</template>
<script>
import { request, uploadFile } from "@/utils/request";
import { Message, MessageBox } from "element-ui";
import geometry from '../geometry/index.vue'
import meshindex from '../meshindex/index.vue'
import result from '../result/index.vue'
import toolindex from '../tool/index.vue'
import vueUploader from "./fileupload";
import filesload from "./filesload";
import Addtabs from './addtabs.vue'


import c1 from '@/assets/icon/u9667.png'
import shx from '@/assets/icon/u9689.png'
import shx2 from '@/assets/icon/u9690.png'
import shx3 from '@/assets/icon/u9694.png'

import shx4 from '@/assets/icon/u3085.png'
import shx5 from '@/assets/icon/u9840.png'
import shx6 from '@/assets/icon/u9811.png'
import shx7 from '@/assets/icon/u9847.png'
import shx8 from '@/assets/icon/u9843.png'

import shx9 from '@/assets/icon/u9838.png'
import shx10 from '@/assets/icon/u9820.png'
import shx11 from '@/assets/icon/u9846.png'
import shx12 from '@/assets/icon/u9848.png'
import shx13 from '@/assets/icon/u9843.png'
import shx14 from '@/assets/icon/u9921.png'

import shx15 from '@/assets/icon/u9838.png'
import shx16 from '@/assets/icon/u9843.png'
import shx17 from '@/assets/icon/u9840.png'
import shx19 from '@/assets/icon/u9849.png'
import shx20 from '@/assets/icon/u9842.png'

import shx21 from '@/assets/icon/u9850.png'
import shx22 from '@/assets/icon/u9852.png'
import shx23 from '@/assets/icon/u9851.png'
import shx24 from '@/assets/icon/u10014.png'
import shx25 from '@/assets/icon/u10040.png'
import shx26 from '@/assets/icon/u100682.png'
import shx27 from '@/assets/icon/u10082.png'
import shx28 from '@/assets/icon/u19971.png'
import q4 from '@/assets/icon/u3868.png'

import p1 from '@/assets/icon/7.png'
import p2 from '@/assets/icon/zoomtowindow.png'
import p3 from '@/assets/icon/result_contour.png'
import p4 from '@/assets/icon/result_vector.png'
import p5 from '@/assets/icon/13.png'
import p6 from '@/assets/icon/14.png'
import p7 from '@/assets/icon/19.png'
import p8 from '@/assets/icon/12.png'
import p9 from '@/assets/icon/result_line.png'
import p10 from '@/assets/icon/6.png'
import p11 from '@/assets/icon/9.png'
import p12 from '@/assets/icon/2.png'
import p13 from '@/assets/icon/18.png'
import p14 from '@/assets/icon/solid_surface.png'
import p15 from '@/assets/icon/result_slice.png'
import p16 from '@/assets/icon/result_stream.png'
import p17 from '@/assets/icon/animation.png'
import p18 from '@/assets/icon/result_curve.png'
import p19 from '@/assets/hcfd_images/run.png'
import p20 from '@/assets/icon/u3739.png'
import p21 from "@/assets/icon/u854.png";
import p22 from "@/assets/icon/u237.png";
import p23 from "@/assets/icon/u3313.png";
import { number } from 'echarts/lib/export';

//  const draggleft = (el, binding) => {
//     let dialogleft=el.querySelector('.el-dialog');
// };
//  * @param {*} el
//  * @param {*} binding 
//   const draggleft = (el, binding) => {
//       console.log(el);
//    // 绑定拖拽事件 [绑定拖拽触发元素为弹框头部、拖拽移动元素为整个弹框]
//    el.querySelector('.el-dialog').style.left =binding.value;
//    console.log(binding.value);
// };
// const directives = {
//  draggleft 
// };
export default {
 install(Vue) {
      Object.keys(directives).forEach((key) => {
      Vue.directive(key, directives[key]);
    });
  },
    components:{geometry,meshindex,result,toolindex,filesload,vueUploader,Addtabs},
    props:{
    femnum:String,
    logs:String,
    pid:String,
    },
  data() {
    return {
           // 心跳包的参数
      websock: null, //建立连接
      lockReconnect: false, //是否真正建立连接
      timeout: 28 * 1000, //30秒一次心跳
      timeoutObj: null, //心跳倒计时
      serverTimeout0bj: null, //
      timeoutnum: null, //断开重连倒计时
       objmesh:{
    strResultFormat:".vtk",
    surfParam:{
        max_size:"10",
        min_size:"1",
        surfStyle:"triangle",
        global_physical_size:"1.0"
    },
    surfParam1:{
        gradation:"1",
        anisotropic_ratio:"0",
        chordal_error:"0",
        debug:"no",
        closed_geometry:"no",
        enforce_cad_edge_sizes:"1",
        force_bad_surface_element_removal:"no",
        discard_input_topology:"no",
        create_tag_on_collision:"yes"
    },
    surfParam2:{
        element_order:"linear",
        remove_duplicate_cad_faces:"yes",
        scaled_jacobian_threshold_value:"0.001",
        optimisation:"no",
        correct_surface_intersections:"yes"
    },
    cleanerParam:null,
     tetraParam:null,
    hexaParam:null,
    hybridParam:null,
    },
     cleanerParam1:{
        folding_angle:"1",
        min_hole_size:"1",
        overlap_distance:"1",
        use_default_settings_for:"structure",
        overlap_angle:"15",
        resolution_length:"5"
    },
    tetraParam1:{
        components:"outside_components",
         gradation:"1.0"
    },
    hexaParam1:{
        components:"all",
    },
    hybridParam1:{
        element_generation:"tetra_dominant",
        normal_direction:'1',
        boundary_layer_global_initial_height:'',
        boundary_layer_geometric_progression:'',
        number_of_boundary_layers:'',
    },
      setface:false,
      meshbrim:false,
    meshface:'物理尺寸模型',
      jiegradioval:false,
      facecheckbox:true,
      disabledface:false,
      jiegdisabled:true,
       jiegradio:"结构",
      checkListset:['纠正表面相交'],
      disabledset:true,
     lowbool:false,
   Quickbool:false,
    Startbool:false,
      sign:'low',
      signnum:false,
      median:Number,
     slidermax:Number,
      currentstep1:Number,
      hideZones:'',
      animationType:'ContourDisplay',
      percentage:0,
      countnum:0,
      numan:true,
      //numan:2,
    checkList:[],
       animationobj:{
        firststep:'',
        laststep:'',
        currentstep:'',
        zoomarr:[],
     },
       Stepe:'',
      p1,p2,p3,p4,p5,p6,p7,p8,p9,p10,p11,p12,p13,p14,p15,p16,p17,p18,p19,p20,p21,p22,p23,
      femstate:-1,
        isVolume:"",
        outlineobj:{
       scalarName:'',
        range0:'',
        range1:'',
        leixing:'',
        level:'10',
        bmScalars:[],
        nameTypes:'',
        scalarmax:'',
     },
      femSteplist: [],
      femStep:'0',
    vSalar: "",
    velementCheckeds: ["Contour"],
    colorobj:{
      R:'0',
      G:'0',
      B:'0',
      showHideState:'1',
      transparency:'',
    },
     vector:{
      u:'r',
      v:'r',
      w:'r',
    },
     streamobj:{
       dataU:'r',
       dataV:'r',
       dataW:'r',
       dataUarr:[],
       dataVarr:[],
       dataWarr:[],
     },
        directionlist:['Both','Forward','Backward'],
          streamstylelist:['Line','Ribbon','Tube'],
      streamres:{
            direction:"Both",
            streamstyle:"Line",
            initialstep:0.2,
            maxpropagation:1.2,
            minimumstep:0.3,
            showstate:true,
            toolstate:true,
            },
     streamparae:'',
     vectorobj:{
       dataU:'Displacement-magnitude',
       dataV:'Displacement-magnitude',
       dataW:'Displacement-magnitude',
       dataUarr:[],
       dataVarr:[],
       dataWarr:[],
       scaleFactor:''
     },
       // 颜色选择
      r:'',
      g:'',
      b:'',
      lineColor: 'rgba(255, 69, 0, 0.68)',
        predefineColors: [
          '#ff4500',
          '#ff8c00',
          '#ffd700',
          '#90ee90',
          '#00ced1',
          '#1e90ff',
          '#c71585',
          'rgba(255, 69, 0, 0.68)',
          'rgb(255, 120, 0)',
          'hsv(51, 100, 98)',
          'hsva(120, 40, 94, 0.5)',
          'hsl(181, 100%, 37%)',
          'hsla(209, 100%, 56%, 0.73)',
          '#c7158577'
        ],
        target:'',
        editableTabsValue: '1',
        editableTabs: [],
        tabIndex: 0,
         variableNamearr:[],
     
      value1:3,
      loadObjs: [],
      lesseeId:'',
      disOK:true,
      fileurls: [],

 
      checked:false,
      c1,shx,shx2,shx3,
      shx4,
      shx5,
      shx6,
      shx7,
      shx8,
      shx9,
      shx10,
      shx11,
      shx12,
      shx13,
      shx14,
      shx15,
      shx16,
      shx17,
      shx19,
      shx20,
      shx21,
      shx22,
      shx23,
      shx24,
       shx25,
        shx26,
        shx27,
        shx28,
        q4,
         activeName: 'twos',
            active:'',
             styX:{
        left:''
      },
      fempid:'',
      geometrylist: [{ icon: p22, titlie: "几何导入" }],
      meshimport:[
           { icon:q4, titlie:'文件上传'},
           { icon: p23, titlie: "几何网格检测" },
           { icon: p21, titlie: "网格自动划分" },
          
        ],
          strResultFormatlist:[
          { value: ".vtk", name: ".vtk" },
        { value: ".mesh", name: ".mesh" },
        { value: ".ugrid", name: ".ugrid" },
        { value: ".bdf", name: ".bdf" },
        { value: ".neu", name: ".neu" },
   
      ],
         meshvallist:[
        { value: "0", name: "面网格" },
        { value: "1", name: "四面体网格" },
        { value: "2", name: "六面体网格" },
        { value: "3", name: "混合网格" },
      ],
       meshval:'0',
         meshvallist1:[
        { value: "0", name: "三角行" },
        { value: "1", name: "四边形" },
        { value: "2", name: "全四边形" },
        { value: "3", name: "局部" },
      ],
       meshval1:'0',
       patternlist:[
        { value: "0", name: "global" },
        { value: "1", name: "local" },
        { value: "2", name: "none" },
      ],
       patternval:'0',
        elsementlist:[
        { value: "0", name: "linear" },
        { value: "1", name: "quadratic" },
      ],
       eleval:'0',
       tetrahedron:[
        { value: "0", name: "outside_components" },
        { value: "1", name: "all" },
      ],
       traval:'0',
       hexahedral:[
        { value: "0", name: "outside_components" },
        { value: "1", name: "outside_skin_only" },
        { value: "2", name: "all" },
      ],
      hexaval:'0',
         mixture :[
         { value: "0", name: "tetra_dominant" },
        { value: "1", name: "hexa_dominant" },
        { value: "2", name: "extrusion_only" },
        { value: "3", name: "cartesian_core" },
      ],
      mixval:'0',
      hemxval:'0',
        boundarylayer   :[
        { value: "0", name: "正" },
        { value: "1", name: "负" },
       
      ],
      layerval:'0',
      femsolverConfigid:'',
         parameterObj: {
           alphad: {key: 'alphad', order: '2', value: '0.0'},
          bet_newmark: {key: 'bet_newmark', order: '2', value: null},
          betad: {key: 'betad', order: '2', value: ''},
          coupled: {key: 'coupled', order: '1', value: '0'},
          dt_str: {key: 'dt_str', order: '2', value: '0.0'},
          dump_mass: {key: 'dump_mass', order: '1', value: 'true'},
          dump_stiff: {key: 'dump_stiff', order: '1', value: 'true'},
          eigenv: {key: 'eigenv', order: '3', value: 'false'},
          eigv_method: {key: 'eigv_method', order: '1', value: 'false'},
          f_static: {key: 'static', order: '3', value: 'true'},
          f_transient: {key: 'transient', order: '1', value: '1'},
          freq: {key: 'freq', order: '1', value: ''},
          gam_newmark: {key: 'gam_newmark', order: '2', value: null},
          mesh_inp: {key: 'mesh_inp', order: '3', value: null},
          nlgeom: {key: 'nlgeom', order: '1', value: ''},
          num_eigv: {key: 'num_eigv', order: '1', value: null},
          num_steps: {key: 'num_steps', order: '1', value: ''},
          result_file: {key: 'result_file', order: '3', value: "fem"},
          sid: {key: 'SID', order: '1', value: ''},
          solver: {key: 'solver', order: '1', value: ''},
          sort: {key: 'sort', order: '1', value: ''},
          strain_o: {key: 'strain_o', order: '1', value: 'false'},
          dynamic: {key: 'dynamic', order: '1', value: 'true'}
        // solution: {
        //   f_static: "true",
        //   solver: "",
        //   eigenv: "false",
        //   num_eigv: "",
        //   nlgeom: "",
        //   eigv_method: "",
        //   f_transient: "",
        //   alphad: "",
        //   betad: "",
        //   gam_newmark: "",
        //   bet_newmark: "",
        //   sid: "",
        //   num_steps: "",
        //   dt_str: "",
        //   freq: "",
        //   sort: "",
        // },
        // static: {
        //   dump_stiff: false,
        //   strain_o: false,
        // },
        // modes: {
        //   coupled: "",
        //   dump_stiff: false,
        //   dump_mass: false,
        // },
        // transient: {
        //   coupled: "",
        //   dump_stiff: false,
        //   dump_mass: false,
        //   strain_o: false,
        // },
        // results: {
        //   loadResults: 2,
        //   scalar: "Displacement-magnitude",
        //   transiation: true,
        //   showElement: [],
        // },
      },
         formLabelWidth: '60px',
        formLabelWidth2:'73px',
        formLabelWidth4:'37px',
        formLabelWidth5:'100px',
         formLabelWidth6:'120px',
         formLabelWidth7:'170px',
         
          form: {
          name: '',
          region: '',
          date1: '',
          date2: '',
          delivery: false,
          type: [],
          resource: '',
          desc: '',
          leixing:'gu ding yue shu',
          xishu:'0.1',
          xingwei:"硬接触",
          radio:'0'
           
        },
            dialog:{
              fem_upload:false,
               geometry_upload: false,
               mesh_generation:false,
              create_visiable:false,
              attribute_visiable:false,
              materials_visiable:false,
              cross_visiable:false,
              Offset_visiable:false,
              singleforce_visiable:false,
              jdtemp_visiable:false,
              dybar_visiable:false,
              dygravity_visiable:false,
              cstjtemp_visiable:false,
              cstjspeed_visiable:false,
              properties_visiable:false,
              contactpair_visiable:false,
              cae_visiable:false,
              parallel_visiable:false,
              statical_analysis:false,
              model_analysis:false,
              heat_analysis:false,
              transient_analysis:false,
              create_analysis:false,
              contour_visiable:false,
              Line_visiable:false,
              Vector_visiable:false,
              Solid_Surface:false,
              Slice_Surface:false,  
              Stream_Surface:false,
              an_Animation:false,
              an_steps:false,
           
          },
           project: {
        projectName: "",
        projectDesc: "",
        solverstate:"0",
        fileType: "",
        projectId: "",
        loadfils: "",
      },
      displaylist:[
            { icon:p3, titlie:'轮廓显示'},
            { icon:p9, titlie:'线'},
            { icon:p4, titlie:'矢量'},
        ],
        displaylist2:[
           { icon:p14, titlie:'实体表面'},
            { icon:p15, titlie:'切片'},
            { icon:p16, titlie:'流线'},
        ],
        animationlist:[
           { icon:p17, titlie:'动画'},
        ],
           animationlist1:[
           { icon:p20, titlie:'步数选择'},
        ],
         solutionlist22:[
             { icon:p18, titlie:'折线图'},
        ],
        jihlist:[
            { icon:c1, titlie:'创建集合'},
        ],
         shxlist:[
            { icon:shx, titlie:'单元属性'},
            { icon:shx2, titlie:'材料属性'},
            { icon:shx3, titlie:'截面属性'},
        ],
        zhlist:[
           { icon:shx4, titlie:'节点类-位移约束力'},
            { icon:shx5, titlie:'节点类-速度'},
            { icon:shx6, titlie:'节点类-集中力'},
             { icon:shx7, titlie:'节点类-加速度'},
            { icon:shx8, titlie:'节点类-温度约束'},
        ],
          zhlist2:[
           { icon:shx9, titlie:'单元类-位移'},
            { icon:shx10, titlie:'单元类-惯性力'},
            { icon:shx11, titlie:'单元类-压力'},
            { icon:shx12, titlie:'单元类-均布力'},
            { icon:shx13, titlie:'单元类-温度'},
            { icon:shx14, titlie:'单元类-重力'},
        ],
          zhlist3:[
           { icon:shx15, titlie:'初始条件-位移'},
            { icon:shx16, titlie:'初始条件-温度'},
            { icon:shx17, titlie:'初始条件-速度'},
             { icon:shx19, titlie:'初始条件-塑性应变'},
            { icon:shx20, titlie:'初始条件-应力'},
        ],
         zhlist4:[
           { icon:shx21, titlie:'接触体-变形体'},
            { icon:shx22, titlie:'接触体-接触属性'},
            { icon:shx23, titlie:'接触体-接触对'},
        ],
           classlist:[
             {val:'ContourDisplay', titlie:' 轮廓显示'},
             {val:'LineDisplay', titlie:'线'},
             {val:'VectorDisplay', titlie:'矢量'},
             {val:'SolidSurfaceDisplay', titlie:'实体表面'},
        ],
        animaval:'ContourDisplay',
        fexkz:[
           { icon:shx2, titlie:'分析类型'},
           { icon:shx10, titlie:'并行类型'},
        ],
         fexkz2:[
            { icon:shx24, titlie:'静力分析'},
        ],
        fexkz3:[
            { icon:shx25, titlie:'模态分析'},
        ],
        fexkz4:[
            { icon:shx26, titlie:'传热分析'},
        ],
        fexkz5:[
            { icon:shx27, titlie:'瞬态响应分析'},
        ],
      fexkz6:[
            { icon:shx28, titlie:'创建分析'},
        ],
         fexkz7:[
            { icon:p19, titlie:'运行'},
        ],
        jhlist:[
             {value:'0',name:'节点集合'},
            {value:'1',name:'单元集合'},
             {value:'2',name:'表面集合'},
        ],
        jhval:'0',
           fileTypeli:[
             {value:'timestep',name:'timestep'},
            {value:'model',name:'model'},
          ],
          fileTypeval:'timestep',
        jhlist2:[
             {value:'0',name:'集合1'},
            {value:'1',name:'集合2'},
        ],
        jhval2:'0',
        jhlist3:[
             {value:'0',name:'显示分析单元'},
            {value:'1',name:'隐式分新单元'},
             {value:'2',name:'传热单元'},
        ],
        jhval3:'0',
         jhlist4:[
             {value:'0',name:'一阶'},
            {value:'1',name:'二阶'},
        ],
        jhval4:'0',
        femlist:[
             {value:'0',name:'实体截面'},
            {value:'1',name:'板壳截面'},
            {value:'2',name:'梁截面'},
        ],
        femval:'0',
         femlist2:[
             {value:'0',name:'选择已定义的材料'},
         
        ],
        femval2:'0',
         femlist3:[
             {value:'0',name:'选择单元几何名称'},
        ],
        femval3:'0',
        femlist4:[
             {value:'0',name:'(选择已定义的节点集合)'},
        ],
        femval4:'0',
           femlist5:[
             {value:'0',name:'(拾取节点，显示节点编号)'},
             {value:'1',name:'(选择已定义的节点集合)'},
        ],
        femval5:'0',
        femlist11:[
             {value:'0',name:'(选择接触属性名称)'},
        ],
        femval11:'0',
         femlist12:[
               {value:'0',name:'(面-面)'},
               {value:'1',name:'(节点-面)'},
        ],
        femval12:'0',
        bxlist:[
               {value:'0',name:'静力分析'},
               {value:'1',name:'模态分析'},
              //  {value:'2',name:'传热分析'},
               {value:'3',name:'瞬态响应分析'},
        ],
        bxval:'',
         fenxval:'0',
          bxlist1:[
               {value:'0',name:'串行'},
               {value:'1',name:'MPI并行'},
        ],
         bxval1:'0',
         jlialist1:[
               {value:'0',name:'MUMPS直接求解法'},
               {value:'1',name:'PCG迭代求解法'},
               {value:'2',name:'I DI直接求解法'},
        ],
        jliaval1:'0',
         jlialist2:[
               {value:'0',name:'Inverse iteration'},
               {value:'1',name:'Lanczos'},
        ],
        jliaval2:'0',
           jlialist3:[
               {value:'0',name:'Newmark'},
               {value:'1',name:'HHT'},
                {value:'2',name:'Direct'},
        ],
       
            jlialist4:[
               {value:'1',name:'1'},
               {value:'2',name:'2'},
        ],
        jliaval4:'1',
        cjalist:[
          {value:'0',name:'静力分析'},
          {value:'1',name:'模态分析'},
          {value:'2',name:'解响分析'},
           {value:'3',name:'响应分析'},
          {value:'4',name:'随机振动分析'},
           {value:'5',name:'瞬态响应分析'},
            {value:'6',name:'热传导分析'},
           {value:'7',name:'热-固耦合分析'},
        ],
        cjaval:'0',
         cjalist2:[
          {value:'0',name:'默认'},
          {value:'1',name:'自动'},
          {value:'2',name:'直接'},
 
        ],
        cjaval2:'0'

    }
  },
  mounted(){
this.init();
  },
  methods:{
       init() {
      //this.project.projectId = this.pid; //获取url 参数
      this.project.projectId = this.pid;
      this.project.lesseeId = this.$store.getters.lesseeId; //获取url 参数
    },
      handfiles(file) {
      this.files = "";
      this.files = file;
    },
     upDisOk(){
      this.disOK=false
      // this.loadObjs[1].state=1
    },
    changestleixing(val){
     if(val=='0'){
       this.parameterObj.f_static.value=true;
     }else{
       this.parameterObj.f_static.value=false;
     }
     if(val=="1"){
            this.parameterObj.eigenv.value=true;
     }else{
        this.parameterObj.eigenv.value=false;
     }
     if(val=='3'){
       this.parameterObj.dynamic.value=true; 
     }else{
       this.parameterObj.dynamic.value=false;
     }
    },

      //load状态回调
    fileLoadeState(files) {
      files.forEach((file) => {
        this.loadObjs.forEach((obj) => {
          if (obj.type == 2) {
            if (obj.filename === file.name) {
              obj.percentage = file.percentage;
            }
          }
          if (obj.type == 1) {
            //  obj.message=file.message;
          }
        });
      });
    },
    //数据加载参数配置obj
    femchange(obj,solverConfigid,data){
  
      this.femstate=data.state;
       this.parameterObj = JSON.parse(obj);//JSON.parse(obj);
       //console.log( this.parameterObj);
      sessionStorage.setItem("res", obj);
      this.femsolverConfigid=solverConfigid;
        if(this.femstate==0){//求解状态（0-求解中，1-求解成功，-1-没有求解）
               this.$emit("exlodingfalse",true)
               this.getwebsocket()
               }else{
                 this.$emit("exlodingfalse",false)
               }
      if(this.parameterObj.f_static.value==true){
        this.fenxval='0';
      }else if(this.parameterObj.eigenv.value==true){
          this.fenxval='1';
      }else if(this.parameterObj.dynamic.value==true){
        this.fenxval='3';
      }
      this.changestleixing(this.fenxval);
    },
       async femRun() {
      //更新参数，求解,抓取日志
      await this.femparam();
      // this.getLogs();
    },
    //更新参数配置
femparam(){
  //console.log(this.parameterObj)
  const params = {
        transCode: 'C00004', 
        solverConfigid:this.femsolverConfigid,
        parameterObj: JSON.stringify(this.parameterObj),
        }
 
        request(params)
          .then((res) => { 
          Message({
                  type: "success",
                  message: "参数上传，成功",
                });
         })
          .catch((err) => {
          })
},
//fem求解
    async femExe() {
      //求解
      var _this = this;
      let params = {
        transCode: "C00005",
        solverConfigId:this.femsolverConfigid,
      };
      request(params)
        .then((res) => {
          this.getwebsocket();
             this.$emit("exlodingfalse",true)
        })
        .catch((err) => {
          this.runShow='hidden'
        this.$emit("exlodingfalse",false)
        });
    },
      //  
      changest(){

      },
  // 获取轮廓数据
bStepok(action,index){
  const params = {
        transCode: 'AFT001',
        pid:this.project.projectId,
        solverConfigId:this.femsolverConfigid,
        action:action,
        paramJson:this.streamparae,
        step:this.femStep,
        scalarName:this.outlineobj.scalarName,
        level:this.outlineobj.level,
        range0:this.outlineobj.range0,
        range1:this.outlineobj.range1,
        isVolume:this.isVolume,
        dataU:this.vector.u,
        dataV:this.vector.v,
        dataW:this.vector.w,
        scaleFactor:this.vectorobj.scaleFactor,
        index:index,
        animationType:this.animationType,
         hideZones:this.hideZones,

        }
        request(params)
          .then((res) => { 
             console.log(res);
         })
          .catch((err) => {
          })
},
//level颜色的数据
changeblur(){
 this.bStepok('ContourDisplay','')
},
vchangeblur(){
 this.bStepok("LineDisplay",'')
},
// 获取轮廓数据
outlinedata(val){
  //let ytdata= JSON.parse(sessionStorage.getItem("ytdata"));
  let ytdata= JSON.parse(val);
  this.outlineobj.scalarName=ytdata.scalarName;
  this.vSalar=ytdata.scalarName;
  this.outlineobj.scalarmax=ytdata.scalarrange;
  //  this.outlineobj.range0=ytdata.range0;
  //  this.outlineobj.range1=ytdata.range1;
  let ress=ytdata.scalarNames;
if(ress==undefined){
    Message({
            type: "info",
            message: "请择物面数据",
          });
}else{
 this.outlineobj.bmScalars=Array.from(ress.split(","));
 this.outlineobj.nameTypes=ytdata.nameTypes;
   this.strnumchange(ytdata.nameTypes);
   this.outlinemax(this.vSalar)

}
 
},
// 获取轮廓数据的最大值和最小值
outlinemax(val){
let arrmax=Array.from( this.outlineobj.scalarmax.split(","));
arrmax.forEach((item,index)=>{
 let arrval= arrmax[index].split("#");
  if(arrval.includes(val)){
  this.outlineobj.range0=arrval[1];
   this.outlineobj.range1=arrval[2];
 }
})
},
//矢量数据
vectordata(){
    let vectorparam= JSON.parse(sessionStorage.getItem("vectorparam"));
    let datau=vectorparam.dataU;
    let datav=vectorparam.dataV;
    let dataw=vectorparam.dataW;
    this.vectorobj.dataUarr=datau.split(",");
    this.vectorobj.dataVarr=datav.split(",");
    this.vectorobj.dataWarr=dataw.split(",");
    this.vectorobj.scaleFactor=vectorparam.scaleFactor;

},
// 矢量的OK按钮
vectorOK(){
    this.vector.u=this.vectorobj.dataU,
    this.vector.v=this.vectorobj.dataV,
    this.vector.w=this.vectorobj.dataW,
 this.bStepok("VectorDisplay",'')
},
//add的参数
 // 添加div
 addTab(targetName) {
    
   this.target= targetName;
        let newTabName = ++this.tabIndex + '';
       this.bStepok("SliceDisplayAdd",newTabName)
        this.editableTabs.push({
                index:newTabName,
                type:"line", 
                variableName:'',
                level:'10',
                normal_x:'',
                normal_y :'',
                normal_z:'',
                position_x:'1',
                position_y:'',
                position_z:'',
                scalar_value_state:false,
                solid_state:true,
                sectional_plane_state:true,
                sectional_contour_state:true,
                areaRange:"",
        });         
 
        this.editableTabsValue = newTabName;
      },
femaddparam(){
     let dataslicedisplay=JSON.parse(sessionStorage.getItem("dataslicedisplay"));
   let data=JSON.parse(dataslicedisplay);
    let that=this;
    that.variableNamearr=data.variableName.split(",");
     let arr=this.editableTabs; 
       that.$nextTick(()=>{
    for(var i = 0; i < arr.length; i++){
      arr[i].position_x=data.position_x;
      arr[i].position_y=data.position_y;
      arr[i].position_z=data.position_z;
      arr[i].areaRange=data.areaRange;
      that.$refs.addtabs[i].getarrs(this.variableNamearr);
      that.$refs.addtabs[i].range.xrange=data.xrange;
      that.$refs.addtabs[i].range.yrange=data.yrange;
      that.$refs.addtabs[i].range.zrange=data.zrange;
    }
       })
},
      updata(){
            this.bStepok("SliceDisplayUpdate",'');       
      },
      //updata的参数
updataparam(val){
  let updateparam=JSON.parse(val);
              let edarr=this.editableTabs;
              let  updatadata=JSON.parse(updateparam);
              let updatarr=updatadata.update_param;
              for(var i = 0; i < edarr.length; i++){
                  for(var j = 0; j < updatarr.length; j++){
                        edarr[i].normal_x=updatarr[j].normal_x;
                        edarr[i].normal_y=updatarr[j].normal_y;
                        edarr[i].normal_z=updatarr[j].normal_z;
                        edarr[i].position_x=updatarr[j].position_x;
                        edarr[i].position_y=updatarr[j].position_y;
                        edarr[i].position_z=updatarr[j].position_z;
                
              }
              }

},

      // 参数的编辑
   
       //删除新增的tab
      removeclear(val){

         let tabs = this.editableTabs;
        let activeName = this.editableTabsValue;
        if (activeName === val) {
          tabs.forEach((tab, index) => {
            if (tab.index === val) {
              let nextTab = tabs[index + 1] || tabs[index - 1];
              if (nextTab) {
                activeName =nextTab.index;
              }
            }

          });
        }
        this.editableTabsValue = activeName;
        this.editableTabs = tabs.filter(tab => tab.index !== val);
        this.bStepok("SliceDisplayDel",val);

      },
      removeTab(targetName) {   
        let tabs = this.editableTabs;
        let activeName = this.editableTabsValue;
        if (activeName === targetName) {
          tabs.forEach((tab, index) => {
            if (tab.index === targetName) {
              let nextTab = tabs[index + 1] || tabs[index - 1];
              if (nextTab) {
                activeName = nextTab.index;
              }
            }
          });
        }
        
        this.editableTabsValue = activeName;
        this.editableTabs = tabs.filter(tab => tab.index !== targetName);
         this.bStepok("SliceDisplayDel",targetName);
        
      },
      liceOK(){
  let paramJson=JSON.stringify(this.editableTabs)
  this.streamparae=paramJson;
  this.bStepok("SliceDisplayApply",'');
  this.dialog.Slice_Surface= false;

},
   handletabclick(el){

   },  
//stream 数据
streamdata(data){
    let streamparam= JSON.parse(data);
    let datau=streamparam.dataU;
    let datav=streamparam.dataV;
    let dataw=streamparam.dataW;
    this.streamobj.dataUarr=datau.split(",");
    this.streamobj.dataVarr=datav.split(",");
    this.streamobj.dataWarr=dataw.split(",");
},
// stream创建数据
CreateStream(){
    this.vector.u=this.streamobj.dataU;
    this.vector.v=this.streamobj.dataV;
    this.vector.w=this.streamobj.dataW;
    if( this.vector.u==this.vector.v||this.vector.u== this.vector.w||this.vector.v==this.vector.w){
        Message({
            type: "warning",
            message: "矢量值，各不相同才能创建！",
          });
    }else{
       this.bStepok('StreamDisplayCreate','')
    }

},
//stream提交数据
streamOK(){
this.streamparae=JSON.stringify(this.streamres);
 this.bStepok('StreamDisplayApply','')
},
// 字符串的裁剪
strnumchange(val){
    let strnum=val;
 let num_caj=strnum.split(","); 
 for(var i=0;i<num_caj.length;i++){
  if(num_caj[i].includes(this.vSalar)){
    let ster= num_caj[i];
  let str= ster.charAt(ster.length - 1)
      if(str=='0'){
           this.outlineobj.leixing='point scalar';
      }else{
         this.outlineobj.leixing='cell scalar';
      }
  }
 }
},
// 标量选择名称跟着边
bmScalarschange(val){
    this.outlineobj.scalarName=this.vSalar;
    this.strnumchange(this.outlineobj.nameTypes);
        this.outlinemax(this.vSalar)

},
//接口返回的颜色
colorval(val){
 let colorval=JSON.parse(val);
  this.colorobj.R=parseInt(Number(colorval.r));
  this.colorobj.G=parseInt(Number(colorval.g));
  this.colorobj.B=parseInt(Number(colorval.b));
  this.colorobj.transparency=Number(colorval.transparency)
},
//实体的颜色的控制
colorchange(val){
if(this.lineColor!=null){
 let str=this.lineColor.slice(5,-1)
  let colorstr=str.split(",");
  this.colorobj.R=colorstr[0];
  this.colorobj.G=colorstr[1];
  this.colorobj.B=colorstr[2];
  this.colorobj.transparency=colorstr[3];
}
},
colorsolid(){
let r=(Number(this.colorobj.R)/255).toFixed(4);
let g=(Number(this.colorobj.G)/255).toFixed(4);
let b=(Number(this.colorobj.B)/255).toFixed(4);
 const params = {
        transCode: 'AFT001',
         pid:this.project.projectId,
        solverConfigId:this.femsolverConfigid,
        action:'SolidSurfaceDisplay',
        paramJson:'',
        step:this.femStep,
        scalarName:this.outlineobj.scalarName,
        level:'',
        range0:this.outlineobj.range0,
        range1:this.outlineobj.range1,
        isVolume:this.isVolume,
        dataU:this.vectorobj.dataU,
        dataV:this.vectorobj.dataV,
        dataW:this.vectorobj.dataW,
        scaleFactor:this.vectorobj.scaleFactor,
        r:r,
        g:g,
        b:b,
        transparency: this.colorobj.transparency,
        showHideState:this.colorobj.showHideState,
        }
        request(params)
          .then((res) => { 
            console.log(res)
         })
          .catch((err) => {
          })
},
   handleClick(tab, event) {
     let tabindex=tab.index;
   this.activecleer();
     console.log(this.activeName);
      if(this.activeName=='one'){
      this.$parent.startimg("init",'geometryFileShow');
      }else if(this.activeName=='twos'){
        this.$parent.startimg("init",'loaddata');
      }
        },
        activecleer(){
          this.active=11;
        },
 //模块选择
  clickgeometry(e,index,key){
var e=e||window.Event
this.styX.left=e.clientX+'px';
// this.$nextTick(()=>{
// document.querySelector('.el-dialog').style.left =this.styX.left;
// })

//console.log(document.querySelector('.el-dialog').style.left );
    this.active=key;
    console.log(key);
  switch(key){
    case "one0-0":
     this.dialog.geometry_upload = true;
   break;
 case 'one-0':
       this.dialog.fem_upload=true;
      break;
         case 'one-2':
       this.dialog.mesh_generation=true;
      break;
    case 'two-0':
       this.dialog.create_visiable=true;
      break;
       case 'three-0':
       this.dialog.attribute_visiable =true;
      break;
        case 'three-1':
       this.dialog.materials_visiable=true;
      break;
    case 'three-2':
       this.dialog.cross_visiable  =true;
      break;
      case 'four-0':
      this.dialog.Offset_visiable =true;
      break;
      case 'four-2':
      this.dialog.singleforce_visiable =true;
      break;
          case 'four-4':
      this.dialog.jdtemp_visiable=true;
      break;
        case 'four1-2':
      this.dialog.dybar_visiable=true;
      break;
         case 'four1-5':
      this.dialog.dygravity_visiable=true;
      break;
           case 'four2-1':
      this.dialog.cstjtemp_visiable=true;
      break;
        case 'four2-2':
      this.dialog.cstjspeed_visiable=true;
      break;
       case 'four3-1':
      this.dialog.properties_visiable=true;
      break;
  case 'four3-2':
      this.dialog.contactpair_visiable=true;
      break;
          case 'five-0':
          this.dialog.cae_visiable=true;
      break;
        case 'five-1':
          this.dialog.parallel_visiable=true;
      break;
         case 'five2-0':
          this.dialog.statical_analysis=true;
      break;
          case 'five3-0':
          this.dialog.model_analysis=true;
      break;
         case 'five4-0':
          this.dialog.heat_analysis=true;
      break;
      case 'five5-0':
          this.dialog.transient_analysis=true;
      break;
          case 'five11-0':
          this.dialog.create_analysis=true;
      break;
         case 'six2-0':
          this.dialog.contour_visiable=true;
      break;
  case 'six2-1':
          this.dialog.Line_visiable=true;
      break;
     case 'six2-2':
        this.vectordata();
          this.dialog.Vector_visiable=true;
      break; 
       case 'six3-0':
         //this.colorval();
          this.dialog.Solid_Surface=true;
      break; 
       case 'six3-1':
          this.dialog.Slice_Surface =true;
      break; 
      case 'six3-2':
          this.dialog.Stream_Surface=true;
      break; 
      case 'six4-0':
        this.value1= Number(this.animationobj.currentstep);
        this.dialog.an_Animation=true;
        let that=this;
        setTimeout(function(){
            that.active='six2-0';
       that.dialog.contour_visiable=true; 
        },100)
     
       
        
      break;
       case 'five6-0':
        this.femExe();
      break 
        case 'six0-0':
          this.setpnum();
            this.dialog.an_steps=true;
          this.currentstep1=Number(this.animationobj.currentstep)
      break;
    
  }

  },
  // //选择step
femStepChange(val){
  this.Stepe=val;
 //console.log(this.Stepe);
  //  if(this.Stepe==0){
  //   Message({
  //           type: "warning",
  //           message: "请选择setp有效值",
  //         });
  // }
    this.animationobj.firststep= this.femSteplist[0];
    this.animationobj.laststep= this.femSteplist[this.femSteplist.length -1];
    this.animationobj.currentstep=this.femStep;
},
// 获取物面数据的步数
setpnum(){
  let steplist=this.femSteplist
  let len=steplist.length;
  if(len==0){
     let params = {
            transCode: "AFT002",
            pid:this.project.projectId,
            solverConfigId:this.femsolverConfigid,
          };
           request(params)
        .then((res) => {
        let steps= res.steps.split(',');
        this.femSteplist=steps; 
        this.slidermax =Number( this.femSteplist.length);
      this.median=Number(this.femSteplist[2])-Number(this.femSteplist[1]);
            })
  }

},
 animationclick(val){
     this.percentage=0;
    this.animationType=val;
    switch(val){
       case 'ContourDisplay':
        this.active='six2-0';
        this.dialog.contour_visiable = true;
      break;
       case 'LineDisplay':
          this.active='six2-1';
        this.dialog.Line_visiable = true;
      break;
       case 'VectorDisplay':
           this.active='six2-2';
       this.dialog.Vector_visiable = true;
      break;
       case 'SolidSurfaceDisplay':
         this.active='six3-0';
         this.dialog.Solid_Surface = true;
      break;

    }

  },
  // 文件上传
  femupload(){
      this.$parent.startimg("init",'loaddata');
  },
  
   //求解日志
    async getLogs() {
      //打印日志
      var self = this;
      function getLog() {
          let params = {
              transCode: "C00006",
              pid:self.pid
          };
          request(params)
            .then((res) => {
            console.log(res);
           
            })
            .catch((err) => {
            
            });
      }
      getLog();
    },

    // 时间换算
  timedata(d1, d2,s1){
 var date1 = new Date(d1);   //开始时间  
            var date2 = new Date(d2);    //结束时间  
             var cydata=(date2.getTime() - new Date(date1).getTime())/s1*(Number(this.nmlsteps)-s1);
           //var Milliseconds = date2.getTime() - new Date(date1).getTime();   //时间差的毫秒数       
          
            var Milliseconds = cydata;
            //计算出相差天数  
            var days = Math.floor(Milliseconds / (24 * 3600 * 1000))
            //计算出小时数   
            var leave1 = Milliseconds % (24 * 3600 * 1000)    //计算天数后剩余的毫秒数  
            var hours = Math.floor(leave1 / (3600 * 1000))
            //计算相差分钟数  
            var leave2 = leave1 % (3600 * 1000)        //计算小时数后剩余的毫秒数  
            var minutes = Math.floor(leave2 / (60 * 1000))
            //计算相差秒数  
            var leave3 = leave2 % (60 * 1000)      //计算分钟数后剩余的毫秒数  
        
            var seconds = Math.round(leave3 / 1000)
            var ResultJson = {
                days: {
                    days: days >= 0 ? days : days + 1,
                    hours: hours >= 0 ? hours: hours + 1,
                    minutes: minutes >= 0 ? minutes : minutes + 1,
                    seconds: seconds >= 0 ? seconds: seconds + 1
                },
                Milliseconds: Milliseconds
            }; 
            let year=ResultJson.days.days+'天'+ this.p(ResultJson.days.hours)+':'+ this.p(ResultJson.days.minutes)+':'+ this.p(ResultJson.days.seconds)
           this.$emit('restimeyear',year);
            return year;

  },
   p(s) {
		return s < 10 ? '0' + s: s;
	},
    // 获取求解日志
  //获取历史数据每一条
  historydata(){
 let params = {
            transCode: "C00007",
            pid: this.pid,
             lesseeId: this.$store.getters.lesseeId
         
          };
           request(params)
        .then((res) => {
          console.log(res)
            })
  },
     // 心跳包
    reconnect() {
      var that = this;
      if (that.lockReconnect) return;
      that.lockReconnect = true;
      //没连接上会一直重连，设置延迟避免请求过多
      that.timeoutnum && clearTimeout(that.timeoutnum);
      that.timeoutnum = setTimeout(function () {
        //新连接
        that.getwebsocket();
        that.lockReconnect = false;
      }, 5000);
    },
    reset() {
      //重置心跳
      var that = this;
      clearTimeout(this.timeoutObj);
      clearTimeout(this.serverTimeoutObj);
      that.start();
    },
    start() {
      //开启心跳
      var self = this;
      self.timeoutObj && clearTimeout(self.timeoutObj);
      self.serverTimeoutObj && clearTimeout(self.serverTimeoutObj);
      self.timeoutObj = setTimeout(function () {
        //这里发送一个心跳，后端收到后，返回一个心跳消息
        if (self.websock.readyState == 1) {
          //如果连接正常
          self.websock.send("heartCheck");
        } else {
          //否则重连
          self.reconnect();
        }
        self.serverTimeoutObj = setTimeout(function () {
          // 超时关闭
          self.websock.close(); //如果onclose会执行reconnect，我们执行ws.close()就行了.如果直接执行reconnect 会触发onclose导致重连两次
        }, self.timeout);
      }, this.timeout);
    },
    // websocket
    getwebsocket() {
     // 初始化weosocket
     this.numlist=[];
      //const wsuri = "ws://192.168.0.43:8031/websocket?projectId="+this.pid;
        const wsuri = "ws://"+process.env.VUE_APP_BASE_websokt+"/eswebsocket?projectId="+this.pid;
      this.websock = new WebSocket(wsuri);
      this.websock.onmessage = this.websocketonmessage;
      this.websock.onopen = this.websocketonopen;
      this.websock.onerror = this.websocketonerror;
      this.websock.onclose = this.websocketclose;
   
    },
    websocketonopen(e) {
        this.start();    
      //连接建立之后执行send方法发送数据this.newlog();
      // if(this.lsolverState=='1'||this.numzhexian=='1'){
          
            // }
           // console.log(this.femstate);
            if(this.femstate==0){//判断状态为进行中
              this.$emit("exlodingfalse",true)
            }else{
             this.getLogs();
           this.historydata() 
            }
    },
    websocketonerror() {
      //连接建立失败重连
      this.websock.close();
        this.$emit("exlodingfalse",false);
          this.reconnect();
    },
    websocketonmessage(e) {
      //数据接收
        this.reset();
   try{
         const redata = JSON.parse(e.data);
              if(redata.type == "log"){
              //  this.$emit('getthislog',redata.value);//状态redata.stats+
                  let newoldSolver=redata.stats+redata.value;
                 this.$emit('getthislog',redata.value,newoldSolver);
              }
            }catch(error){
                return false;
            }
    },
    websocketsend(Data) {
      //数据发送
      this.websock.send(Data);
    },
    websocketclose(e) {
      //关闭
      // Message({
      //   type: "error",
      //   message: "websock断开连接",
      // });
  this.$emit("exlodingfalse",false)
      this.websock.close();
      
    },
       // 动画的开始
       // 动画
 // zoom
  zoomanimation(data) {
       let zoomparam= JSON.parse(data);
        this.animationobj.zoomarr=(zoomparam.zonename).split(",");
        console.log( this.animationobj.zoomarr);
  },
//拿到勾选数据
zoomList(data,index){
  console.log(this.checkList)
  console.log(data+index);

},     
loadonclick(){
this.hideZones=(this.checkList).toString()
this.bStepok("animation",'','')
},
        Startclick(){
             let that=this;
            this.countnum=Number(this.animationobj.firststep)-this.median;
            this.value1= Number(this.animationobj.currentstep);
            this.sign=='Start';
            this.lowbool=false;
            this.Quickbool=false;
            this.Startbool=true;
            that.signnum=true;
            that.numan=true;
            that.timesleep3(1000);
           },
   stepfun(){
        for(let i=0;i<=this.femSteplist.length-1;i++){
        if(this.femSteplist[i]==this.animationobj.currentstep){
          this.countnum=i;
        }
           }
   },
      timesleep(time){
       this.signnum=true;
          const sleep = (timeout= time)=>new Promise( (resolve, reject)=>{
                    setTimeout (resolve, timeout);
                    });
              let timer = async(timeout) => {
              for(let i=this.countnum;i<=this.femSteplist.length-1;i++){
                    if(this.signnum==true&&this.lowbool==true){   
                     await sleep(time);
                     this.jiekou(this.femSteplist[i]);
                }else{
                         break;
                }
              }
              }
              timer(time);
      },
        timesleep2(time){
       this.signnum=true;
          const sleep = (timeout= time)=>new Promise( (resolve, reject)=>{
                    setTimeout (resolve, timeout);
                    });
              let timer = async(timeout) => {
              for(let i=this.countnum;i<=this.femSteplist.length-1;i++){
                    if(this.signnum==true&&this.Quickbool==true){
                     await sleep(time);
                     this.jiekou(this.femSteplist[i]);
                }else{
                         break;
                }
              }
              }
              timer(time);
      },
        timesleep3(time){
       this.signnum=true;
          const sleep = (timeout= time)=>new Promise( (resolve, reject)=>{
                    setTimeout (resolve, timeout);
                    });
              let timer = async(timeout) => {
              for(let i=this.countnum;i<=this.femSteplist.length-1;i++){
                    if(this.signnum==true&&this.Startbool==true){
                     await sleep(time);
                     this.jiekou(this.femSteplist[i]);
                }else{
                         break;
                }
              }
              }
              timer(time);
      },
      //sliderchange
      sliderchange(val){
        this.animationobj.currentstep=val+"";
        this.value1=val;
         this.jiekou(this.animationobj.currentstep);
      },
        //Low/2
   lowclick(){
     let that=this;
     that.sign='Low';
      this.lowbool=true;
      this.Quickbool=false;
      this.Startbool=false;
      that.signnum=true;
      that.numan=true;
      that.timesleep(2000);

    //  }

   },
   Quickclick(){                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
     let that=this;
    that.sign='Quick';
      this.lowbool=false;
      this.Quickbool=true;
      this.Startbool=false;
       that.signnum=true;
         that.numan=true;
     that.timesleep2(100)
 
  
 
   },
  //上一个
  Lastclick(){
     let startstep=Number(this.animationobj.firststep)
    if(this.value1<=startstep){
   Message({
            type: "warning",
            message: "已经是最开始一张",
          });
    }else{
      console.log(this.median)
  this.animationobj.currentstep= (this.value1)-this.median;
  this.jiekou( this.animationobj.currentstep); 
    }
   
  },
  // 下一个
  Nextclick(){
    let  laststep=Number(this.animationobj.laststep)
    if(this.value1>=laststep){
   Message({
            type: "warning",
            message: "已经是最后一张",
          });
    }else{
  this.animationobj.currentstep= (this.value1)+this.median;
  console.log( this.animationobj.currentstep);
  this.jiekou( this.animationobj.currentstep); 
    }
  },
  // 点击一下循环，再点击一下停止备注记录长度在循环
    Playstop(){
      if(this.numan==false){
               if( this.sign=='Low'){
               this.lowclick()
                this.signnum=true;
             }else if(this.sign=='Quick'){
                  this.signnum=true;
               this.Quickclick();
             }else if(this.sign=='Start'){
              this.signnum=true;
               this.Startclick();
             }else{
             }
        }else{
             this.signnum=false;
           this.numan=false;
            // this.numan=true;
            
         
        }
    //  this.numan++;
    //     let flag = true;
    //        this.value1= Number(this.animationobj.currentstep);
    //       const sleep = (timeout=2000)=>new Promise( (resolve, reject)=>{
    //                 setTimeout (resolve, timeout);
    //                 });
    //                 console.log(this.value1+''+typeof this.value1)
    //           let timer = async(timeout) => {
    //           for(let i= this.countnum;i<=this.femSteplist.length;i++){
    //             if(this.numan%2==0){
    //                this.countnum++;
    //                if(i<this.femSteplist.length){
    //                    this.jiekou(this.femSteplist[i]);
    //                }else{
    //                      this.numan=1;
    //                      this.countnum=0;
    //                }    
    //             }else{
    //              flag = true;
    //              this.value1=Number(this.animationobj.currentstep);
    //               console.log("点击结束")
    //                    break;
    //             }
    //           await sleep(2000);
    //             }
    //           }
    //           timer(2000);
        
    },
    // 几何导入
    geometryup(){
          this.$parent.startimg("init",'geometryFileShow');
    },
  // 最后一张
  Endclick(){
  this.jiekou(this.animationobj.laststep); 
  },
  // 接口
      jiekou(step){
            this.value1=Number(step);
              let that=this;
             this.animationobj.currentstep=step+'';
        let params = {
            transCode: "AFT003",// 服务器渲染实例接口创建推流
            pid:this.project.projectId,
            solverConfigId: this.femsolverConfigid,
            animationType:this.animaval,
            step:this.animationobj.currentstep,
            isVolume:'',
          };
          this.loading = true;
          request(params)
            .then((res) => {
              this.$parent.chaild(res.img);
            })
            .catch((err) => {
            }); 
      },
         // 划分类型按钮
    Partitiontype(){
  if(this.meshval=='1'){
      this.objmesh.tetraParam=this.tetraParam1;
      this.objmesh.hexaParam=null;
      this.objmesh.hybridParam=null;
    }else if(this.meshval=='2'){
      this.objmesh.tetraParam=null;
      this.objmesh.hexaParam=this.hexaParam1;
      this.objmesh.hybridParam=null;
    }else if(this.meshval=='3'){
      this.objmesh.tetraParam=null;
      this.objmesh.hexaParam=null;
      this.objmesh.hybridParam=this.hybridParam1;
    }else{
      this.objmesh.tetraParam=null;
      this.objmesh.hexaParam=null;
      this.objmesh.hybridParam=null;
    }
    },
        checksetchange(val){
       console.log(val);
       let correct_surface_intersections=this.objmesh.surfParam2.correct_surface_intersections;
      if(correct_surface_intersections=='yes'){
        this.disabledset=true;
      this.objmesh.surfParam2.optimisation='no';
      }else{
         this.disabledset=false;
      }
    },
   facechange(){
     let that=this;
      if(this.facecheckbox){
  
        this.disabledface=false;
          this.objmesh.cleanerParam=this.cleanerParam1;
      }else{
        this.objmesh.cleanerParam=null;
        this.disabledface=true;
      }
   },
    jiegchange(){
  
     if(this.jiegradioval==true){
       this.objmesh.cleanerParam.overlap_angle=  this.cleanerParam1.overlap_angle
       this.objmesh.cleanerParam.resolution_length= this.cleanerParam1.resolution_length
       this.jiegdisabled=false;
     }else{
       this.jiegdisabled=true;
    
     }
   },
   //上传网格划分参数接口
   meshSplitok() {
     if(this.facecheckbox==false){
       this.objmesh.cleanerParam=null
     }else{
          this.objmesh.cleanerParam=this.cleanerParam1;
     if(this.jiegradioval==true){
         this.objmesh.cleanerParam.overlap_angle=  this.cleanerParam1.overlap_angle;
       this.objmesh.cleanerParam.resolution_length= this.cleanerParam1.resolution_length;
     }else{
     this.objmesh.cleanerParam.overlap_angle= '';
       this.objmesh.cleanerParam.resolution_length= '';
     }
      }
      console.log(this.objmesh);
      const params = {
        transCode: "AFT001",
        pid: this.project.projectId,
        solverConfigId:this.femsolverConfigid,
        action:"meshSplit",
        paramJson:JSON.stringify(this.objmesh),
      };
      request(params)
        .then((res) => {
          console.log(res);
        })
        .catch((err) => {});
    },
  },
   beforeDestroy() {
      if(this.websock!=null){
         this.websock.close();
    // 清除时间
    clearTimeout(this.timeoutObj);
    clearTimeout(this.serverTimeoutObj);
      }
  },
  destroyed() {
     if(this.websock!=null){
    this.websock.close();
    //this.websock=null;
    //console.log( this.websock.close());
    // 清除时间
    clearTimeout(this.timeoutObj);
    clearTimeout(this.serverTimeoutObj);
    console.log("关闭了websocket")
      }
  },
    watch: {
       'animationobj.currentstep' () {
       this.stepfun();
     },
       deep: true
}
  
}
</script>

<style>
.anbtn{
 padding: 5px 0;
}
.anbtn1 .anniu{
 padding: 5px 9px;
}
.anbtn .anniu{
   padding: 5px 0; 
}
.listbtn .el-slider__runway{
      margin: 9px 0;
}
.leading  .el-input__inner{
height: 30px;
line-height: 30px;
}
.timeanmiantion{
    display: flex;
    line-height:30px;
   
}
 .timeanmiantion ul{
    display: flex;
  padding-left: 20px;
      margin: 0;
}
 .timeanmiantion li{flex:1;}
 .timeanmiantion  span{ padding-left: 30px; }
</style>
<style lang="scss" scoped>
@import '@/styles/variables.scss';
@import '@/styles/mixin.scss';
  .el-dialog__wrapper{
          top: 20vh;
  }
.selecr {
  .el-form-item__label{
        font-size: 12px;
  }
}
.btnaniu{
  text-align: right;
}
.cj{
      height: 20px;
    line-height: 0px;
    font-size: 12px;
   padding: 10px 13px;
   
}
.text_content{
      flex: 1;
    text-align: center;
}
.el-form-item{
margin-bottom:5px !important;
}
.imgzong{
    padding-top: 4px;
    .radiocontent{
          display: flex;
    justify-content: center;
    align-items: center;
    }
      .listitem{
            width: auto;
            height:92px;
            margin: 5px;
            padding: 2px 6px 2px 2px;
   
  .el-image{
      width:18px;
      vertical-align: middle;

  }  
  span{
    font-size: 14px;
  }
     }
     .item2 {
         .el-image{
      margin: 0 19px;
      width:60px;
      vertical-align: middle;
      padding: 9px;

  }  
  span{
    display: block;
    text-align: center;
  }
     }
}
.classfelx{
 flex:1;
}
</style>