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"><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=='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"
     :style="styX"
    >
      <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=='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"
     :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-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"
     :style="styX"
    >
      <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"
     :style="styX"
    >
      <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"
     :style="styX"
    >
      <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"
     :style="styX"
    >
      <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"
     :style="styX"
    >
      <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"
     :style="styX"
    >
      <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-->
       <el-dialog  :visible.sync="dialog.contour_visiable" 
     v-if="active=='six2-0'"
    :modal='false'
    :close-on-click-modal="false"
    @close='activecleer()'
    custom-class='dialoglocation dialog_color'
     width="385px"
     :style="styX"
       >
            <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"
     :style="styX"
       >
            <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"
     :style="styX"
       >
            <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"
     :style="styX"
       >
            <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"
     :style="styX"
       >
            <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"
     :style="styX"
       >
            <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"
     :style="styX"
    >
        <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
                          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-if="active=='five9-0'"
    :modal='false'
    :close-on-click-modal="false"
    @close='activecleer()'
    custom-class='dialoglocation dialog_color'
     width="385px"
     :style="styX"
       >
            <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="line">
      <div class="linetext">动画</div>
    </div> 
     <div class="listbtn anbtn"> 
       <el-button plain class="anniu"  @click="animationclick('contour')">轮廓显示</el-button>
        <el-button plain class="anniu" @click="animationclick('line')">线</el-button>
        <el-button plain class="anniu" @click="animationclick('vector')">矢量</el-button>
          <el-button plain class="anniu" @click="animationclick('solidSurface')">实体表面</el-button>
      </div>
          <div class="yiinpu loadclass" >
             <el-button plain class="anniu">Lode</el-button>
             <el-progress :percentage="50" :stroke-width="5" ></el-progress>
 </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="line">
      <div class="linetext">通用场景</div>
    </div> 
     <div class="block1" style="dispaly:flex">
        <div class="listbtn"> 
       <el-button plain class="anniu">low</el-button>
         <el-slider v-model="value1" style="width:50%;margin: 0 10px 0 15px;"></el-slider>
        <el-button plain class="anniu">Quick</el-button>
      </div>
        <div class="listbtn anbtn"> 
       <el-button plain class="anniu">Start</el-button>
        <el-button plain class="anniu">Last</el-button>
        <el-button plain class="anniu">Play/stop</el-button>
          <el-button plain class="anniu">Next</el-button>
            <el-button plain class="anniu">End</el-button>
       
      </div>
      <div class="anbtn1">
        <div class="yiinpu">
    <el-form-item label="Interral" :label-width="formLabelWidth5">
      <el-input v-model="form.name" autocomplete="off"></el-input>
         <el-button plain class="anniu">Edit</el-button>
          <el-button plain class="anniu">apply</el-button>
    </el-form-item>
 </div>
         <div class="yiinpu">
    <el-form-item label="Scale Factor" :label-width="formLabelWidth5">
      <el-input v-model="form.name" autocomplete="off"></el-input>
         <el-button plain class="anniu">apply</el-button>
    </el-form-item>
 </div>
 </div>
        <div class='selecttype'>
        <span class="texttype">zoom</span>
          <ul>
      <li v-for="(item,key) in animationobj.zoomarr" :key="key">
        <span  class="zoomclass">{{item}}</span>
          <el-checkbox :label="item"  :key="item"  v-model="checked" @change="zoomList(item)">hide</el-checkbox>
      </li>
    </ul>
      </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 { number } from 'echarts/lib/export';

export default {
    components:{geometry,meshindex,result,toolindex,filesload,vueUploader,Addtabs},
    props:{
    femnum:String,
    logs:String,
    pid:String,
    },
  data() {
    return {
       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,
      femstate:-1,
        isVolume:"",
        outlineobj:{
       scalarName:'',
        range0:'',
        range1:'',
        leixing:'',
        level:'1',
        bmScalars:[],
        nameTypes:'',
        scalarmax:'',
     },
      femSteplist: [],
      femStep:'',
    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: 0,
      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:'',
      meshimport:[
           { icon:q4, titlie:'文件上传'},
          
        ],
      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,
              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:'接触体-接触对'},
        ],
        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)
               }
               console.log(this.parameterObj);
               console.log(this.parameterObj.dynamic.value);
      if(this.parameterObj.f_static.value==true){
        this.fenxval='0';
           console.log(this.parameterObj.f_static.value);
      }else if(this.parameterObj.eigenv.value=true){
               console.log(this.parameterObj.eigenv.value);
          this.fenxval='1';
      }else if(this.parameterObj.dynamic.value=true){
               console.log(this.parameterObj.dynamic.value);
        this.fenxval='3';
      }
      console.log(this.fenxval);
      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,
        }
        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);

}
 
},
// 获取轮廓数据的最大值和最小值
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:'',
                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;
if(tabindex=='2'){
  this.bStepok('ResultImport','');
}
   this.activecleer();
        },
        activecleer(){
          this.active=11;
        },
 //模块选择
  clickgeometry(e,index,key){
var e=e||window.Event
this.styX.left=e.clientX+'px';
    this.active=key;
    //console.log(key)
  switch(key){
 case 'one-0':
       this.dialog.fem_upload=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.dialog.an_Animation=true;
      break;
       case 'five6-0':
        this.femExe();
      break 
        case 'six0-0':
          this.setpnum();
         this.dialog.an_steps=true;
      break;
    
  }

  },
  // //选择step
femStepChange(val){
  this.Stepe=val;
   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.solverConfigid,
          };
           request(params)
        .then((res) => {
        let steps= res.steps.split(',');
        this.femSteplist=steps; 
            })
  }

},
 animationclick(val){
    switch(val){
       case 'contour':
         
        this.active='six2-0';
        this.dialog.contour_visiable = true;
      break;
       case 'line':
          this.active='six2-1';
        this.dialog.Line_visiable = true;
      break;
       case 'vector':
           this.active='six2-2';
       this.dialog.Vector_visiable = true;
      break;
       case 'solidSurface':
         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)
            })
  },
    // 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) {
          
      //连接建立之后执行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)
    },
    websocketonmessage(e) {
      //数据接收
       console.log(e);
   try{
         const redata = JSON.parse(e.data);
              if(redata.type == "log"){
                this.$emit('getthislog',redata.stats+redata.value);
              }
            }catch(error){
                return false;
            }
    },
    websocketsend(Data) {
      //数据发送
      this.websock.send(Data);
    },
    websocketclose(e) {
      //关闭
      Message({
        type: "error",
        message: "websock断开连接",
      });
  this.$emit("exlodingfalse",false)
      this.websock.close();
      
    },
  }
  
}
</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';
.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>