4.18

src/views/newfile/index.vue

@@ -21,9 +21,26 @@
           <el-tab-pane label="结果查看" name="eleven">    <result></result></el-tab-pane>
           <el-tab-pane label="工具箱" name="twelve"><toolindex></toolindex></el-tab-pane>
             <el-tab-pane label="操作" name="thirteen"><caozuo ></caozuo></el-tab-pane>
+           
         </el-tabs>
-        
-          <!-- </div> -->
+        <div class="textselsect">
+         <el-select v-model="value" placeholder="请选择">
+        <el-option
+          v-for="item in options"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value">
+        </el-option>
+      </el-select>
+      <el-select v-model="value1" placeholder="请选择">
+        <el-option
+          v-for="item in options1"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value">
+        </el-option>
+      </el-select> 
+          </div>
          </div> 
     <div class="content">
          
@@ -85,9 +102,49 @@ export default {
         showtrue:true,
            drawer: false,
         direction: 'rtl',
-       
-      
+  options:[
+        {value: '0',label: 'FEMLab(结构力学)'},
+        { value: '1',label: 'MPMLab(结构力学)'},
+        { value: '3',label: 'Bladesign(结构力学)'},
+        {value: '4',label: 'Marc(结构力学)'},
+        { value: '5',label: 'Abaqus(结构力学)'},
+        { value: '6',label: 'Natran(结构力学)'},
+        { value: '7', label: 'ANSYS-FLUENT(结构力学)'},
+        {value: '8',label: 'STAR_CCM(流体力学)'},
+        {value: '9', label: 'Pointwise(流体力学)' },
+        {value: '10',label: 'ANSYS_ICEMCFD(流体力学)' }
+        ],
+        value:'0',
+  options1:[
+    {value: '0',label: '结构分析'},
+    { value: '1',label: '传热分析'},
+    {value: '2',label: '热/电耦合'},
+    { value: '3',label: '电/热耦合'},
+    {value: '4',label: '电/热/力耦合'},
+    { value: '5',label: '静电场分析'},
+    {value: '6',label: '静电场/结构耦合'},
+    { value: '7',label: '压力分析'},
+    {value: '8',label: '热/压力'},
+    { value: '9',label: '声场分析'},
+    {value: '10',label: '声场/结构耦合'},
+    { value: '11',label: '静磁场分析'},
+    {value: '12',label: '静磁/热'},
+    { value: '13',label: '静磁/结构'},
+    {value: '14',label: '电磁场分析'},
+    { value: '15',label: '电磁/热'},
+    {value: '16',label: '电磁/热/结构'},
+    { value: '17',label: '流体分析'},
+    {value: '18',label: '流体/传热'},
+    { value: '19',label: '流固耦合分析'},
+    {value: '20',label: '流体/传热/结构耦合分析'},
+    { value: '21',label: '轴承分析'},
+    {value: '22',label: '扩散分析'},
+    { value: '23',label: '扩散/热分析'},
+    {value: '24',label: '扩散结构分析'},
+    { value: '25',label: '土壤分析'},
 
+        ],
+        value1:'0',
     }
 
 
@@ -105,6 +162,7 @@ methods:{
 <style lang="scss">
 @import '@/styles/variables.scss';
 @import '@/styles/mixin.scss';
+.scal{
 .toolbar-part-detail{
 background-color: #757070;
 
@@ -190,6 +248,9 @@ html,body{
        color: #Fff ;
    }
 }
+.el-tabs--bottom .el-tabs__header.is-bottom{
+  margin: 0;
+}
 .imgcontent{
       padding: 0 15px;
     }
@@ -216,30 +277,92 @@ html,body{
 }
 .shu{
     padding: 4px 10px;
+    color: #666;
 
 }
-</style>
-<style >
- .item1 .el-image{
-  width: 24px;
-  cursor: pointer;
+.el-tabs__item{
+    height: 25px;
+    line-height: 25px;
+    padding: 0 6px;
+    color:#b6b6b6
+}
+
+ .el-tabs--card>.el-tabs__header .el-tabs__nav{
+border:none
+}
+.el-tabs--card>.el-tabs__header .el-tabs__item{
+  border-left:1px solid #666
 }
+.el-tabs--card>.el-tabs__header{
+  border-top:1px solid #666;
+  border-bottom: 1px solid #666;
+}
+}
+</style>
+<style>
+
+  .item1 .el-image{
+    width: 24px;
+    cursor: pointer;
+  }
 .el-tabs--border-card{
     background-color: none;
 }
 .baoshi{
-    margin-top: 3px;
+    margin-top: 4px;
     color: #b6b6b6;
 }
-.el-tabs--card>.el-tabs__header .el-tabs__nav.is-active{
-      border-top-color: #757070;
+
+.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{
+  background-color: #757070;
 
 }
+.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{
+    border-top:1px solid #757070;
+  border-bottom:none;
+  border-top: 1px solid transparent;
+}
+.el-dialog__header{
+      padding: 15px 20px 10px;
+    background: #757070;
+    color: #fff
+}
+.el-button--primary{
+   background: #757070;
+  border-color: #757070;
+}
+  
   .scal .el-image img:hover{
 transform: scale(1.3);
 
 }
-.el-tabs__item{
-color: #fff;
+.textselsect{
+      position: absolute;
+    z-index: 9;
+    bottom: 0;
+    right: 7px;
+    z-index: 9;
+}
+</style>
+<style lang="scss" scoped>
+ /deep/.toolbar-part-detail{
+  position: relative;
+}
+.scal .textselsect{
+ /deep/.el-input__inner{
+  background-color:#757070;
+  border-radius: 0;
+  border: none;
+  color: #d5d5d5;
+  height: 25px;
+  line-height: 25px;
+  
+}
+ /deep/ .el-input__icon{
+  line-height:25px;
+}
+}
+.el-form-item{
+      margin-bottom: 5px;
 }
 </style>

src/views/newfile/jihe/index.vue

@@ -1,10 +1,56 @@
 <template>
   <div class="imgzong">
-   <div class="item1"  v-for="(item,index) in jiclist"  :key="index">
-    <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
-                    <el-image :src="item.img" fit="cover" /> 
+        <div class="item1 diyi"  >
+          <el-dropdown trigger="click">
+        <el-tooltip class="item tupian" effect="dark" content="导入" placement="bottom">
+          <div> <el-image :src="jic" fit="cover" />
+                  <i class="el-icon-arrow-down el-icon--right"></i>  </div> 
+              </el-tooltip>
+      <el-dropdown-menu slot="dropdown">
+        <el-dropdown-item>Marc输入</el-dropdown-item>
+        <el-dropdown-item>通用CAD接口（作为提导入）</el-dropdown-item>
+        <el-dropdown-item>Parasolid</el-dropdown-item>
+        <el-dropdown-item>ACIS</el-dropdown-item>
+        <el-dropdown-item >IGES</el-dropdown-item>
+         <el-dropdown-item>VDAFS</el-dropdown-item>
+      </el-dropdown-menu>
+    </el-dropdown>  
+       </div>
+       <div class="item1 diyi"  >
+          <el-dropdown trigger="click">
+        <el-tooltip class="item tupian" effect="dark" content="导出" placement="bottom">
+          <div> <el-image :src="jic2" fit="cover" />
+                  <i class="el-icon-arrow-down el-icon--right"></i>  </div> 
+              </el-tooltip>
+      <el-dropdown-menu slot="dropdown">
+        <el-dropdown-item>Marc输入</el-dropdown-item>
+        <el-dropdown-item>通用CAD接口（作为提导入）</el-dropdown-item>
+        <el-dropdown-item>Parasolid</el-dropdown-item>
+        <el-dropdown-item>ACIS</el-dropdown-item>
+        <el-dropdown-item >IGES</el-dropdown-item>
+         <el-dropdown-item>VDAFS</el-dropdown-item>
+      </el-dropdown-menu>
+    </el-dropdown>  
+       </div>
+       <div class="item1"  @click="dialogVisible = true" >
+                <el-tooltip class="item" effect="dark" content="重新编号" placement="bottom">
+                    <el-image :src="jic3" fit="cover" /> 
             </el-tooltip>
             </div>
+             <div class="item1 diyi"  >
+          <el-dropdown trigger="click" @command="handleCommand">
+        <el-tooltip class="item tupian" effect="dark" content="长度单位" placement="bottom">
+          <div> <el-image :src="jic4" fit="cover" />
+                  <i class="el-icon-arrow-down el-icon--right"></i>  </div> 
+              </el-tooltip>
+      <el-dropdown-menu slot="dropdown" >
+        <el-dropdown-item  v-for="(itemlist,index) in lenlist"  :key="'info1-'+ index" :command='index' :class="{red:i === index}">{{itemlist.name}}</el-dropdown-item>
+    
+      </el-dropdown-menu>
+    </el-dropdown>  
+       </div>
+  <el-checkbox v-model="checked" class="baoshi"> 栅格</el-checkbox>
+                 <el-checkbox v-model="checked1" class="baoshi"> 坐标系</el-checkbox>
             <span class="shu">|</span>
             <div class="item1"  v-for="(itemcj,index) in cjlist"  :key="'info1-'+ index">
                 <el-tooltip class="item" effect="dark" :content="itemcj.titlie" placement="bottom">
@@ -22,7 +68,35 @@
                 <el-tooltip class="item" effect="dark" :content="itemcj.titlie" placement="bottom">
                     <el-image :src="itemcj.img" fit="cover" /> 
             </el-tooltip>
+              
             </div>
+   <!--弹出框-->
+   <!-- 重新编号 -->
+   <el-dialog
+  title="重新编号"
+  :visible.sync="dialogVisible"
+  width="20%">
+  <div slot="title" class=dialog_header>
+     <el-image :src="jic3" fit="cover" />
+     <span>重新编号</span>
+
+  </div>
+  <el-form :model="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-select v-model="form.region" placeholder="请选择活动区域">
+        <el-option label="区域一" value="shanghai"></el-option>
+        <el-option label="区域二" value="beijing"></el-option>
+      </el-select>
+    </el-form-item>
+  </el-form>
+  <span slot="footer" class="dialog-footer">
+    <el-button @click="dialogVisible = false">取 消</el-button>
+    <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
+  </span>
+</el-dialog>
         
   </div>
   
@@ -63,8 +137,23 @@ import bj2 from '@/assets/icon/u238.png'
 export default {
   data(){
       return{
-          meshchecked1:'',
-          meshchecked2:'',
+          checked:'',
+          checked1:'',
+          dialogVisible:true,
+          i:'1',
+          lenlist:[
+            {id:'1',name:'微米'},
+            {id:'2',name:'毫米'},
+             {id:'3',name:'厘米'},
+            {id:'4',name:'米'},
+             {id:'5',name:'千米'},
+            {id:'6',name:'微英寸'},
+             {id:'7',name:'密耳'},
+            {id:'8',name:'英寸'},
+             {id:'9',name:'英尺'},
+            {id:'10',name:'码'},
+             {id:'11',name:'英里'},
+          ],
            // 边界条件
        //  几何基础
         jic,
@@ -98,9 +187,6 @@ export default {
         cz16,
         bj1,
         bj2,
- 
-      
-
           jiclist:[
             { img:jic, titlie:'导入几何'},
             {img:jic2, titlie:'导出几何'},
@@ -139,8 +225,44 @@ export default {
             {img:bj2, titlie:'模版文件'},
           
         ],
+        form: {
+          name: '',
+          region: '',
+          date1: '',
+          date2: '',
+          delivery: false,
+          type: [],
+          resource: '',
+          desc: ''
+        },
+        formLabelWidth: '120px'
          
       }
+      
+  },
+methods:{
+  handleCommand(command){
+ this.i = command
   }
 }
-</script>
+}
+</script>
+<style lang="scss" scoped>
+.diyi i{
+  font-size: 14px;
+  color: #C0C4CC;
+}
+.tupian{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+ .red{
+  color: red;
+ }
+ .dialog_header{
+   align-items: center;
+    display: flex;
+}
+
+</style>