//几何与属性
<template>
  <div class="imgzong">
          <div class="item1"  v-for="(item,index) in jhlist"  :key="'w1-'+ index"  :class="{activeOrange:active=='w1-'+ index}" @click="clickclass(index,'w1-'+ index)">
                     <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                         <el-image :src="item.img" fit="cover" /> 
                    </el-tooltip>
                 </div>
                  <span class="shu">|</span>
                          <div class="item1"  v-for="(item,index) in jhjielist"  :key="'w2-'+ index" :class="{activeOrange:active=='w2-'+ index}" @click="clickclass(index,'w2-'+ index)">
                     <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                         <el-image :src="item.img" fit="cover" /> 
                    </el-tooltip>
                 </div>
                  <span class="shu">|</span>
                            <div class="item1"  v-for="(item,index) in jhlist3"  :key="'w3-'+ index" :class="{activeOrange:active=='w3-'+ index}" @click="clickclass(index,'w3-'+ index)">
                     <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                         <el-image :src="item.img" fit="cover" /> 
                    </el-tooltip>
                 </div>
                  <span class="shu">|</span>
                    <div class="item1"  v-for="(item,index) in jhlist4"  :key="'w4-'+ index" :class="{activeOrange:active=='w4-'+ index}" @click="clickclass(index,'w4-'+ index)">
                     <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                         <el-image :src="item.img" fit="cover" /> 
                    </el-tooltip>
                 </div>
                  <span class="shu">|</span>
                    <div class="item1"  v-for="(item,index) in jhlist5"  :key="'w5-'+ index" :class="{activeOrange:active=='w5-'+ index}" @click="clickclass(index,'w5-'+ index)">
                     <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                         <el-image :src="item.img" fit="cover" /> 
                    </el-tooltip>
                 </div>
                  <span class="shu">|</span>
                    <div class="item1"  v-for="(item,index) in jhlist6"  :key="'w6-'+ index" :class="{activeOrange:active=='w6-'+ index}" @click="clickclass(index,'w6-'+ index)">
                     <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                         <el-image :src="item.img" fit="cover" /> 
                    </el-tooltip>
                 </div>
                  <span class="shu">|</span>
                    <div class="item1"  v-for="(item,index) in jhlist7"  :key="'w7-'+ index" :class="{activeOrange:active=='w7-'+ index}" @click="clickclass(index,'w7-'+ index)">
                     <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
                         <el-image :src="item.img" fit="cover" /> 
                    </el-tooltip>
                 </div>
    <!-- 弹框 -->
<!--桁架  -->
<el-dialog
  :visible.sync="dialog.dialoghengj "
    v-if="active=='w1-0'"
  :modal='false'
  custom-class='dialoglocation dialog_color'
   width="385px"
  :close-on-click-modal='false'
 >
  <div slot="title" class=dialog_header>
     <el-image :src="jh" fit="cover" />
     <span>桁架</span>
  </div>
     <div class="selecr heigeinput ">
     <el-form>
             <el-form-item label="名称" :label-width="formLabelWidth">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
     <el-form-item label="类型" :label-width="formLabelWidth">
      <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="formLabelWidth">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
        <div class="line">
      <div class="linetext">触发器</div>
    </div> 
     <el-button plain class="anniu" style="margin:0 0 10px 20px">触发器</el-button>
      <div class="heigeinput liangf">
       <el-form-item label="长度" :label-width="formLabelWidth">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
     <el-form-item label="表格" :label-width="formLabelWidth">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
   </div>
     <div class="line">
      <div class="linetext">接触半径</div>
    </div> 
        <el-form-item label="接触半径" :label-width="formLabelWidth">
      <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-select  @change="changest" v-model="hjval"  placeholder="请选择">
    <el-option
      v-for="item in hjlist"
      :key="item.value"
      :label="item.name"
      :value="item.value"
      >
    </el-option>
  </el-select>
 </el-form-item>
 <div class="titleinput">
 <div class="line">
      <div class="linetext">对象操作</div>
    </div> 
    <div class="itemlist"   >
           <el-row>
             <span class="text_btn">单元</span>
   <el-button plain  >添加</el-button>
    <el-button plain >删除</el-button>
    </el-row>
    <el-form-item class="sinput"  :label-width="formLabelWidth0">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
    </div>
    <div class="itemlist"   >
           <el-row>
             <span class="text_btn">线体</span>
   <el-button plain  >添加</el-button>
    <el-button plain >删除</el-button>
    </el-row>
    <el-form-item class="sinput"  :label-width="formLabelWidth0">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>

    </div>
    </div>
<div class="listbtn">
   <el-image :src="jh" class="toolbtn" fit="cover" />
   <el-image :src="jh2" class="toolbtn" fit="cover" />
   <el-image :src="jh3" class="toolbtn" fit="cover" />
   <el-image :src="jh4" class="toolbtn"  fit="cover" />
   <el-image :src="jh5" class="toolbtn" fit="cover" />
   <el-image :src="jh6" class="toolbtn" fit="cover" />

    </div>
   </el-form>
     </div>
  <span slot="footer" class="dialog-footer">
    <el-button @click="dialog.dialoghengj  = false">取 消</el-button>
    <el-button type="primary" @click="dialog.dialoghengj  = false">OK</el-button>
  </span>
</el-dialog>
<!-- 空心横截面 -->

<el-dialog
  :visible.sync="dialog.dialogface "
  v-if="active=='w1-1'"
  :modal='false'
  custom-class='dialoglocation dialog_color'
   width="385px"
  :close-on-click-modal='false'
 >
  <div slot="title" class=dialog_header>
     <el-image :src="jh" fit="cover" />
     <span>空心横截面</span>
  </div>
     <div class="selecr heigeinput ">
     <el-form>
             <el-form-item label="名称" :label-width="formLabelWidth">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
     <el-form-item label="类型" :label-width="formLabelWidth">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
         <div class="line">
      <div class="linetext">横截面</div>
    </div> 
       <el-button v-for="(item,index) in btnlist" :key="index" @click="btnlistclick(index)" :class="{activebtnstyley:activebtn==index}" plain class="anniu" style="margin:0 0 10px 20px">{{item.name}}</el-button>
         
      <div class="heigeinput liangf" v-if="activebtn=='0'">
       <el-form-item label="半径" :label-width="formLabelWidth">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
     <el-form-item label="壁厚" :label-width="formLabelWidth">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
      </div>
      <div class="heigeinput liangf" v-else>
      <el-input v-model="form.name" autocomplete="off"></el-input>
    <el-button plain class="anniu" style="margin:0 0 10px 20px" @click="dialog.dialogliang=true;">请选择已定义梁截面</el-button>
      </div>
        <div class="line">
      <div class="linetext">矢量定义局部坐标X轴</div>
    </div> 
      <div class="heigeinput liangf">
       <el-form-item label="X" :label-width="formLabelWidth4">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
     <el-form-item label="Y" :label-width="formLabelWidth4">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
      <el-form-item label="Z" :label-width="formLabelWidth4">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
   </div>
     <div class="line">
      <div class="linetext">接触半径</div>
    </div> 
        <el-form-item label="接触半径" :label-width="formLabelWidth">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
     <div class="line">
      <div class="linetext">梁接触</div>
    </div> 
     <el-button plain class="anniu" style="margin:0 0 10px 20px" @click="dialog.dialogbridge=true">梁偏置</el-button>
       <div class="line">
      <div class="linetext">单元</div>
    </div> 
    <el-form-item label="单元类型" :label-width="formLabelWidth2">
      <el-select  @change="changest" v-model="hjval"  placeholder="请选择">
    <el-option
      v-for="item in hjlist"
      :key="item.value"
      :label="item.name"
      :value="item.value"
      >
    </el-option>
  </el-select>
 </el-form-item>
 <div class="titleinput">
 <div class="line">
      <div class="linetext">对象操作</div>
    </div> 
    <div class="itemlist"   >
           <el-row>
             <span class="text_btn">单元</span>
   <el-button plain  >添加</el-button>
    <el-button plain >删除</el-button>
    </el-row>
    <el-form-item class="sinput"  :label-width="formLabelWidth0">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
    </div>
    <div class="itemlist"   >
           <el-row>
             <span class="text_btn">线体</span>
   <el-button plain  >添加</el-button>
    <el-button plain >删除</el-button>
    </el-row>
    <el-form-item class="sinput"  :label-width="formLabelWidth0">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>

    </div>
    </div>
<div class="listbtn">
   <el-image :src="jh" class="toolbtn" fit="cover" />
   <el-image :src="jh2" class="toolbtn" fit="cover" />
   <el-image :src="jh3" class="toolbtn" fit="cover" />
   <el-image :src="jh4" class="toolbtn"  fit="cover" />
   <el-image :src="jh5" class="toolbtn" fit="cover" />
   <el-image :src="jh6" class="toolbtn" fit="cover" />

    </div>
   </el-form>
     </div>
  <span slot="footer" class="dialog-footer">
    <el-button @click="dialog.dialogface  = false">取 消</el-button>
    <el-button type="primary" @click="dialog.dialogface  = false">OK</el-button>
  </span>
</el-dialog>
<!-- 当前定义的截面梁 -->

<el-dialog
v-if="dialog.dialogliang"
  :visible.sync="dialog.dialogliang "
  :modal-append-to-body='true'
  custom-class='dialog_color'
   width="385px"
  :close-on-click-modal='false'
 >
  <div slot="title" class=dialog_header>
     <el-image :src="jh" fit="cover" />
     <span>当前定义的截面梁</span>
  </div>
     <div class="selecr heigeinput ">
     <el-form>
           <div class="checkedlist">
          <div class="tiele_content">
            <el-checkbox v-model="checked">截面梁1</el-checkbox>
            <el-checkbox v-model="checked">截面梁2</el-checkbox>
            <el-checkbox v-model="checked">截面梁3</el-checkbox>
          <el-checkbox v-model="checked">截面梁4</el-checkbox>
          <el-checkbox v-model="checked">截面梁5</el-checkbox>
            <el-checkbox v-model="checked">截面梁6</el-checkbox>
            <el-checkbox v-model="checked">截面梁7</el-checkbox>
            <el-checkbox v-model="checked">截面梁8</el-checkbox>
          <el-checkbox v-model="checked">截面梁9</el-checkbox>
          <el-checkbox v-model="checked">截面梁10</el-checkbox>
          <el-checkbox v-model="checked">截面梁3</el-checkbox>
          <el-checkbox v-model="checked">截面梁4</el-checkbox>
          </div>
        </div>
   </el-form>
     </div>
  <span slot="footer" class="dialog-footer">
    <el-button type="primary" @click="dialog.dialogliang  = false">OK</el-button>
  </span>
</el-dialog>
<!-- 梁偏置 -->

<el-dialog
v-if="dialog.dialogbridge"
  :visible.sync="dialog.dialogbridge "
  :modal-append-to-body='true'
  custom-class='dialog_color'
   width="385px"
  :close-on-click-modal='false'
 >
  <div slot="title" class=dialog_header>
     <el-image :src="jh" fit="cover" />
     <span>当前定义的截面梁</span>
  </div>
     <div class="selecr heigeinput ">
     <el-form>
        <p class="text_content text_color">在节点1的偏移矢量</p>
         <el-radio-group v-model="radio" class="radio_content">
    <el-radio :label="3">全局</el-radio>
    <el-radio :label="6">局部（壳）</el-radio>
      <el-radio :label="9">局部（梁）</el-radio>
    <el-radio :label="12">局部（节点）</el-radio>
  </el-radio-group>
  <div class="heigeinput liangf" v-if="radio!=6">
       <el-form-item label="X" :label-width="formLabelWidth4">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
     <el-form-item label="Y" :label-width="formLabelWidth4">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
      <el-form-item label="Z" :label-width="formLabelWidth4">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
   </div>
   <div v-else>
      <el-form-item label="X" :label-width="formLabelWidth4">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
   </div>
         <p class="text_content text_color">在节点2的偏移矢量</p>
         <el-radio-group v-model="radio" class="radio_content">
    <el-radio :label="3">全局</el-radio>
    <el-radio :label="6">局部（壳）</el-radio>
      <el-radio :label="9">局部（梁）</el-radio>
    <el-radio :label="12">局部（节点）</el-radio>
  </el-radio-group>
  <div class="heigeinput liangf" v-if="radio!=6">
       <el-form-item label="X" :label-width="formLabelWidth4">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
     <el-form-item label="Y" :label-width="formLabelWidth4">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
      <el-form-item label="Z" :label-width="formLabelWidth4">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
   </div>
   <div v-else>
      <el-form-item label="X" :label-width="formLabelWidth4">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
   </div>
   <el-checkbox v-model="checked">插值到高阶梁</el-checkbox>
   </el-form>
     </div>
  <span slot="footer" class="dialog-footer">
     <el-button type="primary" @click="dialog.dialogbridge  = false">清除</el-button>
    <el-button type="primary" @click="dialog.dialogbridge  = false">OK</el-button>
  </span>
</el-dialog>
<!-- 剪切板 -->

<el-dialog
  v-if="active=='w1-2'"
 :visible.sync="dialog.dialogplate" 
  :modal='false'
  custom-class='dialoglocation dialog_color'
   width="385px"
  :close-on-click-modal='false'
 >
  <div slot="title" class=dialog_header>
     <el-image :src="jh" fit="cover" />
     <span>剪切板</span>
  </div>
     <div class="selecr heigeinput ">
     <el-form>
         <el-form-item label="名称" :label-width="formLabelWidth">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
     <el-form-item label="类型" :label-width="formLabelWidth">
      <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="formLabelWidth">
      <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="formLabelWidth">
      <el-select  @change="changest" v-model="hjval2"  placeholder="请选择">
    <el-option
      v-for="item in hjlist2"
      :key="item.value"
      :label="item.name"
      :value="item.value"
      >
    </el-option>
  </el-select>
 </el-form-item>
       <div class="titleinput">
 <div class="line">
      <div class="linetext">对象操作</div>
    </div> 
    <div class="itemlist"   >
           <el-row>
             <span class="text_btn">单元</span>
   <el-button plain  >添加</el-button>
    <el-button plain >删除</el-button>
    </el-row>
    <el-form-item class="sinput"  :label-width="formLabelWidth0">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
    </div>
    <div class="itemlist"   >
           <el-row>
             <span class="text_btn">曲面</span>
   <el-button plain  >添加</el-button>
    <el-button plain >删除</el-button>
    </el-row>
    <el-form-item class="sinput"  :label-width="formLabelWidth0">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
    </div>
     <div class="itemlist"   >
           <el-row>
             <span class="text_btn">片体</span>
   <el-button plain  >添加</el-button>
    <el-button plain >删除</el-button>
    </el-row>
    <el-form-item class="sinput"  :label-width="formLabelWidth0">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
    </div>
    </div>
<div class="listbtn">
   <el-image :src="jh" class="toolbtn" fit="cover" />
   <el-image :src="jh2" class="toolbtn" fit="cover" />
   <el-image :src="jh3" class="toolbtn" fit="cover" />
   <el-image :src="jh4" class="toolbtn"  fit="cover" />
   <el-image :src="jh5" class="toolbtn" fit="cover" />
   <el-image :src="jh6" class="toolbtn" fit="cover" />

    </div>    
   </el-form>
     </div>
  <span slot="footer" class="dialog-footer">
    <el-button @click="dialog.dialogplate  = false">取 消</el-button>
    <el-button type="primary" @click="dialog.dialogplate = false">OK</el-button>
  </span>
</el-dialog>
<!-- 实体复合材料 -->

<el-dialog
  v-if="active=='w1-3'"
 :visible.sync="dialog.dialogpap" 
  :modal='false'
  custom-class='dialoglocation dialog_color'
   width="385px"
  :close-on-click-modal='false'
 >
  <div slot="title" class=dialog_header>
     <el-image :src="jh" fit="cover" />
     <span>实体复合材料</span>
  </div>
     <div class="selecr heigeinput ">
     <el-form>
       <el-form-item label="名称" :label-width="formLabelWidth">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
     <el-form-item label="类型" :label-width="formLabelWidth">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
        <div class="line">
      <div class="linetext">厚度</div>
    </div>     
     <el-radio-group v-model="radio" class="radioyi" >
    <el-radio :label="3">单元面4(1-2-3-4）到单元面5(5-6-7-8）</el-radio>
    <el-radio :label="6">单元面3(1-4-8-5）到单元面1(2-3-7-6）</el-radio>
      <el-radio :label="9">单元面0(1-5-6-2）到单元面2(4-8-7-3）</el-radio>
  </el-radio-group>  
   <div class="line">
      <div class="linetext">单元设定</div>
    </div>  
    <div class="liangf">
       <el-checkbox v-model="checked">等温</el-checkbox>
    <el-checkbox v-model="checked">订膨胀</el-checkbox>
    </div>
           <div class="line">
      <div class="linetext">单元</div>
    </div> 
    <el-form-item label="单元类型" :label-width="formLabelWidth">
      <el-select  @change="changest" v-model="hjval3"  placeholder="请选择">
    <el-option
      v-for="item in hjlist3"
      :key="item.value"
      :label="item.name"
      :value="item.value"
      >
    </el-option>
  </el-select>
 </el-form-item>
      <div class="titleinput">
 <div class="line">
      <div class="linetext">对象操作</div>
    </div> 
    <div class="itemlist"   >
           <el-row>
             <span class="text_btn">单元</span>
   <el-button plain  >添加</el-button>
    <el-button plain >删除</el-button>
    </el-row>
    <el-form-item class="sinput"  :label-width="formLabelWidth0">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
    </div>
    <div class="itemlist"   >
           <el-row>
             <span class="text_btn">实体</span>
   <el-button plain  >添加</el-button>
    <el-button plain >删除</el-button>
    </el-row>
    <el-form-item class="sinput"  :label-width="formLabelWidth0">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
    </div>
    </div>
<div class="listbtn">
   <el-image :src="jh" class="toolbtn" fit="cover" />
   <el-image :src="jh2" class="toolbtn" fit="cover" />
   <el-image :src="jh3" class="toolbtn" fit="cover" />
   <el-image :src="jh4" class="toolbtn"  fit="cover" />
   <el-image :src="jh5" class="toolbtn" fit="cover" />
   <el-image :src="jh6" class="toolbtn" fit="cover" />
    </div>    
   </el-form>
     </div>
  <span slot="footer" class="dialog-footer">
    <el-button @click="dialog.dialogpap  = false">取 消</el-button>
    <el-button type="primary" @click="dialog.dialogpap = false">OK</el-button>
  </span>
</el-dialog>
<!-- 缆索 -->

<el-dialog
  v-if="active=='w1-4'"
 :visible.sync="dialog.dialoghawser" 
  :modal='false'
  custom-class='dialoglocation dialog_color'
   width="385px"
  :close-on-click-modal='false'
 >
  <div slot="title" class=dialog_header>
     <el-image :src="jh" fit="cover" />
     <span>缆索</span>
  </div>
     <div class="selecr heigeinput ">
     <el-form>
            <el-form-item label="名称" :label-width="formLabelWidth">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
     <el-form-item label="类型" :label-width="formLabelWidth">
      <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="formLabelWidth">
      <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="formLabelWidth">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>  
      <el-form-item label="初始应力" :label-width="formLabelWidth">
      <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="formLabelWidth">
      <el-select  @change="changest" v-model="hjval4"  placeholder="请选择">
    <el-option
      v-for="item in hjlist4"
      :key="item.value"
      :label="item.name"
      :value="item.value"
      >
    </el-option>
  </el-select>
 </el-form-item>
      <div class="titleinput">
 <div class="line">
      <div class="linetext">对象操作</div>
    </div> 
    <div class="itemlist"   >
           <el-row>
             <span class="text_btn">单元</span>
   <el-button plain  >添加</el-button>
    <el-button plain >删除</el-button>
    </el-row>
    <el-form-item class="sinput"  :label-width="formLabelWidth0">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
    </div>
    <div class="itemlist"   >
           <el-row>
             <span class="text_btn">线体</span>
   <el-button plain  >添加</el-button>
    <el-button plain >删除</el-button>
    </el-row>
    <el-form-item class="sinput"  :label-width="formLabelWidth0">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
    </div>
    </div>
<div class="listbtn">
   <el-image :src="jh" class="toolbtn" fit="cover" />
   <el-image :src="jh2" class="toolbtn" fit="cover" />
   <el-image :src="jh3" class="toolbtn" fit="cover" />
   <el-image :src="jh4" class="toolbtn"  fit="cover" />
   <el-image :src="jh5" class="toolbtn" fit="cover" />
   <el-image :src="jh6" class="toolbtn" fit="cover" />
    </div>    
   </el-form>
     </div>
  <span slot="footer" class="dialog-footer">
    <el-button @click="dialog.dialoghawser  = false">取 消</el-button>
    <el-button type="primary" @click="dialog.dialoghawser = false">OK</el-button>
  </span>
</el-dialog>
<!-- 弯管 -->

<el-dialog
  v-if="active=='w1-5'"
 :visible.sync="dialog.dialoghawser" 
  :modal='false'
  custom-class='dialoglocation dialog_color'
   width="385px"
  :close-on-click-modal='false'
 >
  <div slot="title" class=dialog_header>
     <el-image :src="jh" fit="cover" />
     <span>弯管</span>
  </div>
     <div class="selecr heigeinput ">
     <el-form>
            <el-form-item label="名称" :label-width="formLabelWidth">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
     <el-form-item label="类型" :label-width="formLabelWidth">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>   
     <div class="line">
      <div class="linetext">横面积</div>
    </div>  
     <el-button v-for="(item,index) in btnlist" :key="index" @click="btnlistclick(index)" :class="{activebtnstyley:activebtn==index}" plain class="anniu" style="margin:0 0 10px 20px">{{item.name}}</el-button>
         
      <div class="heigeinput liangf" v-if="activebtn=='0'">
       <el-form-item label="半径" :label-width="formLabelWidth">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
     <el-form-item label="壁厚" :label-width="formLabelWidth">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
      </div>
      <div v-else>
            <el-form-item label="截面积" :label-width="formLabelWidth7">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
     <el-form-item label="惯性矩lxx" :label-width="formLabelWidth7">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
     <el-form-item label="惯性矩lyy" :label-width="formLabelWidth7">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
     <el-form-item label="扭转刚度系数" :label-width="formLabelWidth7">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
     <el-form-item label="有效横向剪切面积Ax" :label-width="formLabelWidth7">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
     <el-form-item label="有效横向剪切面积Ay" :label-width="formLabelWidth7">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
      </div>
              <div class="line">
      <div class="linetext">单元形状</div>
    </div> 
    <el-button v-for="(item,index) in btnlist2" :key="'dy-'+index" @click="blistclick(index)" :class="{activebtnstyley:activeb=='dy-'+index}" plain class="anniu" style="margin:0 0 10px 20px">{{item.name}}</el-button>
       <div>
          <el-form-item  v-if="activeb=='0'" label=" 弯曲半径" :label-width="formLabelWidth4">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
      <p v-else class="text_color">矢量定于局部坐标系X轴</p>
       <div class="heigeinput liangf" >
       <el-form-item label="X" :label-width="formLabelWidth4">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
     <el-form-item label="Y" :label-width="formLabelWidth4">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
      <el-form-item label="Z" :label-width="formLabelWidth4">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
   </div>
     </div>

  <div class="line">
      <div class="linetext">单元</div>
    </div> 
    <el-form-item label="单元类型" :label-width="formLabelWidth">
      <el-select  @change="changest" v-model="hjval4"  placeholder="请选择">
    <el-option
      v-for="item in hjlist4"
      :key="item.value"
      :label="item.name"
      :value="item.value"
      >
    </el-option>
  </el-select>
 </el-form-item>
      <div class="titleinput">
 <div class="line">
      <div class="linetext">对象操作</div>
    </div> 
    <div class="itemlist"   >
           <el-row>
             <span class="text_btn">单元</span>
   <el-button plain  >添加</el-button>
    <el-button plain >删除</el-button>
    </el-row>
    <el-form-item class="sinput"  :label-width="formLabelWidth0">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
    </div>
    <div class="itemlist"   >
           <el-row>
             <span class="text_btn">线体</span>
   <el-button plain  >添加</el-button>
    <el-button plain >删除</el-button>
    </el-row>
    <el-form-item class="sinput"  :label-width="formLabelWidth0">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
    </div>
    </div>
<div class="listbtn">
   <el-image :src="jh" class="toolbtn" fit="cover" />
   <el-image :src="jh2" class="toolbtn" fit="cover" />
   <el-image :src="jh3" class="toolbtn" fit="cover" />
   <el-image :src="jh4" class="toolbtn"  fit="cover" />
   <el-image :src="jh5" class="toolbtn" fit="cover" />
   <el-image :src="jh6" class="toolbtn" fit="cover" />
    </div>    
   </el-form>
     </div>
  <span slot="footer" class="dialog-footer">
    <el-button @click="dialog.dialoghawser  = false">取 消</el-button>
    <el-button type="primary" @click="dialog.dialoghawser = false">OK</el-button>
  </span>
</el-dialog>
<!-- 壳 -->

<el-dialog
  v-if="active=='w1-6'"
 :visible.sync="dialog.dialogShell" 
  :modal='false'
  custom-class='dialoglocation dialog_color'
   width="385px"
  :close-on-click-modal='false'
 >
  <div slot="title" class=dialog_header>
     <el-image :src="jh" fit="cover" />
     <span>壳</span>
  </div>
     <div class="selecr heigeinput ">
     <el-form>
            <el-form-item label="名称" :label-width="formLabelWidth">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
     <el-form-item label="类型" :label-width="formLabelWidth">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>   
     <div class="line">
      <div class="linetext">壳厚度</div>
    </div> 
      <el-button v-for="(item,index) in btnlist3" :key="index" @click="blistclick(index)" :class="{activebtnstyley:activeb==index}" plain class="anniu" style="margin:0 0 10px 20px">{{item.name}}</el-button> 
         <el-form-item label="厚度" :label-width="formLabelWidth" v-if="activeb=='0'">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>  
    <div v-else>
       <el-form-item label="第1节点厚度" :label-width="formLabelWidth6">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item> 
     <el-form-item label="第2节点厚度" :label-width="formLabelWidth6">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item> 
     <el-form-item label="第3节点厚度" :label-width="formLabelWidth6">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item> 
     <el-form-item label="第4节点厚度" :label-width="formLabelWidth6">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item> 
    </div>
    <div class="line">
      <div class="linetext">附加特征</div>
    </div>  
      <el-form-item label="长度" :label-width="formLabelWidth">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>  
      <el-form-item label="初始应力" :label-width="formLabelWidth">
      <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="formLabelWidth">
      <el-select  @change="changest" v-model="hjval5"  placeholder="请选择">
    <el-option
      v-for="item in hjlist5"
      :key="item.value"
      :label="item.name"
      :value="item.value"
      >
    </el-option>
  </el-select>
 </el-form-item>
      <div class="titleinput">
 <div class="line">
      <div class="linetext">对象操作</div>
    </div> 
    <div class="itemlist"   >
           <el-row>
             <span class="text_btn">单元</span>
   <el-button plain  >添加</el-button>
    <el-button plain >删除</el-button>
    </el-row>
    <el-form-item class="sinput"  :label-width="formLabelWidth0">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
    </div>
    <div class="itemlist"   >
           <el-row>
             <span class="text_btn">线体</span>
   <el-button plain  >添加</el-button>
    <el-button plain >删除</el-button>
    </el-row>
    <el-form-item class="sinput"  :label-width="formLabelWidth0">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
    </div>
    </div>
<div class="listbtn">
   <el-image :src="jh" class="toolbtn" fit="cover" />
   <el-image :src="jh2" class="toolbtn" fit="cover" />
   <el-image :src="jh3" class="toolbtn" fit="cover" />
   <el-image :src="jh4" class="toolbtn"  fit="cover" />
   <el-image :src="jh5" class="toolbtn" fit="cover" />
   <el-image :src="jh6" class="toolbtn" fit="cover" />
    </div>    
   </el-form>
     </div>
  <span slot="footer" class="dialog-footer">
    <el-button @click="dialog.dialogShell  = false">取 消</el-button>
    <el-button type="primary" @click="dialog.dialogShell = false">OK</el-button>
  </span>
</el-dialog>
<!-- 实心心横截面 -->

<el-dialog
  :visible.sync="dialog.dialogsolid "
  v-if="active=='w1-7'"
  :modal='false'
  custom-class='dialoglocation dialog_color'
   width="385px"
  :close-on-click-modal='false'
 >
  <div slot="title" class=dialog_header>
     <el-image :src="jh" fit="cover" />
     <span>实心截面梁</span>
  </div>
     <div class="selecr heigeinput ">
     <el-form>
             <el-form-item label="名称" :label-width="formLabelWidth">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
     <el-form-item label="类型" :label-width="formLabelWidth">
      <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="惯性矩lxx" :label-width="formLabelWidth2">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
          <el-form-item label="惯性矩lyy" :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-button plain class="anniu" style="margin:0 0 10px 20px" @click="qitaclick('0')">其它截面</el-button>
    <el-form-item label="扭转刚度系数"  :label-width="formLabelWidth7">
      <el-input v-model="form.name" :disabled="qival=='0'? false:true"  autocomplete="off"></el-input>
    </el-form-item>
     <el-form-item label="有效横向剪切面积Ax" :label-width="formLabelWidth7">
      <el-input v-model="form.name" :disabled="qival=='0'? false:true"  autocomplete="off"></el-input>
    </el-form-item>
          <el-form-item label="有效横向剪切面积Ay" :label-width="formLabelWidth7">
      <el-input v-model="form.name" :disabled="qival=='0'? false:true"  autocomplete="off"></el-input>
    </el-form-item>
        <div class="line">
      <div class="linetext">矢量定义局部坐标X轴</div>
    </div> 
      <div class="heigeinput liangf">
       <el-form-item label="X" :label-width="formLabelWidth4">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
     <el-form-item label="Y" :label-width="formLabelWidth4">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
      <el-form-item label="Z" :label-width="formLabelWidth4">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
   </div>
     <div class="line">
      <div class="linetext">梁接触</div>
    </div> 
        <el-form-item label="梁接触" :label-width="formLabelWidth">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
     <div class="line">
      <div class="linetext">梁偏置</div>
    </div> 
     <el-button plain class="anniu" style="margin:0 0 10px 20px" @click="dialog.dialogbridge=true">梁偏置</el-button>
       <div class="line">
      <div class="linetext">单元</div>
    </div> 
    <el-form-item label="单元类型" :label-width="formLabelWidth2">
      <el-select  @change="changest" v-model="hjval"  placeholder="请选择">
    <el-option
      v-for="item in hjlist"
      :key="item.value"
      :label="item.name"
      :value="item.value"
      >
    </el-option>
  </el-select>
 </el-form-item>
 <div class="titleinput">
 <div class="line">
      <div class="linetext">对象操作</div>
    </div> 
    <div class="itemlist"   >
           <el-row>
             <span class="text_btn">单元</span>
   <el-button plain  >添加</el-button>
    <el-button plain >删除</el-button>
    </el-row>
    <el-form-item class="sinput"  :label-width="formLabelWidth0">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
    </div>
    <div class="itemlist"   >
           <el-row>
             <span class="text_btn">线体</span>
   <el-button plain  >添加</el-button>
    <el-button plain >删除</el-button>
    </el-row>
    <el-form-item class="sinput"  :label-width="formLabelWidth0">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>

    </div>
    </div>
<div class="listbtn">
   <el-image :src="jh" class="toolbtn" fit="cover" />
   <el-image :src="jh2" class="toolbtn" fit="cover" />
   <el-image :src="jh3" class="toolbtn" fit="cover" />
   <el-image :src="jh4" class="toolbtn"  fit="cover" />
   <el-image :src="jh5" class="toolbtn" fit="cover" />
   <el-image :src="jh6" class="toolbtn" fit="cover" />

    </div>
   </el-form>
     </div>
  <span slot="footer" class="dialog-footer">
    <el-button @click="dialog.dialogsolid  = false">取 消</el-button>
    <el-button type="primary" @click="dialog.dialogsolid  = false">OK</el-button>
  </span>
</el-dialog>
<!-- 壳 -->

<el-dialog
  v-if="active=='w1-8'"
 :visible.sync="dialog.dialogthin" 
  :modal='false'
  custom-class='dialoglocation dialog_color'
   width="385px"
  :close-on-click-modal='false'
 >
  <div slot="title" class=dialog_header>
     <el-image :src="jh" fit="cover" />
     <span>薄膜</span>
  </div>
     <div class="selecr heigeinput ">
     <el-form>
            <el-form-item label="名称" :label-width="formLabelWidth">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
     <el-form-item label="类型" :label-width="formLabelWidth">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>   
     <div class="line">
      <div class="linetext">薄膜</div>
    </div> 
      <el-button v-for="(item,index) in btnlist3" :key="index" @click="blistclick(index)" :class="{activebtnstyley:activeb==index}" plain class="anniu" style="margin:0 0 10px 20px">{{item.name}}</el-button> 
         <el-form-item label="厚度" :label-width="formLabelWidth" v-if="activeb=='0'">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>  
    <div v-else>
       <el-form-item label="第1节点厚度" :label-width="formLabelWidth6">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item> 
     <el-form-item label="第2节点厚度" :label-width="formLabelWidth6">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item> 
     <el-form-item label="第3节点厚度" :label-width="formLabelWidth6">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item> 
     <el-form-item label="第4节点厚度" :label-width="formLabelWidth6">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item> 
    </div>
         <div class="line">
      <div class="linetext">单元</div>
    </div> 
    <el-form-item label="单元类型" :label-width="formLabelWidth">
      <el-select  @change="changest" v-model="hjval6"  placeholder="请选择">
    <el-option
      v-for="item in hjlist6"
      :key="item.value"
      :label="item.name"
      :value="item.value"
      >
    </el-option>
  </el-select>
 </el-form-item>
      <div class="titleinput">
 <div class="line">
      <div class="linetext">对象操作</div>
    </div> 
    <div class="itemlist"   >
           <el-row>
             <span class="text_btn">单元</span>
   <el-button plain  >添加</el-button>
    <el-button plain >删除</el-button>
    </el-row>
    <el-form-item class="sinput"  :label-width="formLabelWidth0">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
    </div>
    <div class="itemlist"   >
           <el-row>
             <span class="text_btn">曲面</span>
   <el-button plain  >添加</el-button>
    <el-button plain >删除</el-button>
    </el-row>
    <el-form-item class="sinput"  :label-width="formLabelWidth0">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
    </div>
    <div class="itemlist"   >
           <el-row>
             <span class="text_btn">片体</span>
   <el-button plain  >添加</el-button>
    <el-button plain >删除</el-button>
    </el-row>
    <el-form-item class="sinput"  :label-width="formLabelWidth0">
      <el-input v-model="form.name" autocomplete="off"></el-input>
    </el-form-item>
    </div>
    </div>
<div class="listbtn">
   <el-image :src="jh" class="toolbtn" fit="cover" />
   <el-image :src="jh2" class="toolbtn" fit="cover" />
   <el-image :src="jh3" class="toolbtn" fit="cover" />
   <el-image :src="jh4" class="toolbtn"  fit="cover" />
   <el-image :src="jh5" class="toolbtn" fit="cover" />
   <el-image :src="jh6" class="toolbtn" fit="cover" />
    </div>    
   </el-form>
     </div>
  <span slot="footer" class="dialog-footer">
    <el-button @click="dialog.dialogthin  = false">取 消</el-button>
    <el-button type="primary" @click="dialog.dialogthin = false">OK</el-button>
  </span>
</el-dialog>
  </div>
</template>

<script>
// 边界条件

// 几何与单位属性
import jh from '@/assets/icon/u912.png'
import jh2 from '@/assets/icon/u915.png'
import jh3 from '@/assets/icon/u918.png'
import jh4 from '@/assets/icon/u921.png'
import jh5 from '@/assets/icon/u913.png'
import jh6 from '@/assets/icon/u916.png'
import jh7 from '@/assets/icon/u919.png'
import jh8 from '@/assets/icon/u914.png'
import jh9 from '@/assets/icon/u917.png'
import jh10 from '@/assets/icon/u217.png'
import jh11 from '@/assets/icon/u921.png'
import jh12 from '@/assets/icon/u925.png'
import jh13 from '@/assets/icon/u925.png'
import jh14 from '@/assets/icon/u916.png'
import jh15 from '@/assets/icon/u929.png'
import jh16 from '@/assets/icon/u861.png'
import jh17 from '@/assets/icon/u930.png'

export default {
  data(){
      return{
        qival:'0',
      active:'',  
      dialog:{
        dialog:false,
        dialoghengj:false,
        dialogface:false,
        dialogliang:false,
        dialogplate:false,
        dialogbridge:false,
        dialogpap:false,
        dialoghawser:false,
        dialoghawser:false,
        dialogShell:false,
        dialogsolid:false,
        dialogthin:false,

      },
      formLabelWidth0:'10px',
       formLabelWidth: '60px',
        formLabelWidth2:'73px',
        formLabelWidth4:'37px',
        formLabelWidth5:'100px',
         formLabelWidth6:'120px',
        formLabelWidth7:'130px',
       form: {
          name: '',
          region: '',
          date1: '',
          date2: '',
          delivery: false,
          type: [],
          resource: '',
          desc: '',
        },      
      radio: 3,  
      checked:false,
      hjlist:[
            {value:'0',name:'2节点线单元'},
            {value:'1',name:'3节点线单元'},
      ],
      hjval:'0',
         hjlist2:[
            {value:'0',name:'4节点四边形单元'},
      ],
      hjval2:'0',
         hjlist3:[
            {value:'0',name:'八节点六面体单元'},
            {value:'1',name:'二十节点六面体单元'},
      ],
      hjval3:'0',
          hjlist4:[
            {value:'0',name:'2节点线单元'},
      ],
      hjval4:'0',
          hjlist5:[
            {value:'0',name:'薄壳 三节点三角形单元'},
            {value:'1',name:'薄壳 六节点三角形单元'},
            {value:'2',name:'薄壳 四节点四边形单元'},
            {value:'3',name:'薄壳 八节点四边形单元'},
            {value:'4',name:'厚壳 四节点四边形单元'},
            {value:'5',name:'厚壳 吧节点四边形单元'},
            {value:'6',name:'厚壳 （减缩积分）四节点四边形单元'},
      ],
      
      hjval5:'0',
      btnlist:[
            {value:'0',name:'圆形'},
            {value:'1',name:'请选择已定义梁截面'},
      ],
      hjval6:'0',
      hjlist6:[
             {value:'0',name:' 四节点四边形单元'},
            {value:'1',name:' 八节点四边形单元'},
      ],
      activebtn:'0',
       btnlist2:[
            {value:'0',name:'弯的'},
            {value:'1',name:'直的'},
      ],
       btnlist3:[
            {value:'0',name:'均匀厚度'},
            {value:'1',name:'边厚度'},
      ],
      activeb:'0',
// 几何与单元属性
        jh,
        jh2,
        jh3,
        jh4,
        jh5,
        jh6,
        jh7,
        jh8,
        jh9,
        jh10,
        jh10,
        jh11,
        jh12,
        jh13,
        jh14,
        jh15,
        jh16,
        jh17,
          jhlist:[
            { img:jh, titlie:' 桁架'},
            {img:jh2, titlie:'空心截面梁'},
            { img:jh3, titlie:'剪切板'},
            {img:jh4, titlie:'实体复合材料'},  
            {img:jh5, titlie:'缆索'},
            { img:jh6, titlie:'弯管'},
            {img:jh7, titlie:'壳'}, 
            { img:jh8, titlie:'实心截面梁'},
            {img:jh9, titlie:'薄膜'},
            { img:jh10, titlie:'实体'},
        ],
          jhjielist:[
            { img:jh7, titlie:' 壳（结构）'},
            {img:jh10, titlie:'实体（结构）'},
            { img:jh11, titlie:'复合材料（结构）'},
          
        ],
        jhlist3:[
            { img:jh12, titlie:' 直梁（结构）'},
            {img:jh13, titlie:'平面应变（结构）'},
            { img:jh14, titlie:'弯梁（结构）'},
            { img:jh15, titlie:' 平面应变复合材料（结构）'},
            {img:jh16, titlie:'平面应力（结构）'},
        ],
        jhlist4:[
            { img:jh12, titlie:' 间隙元/摩擦元连接'},
        ],
          jhlist5:[
            { img:jh, titlie:' 三维-桁架（传热）'}, 
            {img:jh4, titlie:'三维-实体复合材料（传热）'}, 
            {img:jh7, titlie:'三维-壳（传热）'},    
            { img:jh10, titlie:'三维-实体（传热）'},
        ],
         jhlist6:[
            {img:jh7, titlie:'轴对称-壳（传热）'},    
            { img:jh10, titlie:'轴对称-实体（传热）'},
              {img:jh4, titlie:'轴对称-实体复合材料（传热）'}, 
        ],
         jhlist7:[    
            { img:jh10, titlie:'平面实体-实体（传热）'},
            {img:jh4, titlie:'平面实体-复合材料（传热）'}, 
        ],
         
      }
  },
 methods:{
   changest(){

   },
   qitaclick(){

   },
  clickclass(index,key){

    this.active=key;
    console.log(key);
    switch(key){
    case 'w1-0':
    this.dialog.dialoghengj=true;
      break;
    case 'w1-1':
//setTimeout(() => {this.dialog.dialogliang = false},100);
    this.dialog.dialogface=true;
      break; 
    case 'w1-2':
      this.dialog.dialogplate=true;
      break;
    case 'w1-3':
            this.dialog.dialogpap=true;
      break;
    case 'w1-4':
         this.dialog.dialoghawser=true;
       break;
      case'w1-5': 
          this.dialog.dialoghawser=true;
       break;
       case'w1-6':
        this.dialog.dialogShell=true;
       break;
         case'w1-7':
       this.dialog.dialogsolid =true;
       break;
           case'w1-8':
       this.dialog.dialogthin =true;
       break;
     
    
  }
    
  },
  btnlistclick(index){
  this.activebtn=index;
  },
    blistclick(index){
  this.activeb=index;
  }
 }
}
</script>
<style>
.text_btn{
  font-size: 12px;
  color: #d5d5d5;
  padding: 0 10px;
}
.toolbtn{
 padding: 15px;
  flex: 1;
}
.activebtnstyley{
    background-color: #FFF;
    color: #409EFF;
}
.checkedlist .el-checkbox{
  display: block;
}
.text_content{
  text-align: center;
}
.radio_content .el-radio{

  width: 50%;

}
.radioyi{
  padding-left: 20px;
 
}
.el-radio{
  margin: 5px 0;

}
</style>