4.24 0.2

public/static/black.css

@@ -39,4 +39,36 @@ background-color: #757070;
  }
  .el-table--enable-row-hover .el-table__body tr:hover>td{
  background-color: #666 !important;
- }
+ }
+ .scher .el-input__inner{
+  background-color:#333;
+  color: #d5d5d5;
+ }
+ .btn_color1{
+   background-color: #757070;
+   color: #b6b6b6;
+   border: 1px solid #757070;
+ }
+ .el-button:focus, .el-button:hover{
+  color: #ffffff;
+  border-color: #535353;
+  background-color: #535353;
+ }
+ .part-panel-collapse-handle{
+  border-color: transparent transparent #6f6f6f;
+ }
+ .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;
+  }
+  .scal .item1:hover{
+    transform: scale(1.3);
+    background-color: rgba(255, 255, 255, 0.3);
+    
+    }

public/static/white.css

@@ -25,12 +25,33 @@
    /* /* 表格 */
 .el-table td, .el-table th.is-leaf{
     color: #333;
-   background-color:#fff;
+   background-color:#fdfdfd;
    
   }
  .el-table td, .el-table th.is-leaf{
  border-bottom: 1px solid #eee;
  }
- .el-table--enable-row-hover .el-table__body tr:hover>td{
+ /* .el-table--enable-row-hover .el-table__body tr:hover>td{
  background-color: #666 !important;
- } 
+ }  */
+ .scher .el-input__inner{
+    background-color:#fdfdfd;
+   }
+   .part-panel-collapse-handle{
+    border-color: transparent transparent #e4e7ed;
+   }
+   .el-tabs--card>.el-tabs__header .el-tabs__nav{
+    border:none
+    }
+    .el-tabs--card>.el-tabs__header .el-tabs__item{
+      border-left:1px solid #dee2e6;
+    }
+    .el-tabs--card>.el-tabs__header{
+      border-top:1px solid #dee2e6;
+      border-bottom: 1px solid #dee2e6;
+    }
+    .scal .item1:hover{
+      transform: scale(1.3);
+      background-color: rgba(0, 0, 0, 0.2);
+      
+      }

src/assets/iconfont/iconfont.css

@@ -0,0 +1,103 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 3344225 */
+  src: url('iconfont.woff2?t=1650770919788') format('woff2'),
+       url('iconfont.woff?t=1650770919788') format('woff'),
+       url('iconfont.ttf?t=1650770919788') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-13dianpufill:before {
+  content: "\e626";
+}
+
+.icon-3dtv:before {
+  content: "\e616";
+}
+
+.icon-d:before {
+  content: "\e625";
+}
+
+.icon-Dditu:before {
+  content: "\e602";
+}
+
+.icon-ts-d:before {
+  content: "\e6a6";
+}
+
+.icon-d1:before {
+  content: "\e672";
+}
+
+.icon-DGlasses:before {
+  content: "\e627";
+}
+
+.icon-DMODEL:before {
+  content: "\e7ee";
+}
+
+.icon-bar_d_chart:before {
+  content: "\e6f5";
+}
+
+.icon-Flattd-Fridge:before {
+  content: "\e78e";
+}
+
+.icon-Flattd-Wallet:before {
+  content: "\e791";
+}
+
+.icon-d-modelling:before {
+  content: "\e7bc";
+}
+
+.icon-d-programming:before {
+  content: "\e7be";
+}
+
+.icon-FSX_P3Dtuzhuangfabuqu:before {
+  content: "\e621";
+}
+
+.icon-3D:before {
+  content: "\e6a7";
+}
+
+.icon-a-3Dlujingditu:before {
+  content: "\e7ac";
+}
+
+.icon-a-3Dqipaoditu:before {
+  content: "\e7ad";
+}
+
+.icon-a-litide3Dwuxingshoucang:before {
+  content: "\e86d";
+}
+
+.icon-a-3D:before {
+  content: "\e60b";
+}
+
+.icon-a-3dwzl:before {
+  content: "\e620";
+}
+
+.icon-celveguanli:before {
+  content: "\e614";
+}
+
+.icon-dengluzhanghaoguanli:before {
+  content: "\e615";
+}
+

src/assets/iconfont/iconfont.json

@@ -0,0 +1,163 @@
+{
+  "id": "3344225",
+  "name": "adi-cae-web",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "609958",
+      "name": "13_店铺_fill",
+      "font_class": "13dianpufill",
+      "unicode": "e626",
+      "unicode_decimal": 58918
+    },
+    {
+      "icon_id": "812573",
+      "name": "3D-tv",
+      "font_class": "3dtv",
+      "unicode": "e616",
+      "unicode_decimal": 58902
+    },
+    {
+      "icon_id": "1368661",
+      "name": "3d",
+      "font_class": "d",
+      "unicode": "e625",
+      "unicode_decimal": 58917
+    },
+    {
+      "icon_id": "2486573",
+      "name": "3D地图",
+      "font_class": "Dditu",
+      "unicode": "e602",
+      "unicode_decimal": 58882
+    },
+    {
+      "icon_id": "5102524",
+      "name": "ts-3d",
+      "font_class": "ts-d",
+      "unicode": "e6a6",
+      "unicode_decimal": 59046
+    },
+    {
+      "icon_id": "5832561",
+      "name": "3d",
+      "font_class": "d1",
+      "unicode": "e672",
+      "unicode_decimal": 58994
+    },
+    {
+      "icon_id": "7205960",
+      "name": "3D Glasses",
+      "font_class": "DGlasses",
+      "unicode": "e627",
+      "unicode_decimal": 58919
+    },
+    {
+      "icon_id": "8642102",
+      "name": "3D MODEL",
+      "font_class": "DMODEL",
+      "unicode": "e7ee",
+      "unicode_decimal": 59374
+    },
+    {
+      "icon_id": "10194086",
+      "name": "bar_3d_chart",
+      "font_class": "bar_d_chart",
+      "unicode": "e6f5",
+      "unicode_decimal": 59125
+    },
+    {
+      "icon_id": "13252685",
+      "name": "Flatt3d-Fridge",
+      "font_class": "Flattd-Fridge",
+      "unicode": "e78e",
+      "unicode_decimal": 59278
+    },
+    {
+      "icon_id": "13252691",
+      "name": "Flatt3d-Wallet",
+      "font_class": "Flattd-Wallet",
+      "unicode": "e791",
+      "unicode_decimal": 59281
+    },
+    {
+      "icon_id": "13690091",
+      "name": "3d-modelling",
+      "font_class": "d-modelling",
+      "unicode": "e7bc",
+      "unicode_decimal": 59324
+    },
+    {
+      "icon_id": "13690093",
+      "name": "3d-programming",
+      "font_class": "d-programming",
+      "unicode": "e7be",
+      "unicode_decimal": 59326
+    },
+    {
+      "icon_id": "17759538",
+      "name": "FSX_P3D涂装发布区",
+      "font_class": "FSX_P3Dtuzhuangfabuqu",
+      "unicode": "e621",
+      "unicode_decimal": 58913
+    },
+    {
+      "icon_id": "18051162",
+      "name": "3D",
+      "font_class": "3D",
+      "unicode": "e6a7",
+      "unicode_decimal": 59047
+    },
+    {
+      "icon_id": "23043661",
+      "name": "3D路径地图",
+      "font_class": "a-3Dlujingditu",
+      "unicode": "e7ac",
+      "unicode_decimal": 59308
+    },
+    {
+      "icon_id": "23043664",
+      "name": "3D气泡地图",
+      "font_class": "a-3Dqipaoditu",
+      "unicode": "e7ad",
+      "unicode_decimal": 59309
+    },
+    {
+      "icon_id": "27090725",
+      "name": "立体的3D五星，收藏",
+      "font_class": "a-litide3Dwuxingshoucang",
+      "unicode": "e86d",
+      "unicode_decimal": 59501
+    },
+    {
+      "icon_id": "27152656",
+      "name": "3D",
+      "font_class": "a-3D",
+      "unicode": "e60b",
+      "unicode_decimal": 58891
+    },
+    {
+      "icon_id": "28316919",
+      "name": "单位订单",
+      "font_class": "a-3dwzl",
+      "unicode": "e620",
+      "unicode_decimal": 58912
+    },
+    {
+      "icon_id": "27864899",
+      "name": "策略管理",
+      "font_class": "celveguanli",
+      "unicode": "e614",
+      "unicode_decimal": 58900
+    },
+    {
+      "icon_id": "27864902",
+      "name": "登录账号管理",
+      "font_class": "dengluzhanghaoguanli",
+      "unicode": "e615",
+      "unicode_decimal": 58901
+    }
+  ]
+}

src/main.js

@@ -14,6 +14,7 @@ import VueI18n from 'vue-i18n' //中英文切换
 import VueWorker from 'vue-worker'
 import $ from 'jquery'
 import 'bootstrap'
+import '@/assets/iconfont/iconfont.js'
 
 /**
  * 如果不想使用mock-server，想将MockJs用作mock api，可以执行: mockXHR()

src/views/home/myproject/index.vue

@@ -6,8 +6,8 @@
     </div>
     <div class="btn">
       <el-row>
-      <el-button type="primary"  @click="dialogVisible = true">新建项目</el-button>
-      <el-button type="primary">新建文件夹</el-button>
+      <el-button class="btn_color1" @click="dialogVisible = true">新建项目</el-button>
+      <el-button class="btn_color1">新建文件夹</el-button>
       <el-button type="warning">导入</el-button>
 </el-row>
     </div>
@@ -193,11 +193,8 @@ position:relative;
 </style>
 <style >
 .scher .el-input__inner{
-  background-color:#333;
   border-radius: 0;
   border: none;
-  color: #d5d5d5;
-  
 }
 
 </style>

src/views/index/jihe/index.vue → src/views/index/geometry/index.vue

@@ -1,10 +1,15 @@
 <template>
   <div class="imgzong">
         <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> 
+          <div>  
+             <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-Dditu"></use>
+            </svg>
+                  <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>
@@ -19,8 +24,10 @@
        <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> 
+          <div> <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-d1"></use>
+            </svg>
+                  <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>
@@ -34,13 +41,17 @@
        </div>
        <div class="item1"  @click="dialog.dialogVisible = true" >
                 <el-tooltip class="item" effect="dark" content="重新编号" placement="bottom">
-                    <el-image :src="jic3" fit="cover" /> 
+                    <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-ts-d"></use>
+            </svg>
             </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" />
+          <div>   <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-DGlasses"></use>
+            </svg>
                   <i class="el-icon-arrow-down el-icon--right"></i>  </div> 
               </el-tooltip>
       <el-dropdown-menu slot="dropdown" >
@@ -54,7 +65,10 @@
             <span class="shu">|</span>
             <div class="item1"  v-for="(itemcj,index) in cjlist"  :key="'info1-'+ index" @click="clickgeometry(index)">
                 <el-tooltip class="item" effect="dark" :content="itemcj.titlie" placement="bottom">
-                    <el-image :src="itemcj.img" fit="cover" /> 
+                    <svg class="icon" aria-hidden="true">
+                    <use :xlink:href="`#${itemcj.icon}`" />
+                  </svg>
+                                          <!-- <span class="iconfont">{{itemcj.icon}}</span> -->
             </el-tooltip>
             </div>
             <span class="shu">|</span>
@@ -75,6 +89,9 @@
    <el-dialog
   title="重新编号"
   :visible.sync="dialog.dialogVisible"
+   :modal='false'
+  custom-class='dialoglocation'
+  :close-on-click-modal='false'
   width="20%">
   <div slot="title" class=dialog_header>
      <el-image :src="jic3" fit="cover" />
@@ -145,10 +162,16 @@
     <el-button type="primary" @click="dialog.dialogVisible = false">OK</el-button>
   </span>
 </el-dialog>
+<!-- 信息框 -->
+
         <!--几何点  -->
-         <el-dialog
+ <el-dialog
   :visible.sync="dialog.dialogVisible2"
-  width="20%">
+  :modal='false'
+  custom-class='dialoglocation'
+  :close-on-click-modal='false'
+  width="385px">
+
   <div slot="title" class=dialog_header>
      <el-image :src="cj" fit="cover" />
      <span>几何点</span>
@@ -220,6 +243,9 @@
 <!-- 实体 -->
 <el-dialog
   :visible.sync="dialog.dialogVisible3"
+  :modal='false'
+  custom-class='dialoglocation'
+  :close-on-click-modal='false'
   width="385px">
   <div slot="title" class=dialog_header>
      <el-image :src="cj2" fit="cover" />
@@ -228,12 +254,13 @@
   <div class="selecr">
      <el-form>
        <el-form-item label=" 实体类型" :label-width="formLabelWidth2">
-      <el-select v-model="form.selval"  @change="xuzeChange" placeholder="请选择">
+      <el-select v-model="form.selval" @change="changest(id)" placeholder="请选择">
     <el-option
       v-for="item in optsel"
       :key="item.value"
       :label="item.name"
-      :value="item.value">
+      :value="item.value"
+      >
     </el-option>
   </el-select>
     </el-form-item>
@@ -241,13 +268,20 @@
     </div>
       <el-form>
     <div class="heigeinput liangf">
-    
        <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>
+    </div>
+     <div class="heigeinput liangf">
+       <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>
     </div>
       </el-form>
   <span slot="footer" class="dialog-footer">
@@ -257,7 +291,7 @@
 </el-dialog>
 <!-- 曲线 -->
 <el-dialog
-  :visible.sync="dialog.dialogVisible2"
+  :visible.sync="dialog.dialogVisible4"
   width="20%">
   <div slot="title" class=dialog_header>
      <el-image :src="cj" fit="cover" />
@@ -265,8 +299,8 @@
 
   </div>
   <span slot="footer" class="dialog-footer">
-    <el-button @click="dialog.dialogVisible2 = false">清 除</el-button>
-    <el-button type="primary" @click="dialog.dialogVisible2 = false">OK</el-button>
+    <el-button @click="dialog.dialogVisible4 = false">清 除</el-button>
+    <el-button type="primary" @click="dialog.dialogVisible4 = false">OK</el-button>
   </span>
 </el-dialog>
   </div>
@@ -313,7 +347,8 @@ export default {
           dialog:{
              dialogVisible:false,
              dialogVisible2:false,
-             dialogVisible3:true,
+             dialogVisible3:false,
+             dialogVisible2:false
           },
          
           i:'1',
@@ -378,13 +413,13 @@ export default {
             {img:jic4, titlie:'长度单位'},  
         ],
         cjlist:[
-           { img:cj, titlie:'几何点'},
-            {img:cj2, titlie:'实体'},
-            { img:cj3, titlie:'清除几何体'},
-            {img:cj4, titlie:'曲线'},  
-            {img:cj5, titlie:'实体'},
-            { img:cj6, titlie:'清除几何体'},
-            {img:cj7, titlie:'曲线'},   
+           { icon:"icon-Flattd-Fridge", titlie:'几何点'},
+            {icon:"icon-Flattd-Wallet", titlie:'实体'},
+            { icon:"icon-d-modelling", titlie:'清除几何体'},
+            {icon:"icon-d-programming", titlie:'曲线'},  
+            {icon:"icon-FSX_P3Dtuzhuangfabuqu", titlie:'实体'},
+            { icon:"icon-3D", titlie:'清除几何体'},
+            {icon:"icon-a-3Dlujingditu", titlie:'曲线'},   
         ],
          czlist:[
            { img:cz, titlie:' 关联'},
@@ -447,7 +482,6 @@ methods:{
   },
   //模块选择
   clickgeometry(index){
-    console.log(typeof index)
   switch(index){
     case 0:
       this.dialog.dialogVisible2=true;
@@ -458,10 +492,13 @@ methods:{
 
   }
   },
-  xuzeChange(id){
-    console.log(id);
+  // 实体的下拉选择
+  changest(val){
+    console.log(1111);
+    console.log(this.form.selval);
+
+  },
 
-  }
 }
 }
 </script>
@@ -617,4 +654,9 @@ display:flex;
   .liangf{
     display: flex;
   }
+  .dialoglocation{
+    position: absolute;
+    right: 0;
+
+  }
 </style>

src/views/index/index.vue

@@ -8,14 +8,14 @@
              </div> -->
         
              <el-tabs  :tab-position="tabPosition" v-model="activeName" type="card" @tab-click="handleClick">
-          <el-tab-pane label="几何建模" name="one"><jihe></jihe></el-tab-pane>
+          <el-tab-pane label="几何建模" name="one"><geometry></geometry></el-tab-pane>
           <el-tab-pane label="网格划分" name="two"> <meshindex></meshindex></el-tab-pane>
           <el-tab-pane label="几何与单元属性" name="three"> <jiheorclass></jiheorclass></el-tab-pane>
           <el-tab-pane label="材料属性" name="four">  <Materials></Materials></el-tab-pane>
            <el-tab-pane label="接触与连接" name="five"><touch></touch></el-tab-pane>
           <el-tab-pane label="初始条件" name="six">  <initial></initial></el-tab-pane>
           <el-tab-pane label="边界条件" name="seven"> <boundary></boundary></el-tab-pane>
-          <el-tab-pane label="网格自适应" name="eight"> <Meshauto1></Meshauto1>  </el-tab-pane>
+          <el-tab-pane label="网格自适应" name="eight"> <Meshauto></Meshauto>  </el-tab-pane>
            <el-tab-pane label="载荷工况" name="nine"> <loadcase></loadcase></el-tab-pane>
           <el-tab-pane label="作业任务" name="ten">      <zuoye></zuoye></el-tab-pane>
           <el-tab-pane label="结果查看" name="eleven">    <result></result></el-tab-pane>
@@ -45,10 +45,8 @@
     <div class="content">
          
      <transition name="slide-fade">
-    <div class="left lbg_color3" v-show="showtrue">
- 
-    </div>
-         </transition>
+    <div class="left lbg_color3" v-show="showtrue">   </div>
+   </transition>
     <div class="right lbg_color2">
         <div class="part-panel-collapse-handle lbg_color3" @click="showtrue=!showtrue">
             <i class="el-icon-arrow-left"></i>
@@ -65,21 +63,21 @@
 
 
 // 引入组件
-import jihe from './jihe/index.vue'
+import geometry from './geometry/index.vue'
 import meshindex from './meshindex/index.vue'
 import jiheorclass from './Geometryandper/index.vue'
 import Materials from './Materials/index.vue'
 import touch from './touch/index.vue'
 import initial from './initial/index.vue'
 import boundary from './boundary/index.vue'
-import Meshauto1 from './Meshauto/index.vue'
+import Meshauto from './Meshauto/index.vue'
 import loadcase from './loadcase/index.vue'
 import zuoye from './zuoye/index.vue'
 import result from './result/index.vue'
 import toolindex from './tool/index.vue'
 import caozuo from './caozuo/index.vue'
 export default {
-  components:{jihe,meshindex,jiheorclass,Materials,touch,initial,boundary,Meshauto1,loadcase,zuoye,result,caozuo,toolindex},
+  components:{geometry,meshindex,jiheorclass,Materials,touch,initial,boundary,Meshauto,loadcase,zuoye,result,caozuo,toolindex},
   data() {
     return {
         // current:0,
@@ -100,7 +98,7 @@ export default {
             ],
         tabPosition: 'bottom',
         showtrue:true,
-           drawer: false,
+           drawer: true,
         direction: 'rtl',
   options:[
         {value: '0',label: 'FEMLab(结构力学)'},
@@ -198,9 +196,9 @@ html,body{
     padding: 15px;
     position: relative;
     height: 88vh;
-   box-shadow: 2px 0 15px 0 var(--box-shadow1);
-    -webkit-box-shadow: 2px 0 15px 0 var(--box-shadow1);
-    -moz-box-shadow: 2px 0 15px 0 var(--box-shadow1);
+   box-shadow: 2px 0 15px 0 rgb(232, 232, 232);
+    -webkit-box-shadow: 2px 0 15px 0 rgb(232, 232, 232);
+    -moz-box-shadow: 2px 0 15px 0 rgb(232, 232, 232);
              
     }
      .part-panel-collapse-handle {
@@ -217,8 +215,11 @@ html,body{
     border-style: none solid solid;
     transform: rotateZ(
 90deg);
-    border-color: transparent transparent #6f6f6f;
     font-size: 19px;
+}
+.lbg_color3 i:before{
+  transform: rotateZ(
+0);
 }
     .right{
         padding: 15px;
@@ -286,17 +287,6 @@ html,body{
     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>
@@ -330,11 +320,6 @@ border:none
 .el-button--primary{
    background: #757070;
   border-color: #757070;
-}
-  
-  .scal .el-image img:hover{
-transform: scale(1.3);
-
 }
 .textselsect{
       position: absolute;
@@ -343,25 +328,19 @@ transform: scale(1.3);
     right: 7px;
     z-index: 9;
 }
+ .dialoglocation{
+    position: absolute;
+    right:0px;
+    top: -15vh;
+  }
+  .el-dialog__wrapper{
+          top: 15vh;
+  }
 </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;
 }