3.15

src/views/index/HCFDLab/index.vue

@@ -12,16 +12,14 @@
           <!-- 通用设置 -->
           <el-tab-pane :label="$t('HCFD.geneal.geneal')" name="two">
               <div class="imgzong">
-              <div class="listitem lbg_color3 ">
+              <div class="listitem lbg_color3 bkcolor3">
              <div class="item1"  v-for="(itemcj,index) in twolist"  :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" /> 
                             <span >{{itemcj.titlie}}</span>
-            <!-- </el-tooltip> -->
             </div>
             </div>
             <!--分析类型  -->
-              <div class="listitem lbg_color3 radiocontent">
+              <div class="listitem lbg_color3 radiocontent bkcolor3">
              <div class="item1"  >
                <el-form>
         <div class="radio_text text_color">
@@ -48,7 +46,7 @@
             </div>
             </div>
             <!-- 并行类型 -->
-             <div class="listitem lbg_color3 radiocontent">
+             <div class="listitem lbg_color3 radiocontent bkcolor3">
              <div class="item1"  >
                  <el-form>
              <div class="radio_text text_color">
@@ -80,22 +78,23 @@
           <!-- 物理模型 -->
           <el-tab-pane :label="$t('HCFD.physics.physics')" name="three">
              <div class="imgzong">
-             <div class="item1"  v-for="(item,index) in physicslist"  :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>
-               <span class="shu">|</span>
-                 <div class="item1"  v-for="(item,index) in physicslist2"  :key="'three2-'+ index" :class="{activeOrange:active=='three2-'+ index}" @click="clickgeometry($event,index,'three2-'+ index)">
-                <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
-                       <el-image :src="item.icon" fit="cover" /> 
-            </el-tooltip>
+                <div class="listitem lbg_color3 bkcolor3"  v-for="(item,index) in physicslist"  :key="'three-'+ index" :class="{activeOrange:active=='three-'+ index}" @click="clickgeometry($event,index,'three-'+ index)" >
+             <div class="item2 "   >
+                 <el-image :src="item.icon" fit="cover" />  
+                   <span >{{item.titlie}}</span>
+            </div>
+            </div>
+              <div class="listitem lbg_color3 bkcolor3" > 
+               <div class="item1" v-for="(item,index) in physicslist2"  :key="'three2-'+ index" :class="{activeOrange:active=='three2-'+ index}" @click="clickgeometry($event,index,'three2-'+ index)">
+                   <el-image :src="item.icon" fit="cover" /> 
+                     <span >{{item.titlie}}</span>
+            </div>
              </div>
-              <span class="shu">|</span>
-                <div class="item1"  v-for="(item,index) in physicslist1"  :key="'three1-'+ index" :class="{activeOrange:active=='three1-'+ index}" @click="clickgeometry($event,index,'three1-'+ index)">
-                <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
-                       <el-image :src="item.icon" fit="cover" />  
-            </el-tooltip>
+              <div class="listitem lbg_color3 bkcolor3" > 
+               <div class="item1" v-for="(item,index) in physicslist1"  :key="'three1-'+ index" :class="{activeOrange:active=='three1-'+ index}" @click="clickgeometry($event,index,'three1-'+ index)">
+                   <el-image :src="item.icon" fit="cover" /> 
+                     <span >{{item.titlie}}</span>
+            </div>
              </div>
             </div>
             
@@ -103,24 +102,24 @@
           <!-- 求解控制 -->
           <el-tab-pane :label="$t('HCFD.solution.solution')" name="four">
             <div class="imgzong">
-              <div class="item1"  v-for="(item,index) in  solutionlist"  :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  solutionlist2"  :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  solutionlist3"  :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 class="listitem lbg_color3 bkcolor3"  v-for="(item,index) in  solutionlist"  :key="'four-'+ index" :class="{activeOrange:active=='four-'+ index}" @click="clickgeometry($event,index,'four-'+ index)" >
+             <div class="item2 "   >
+                 <el-image :src="item.icon" fit="cover" />  
+                   <span >{{item.titlie}}</span>
+            </div>
+            </div>
+              <div class="listitem lbg_color3 bkcolor3"  v-for="(item,index) in  solutionlist2"  :key="'four2-'+ index" :class="{activeOrange:active=='four2-'+ index}" @click="clickgeometry($event,index,'four2-'+ index)" >
+             <div class="item2 "   >
+                 <el-image :src="item.icon" fit="cover" />  
+                   <span >{{item.titlie}}</span>
+            </div>
+            </div>   
+             <div class="listitem lbg_color3 bkcolor3">
+             <div class="item1"   v-for="(item,index) in  solutionlist3"  :key="'four3-'+ index" :class="{activeOrange:active=='four3-'+ index}" @click="clickgeometry($event,index,'four3-'+ index)">
+                             <el-image :src="item.icon" fit="cover" /> 
+                            <span >{{item.titlie}}</span>
+            </div>
+            </div>  
                   <!-- <span class="shu">|</span>
                       <div class="item1"  v-for="(item,index) in  solutionlist4"  :key="'four4-'+ index" :class="{activeOrange:active=='four4-'+ index}" @click="clickgeometry($event,index,'four4-'+ index)">
                 <el-tooltip class="item" effect="dark" :content="item.titlie" placement="bottom">
@@ -136,23 +135,12 @@
           
            <el-tab-pane :label=" $t('HCFD.results.results')" name="five">
               <div class="imgzong" v-if="lsolverState=='2'">
-                        <!-- <div class="item1 "    v-for="(item,index) in  resultslist"  :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 " v-for="(item,index) in  resultslist"  :key="'five-'+ index" :class="{activeOrange:active=='five-'+ index}" @click="clickgeometry($event,index,'five-'+ index)" >
+               <div class="listitem lbg_color3 bkcolor3" v-for="(item,index) in  resultslist"  :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 class="listitem lbg_color3 ">
-             <div class="item2 ">
-                 <el-image :src="j2" fit="cover" />  
-                   <span >流场数据</span>
-            </div>
-            </div> -->
                </div>
            </el-tab-pane>
            <!-- 工具 -->
@@ -1636,6 +1624,7 @@
         >
       </div>
     </el-dialog>
+    <!-- 流场数据 -->
     <el-dialog
       :visible.sync="dialog.VolumeGrid_visiable"
       class="lg-y-z"
@@ -1645,6 +1634,7 @@
     :modal='false'
     custom-class='dialoglocation dialog_color'
      width="385px"
+      :style="styX"
     >
    <div slot="title" class=dialog_header>
      <el-image class="imge" :src="j2" fit="cover" />
@@ -2726,6 +2716,7 @@ var e=e||window.Event
 this.styX.left=e.clientX+'px';
     this.active=key;
    console.log(this.styX.left);
+    console.log( this.active)
   switch(key){
     case 'info1-0':
       this.name="New"
@@ -2797,18 +2788,18 @@ this.styX.left=e.clientX+'px';
         case 'four4-2':
        this.hcfdrun(true);
        break;
-        case 'four4-3':
-       break;
-        case 'four4-4':
-       break;
+      //   case 'four4-3':
+      //  break;
+      //   case 'four4-4':
+      //  break;
        case 'five-0':
          this.dialog.SurfaceGrid_visiable = true;
        break;
-     case 'five-1':
-         this.dialog.VolumeGrid_visiable = true;
+       case 'five-1':
+        this.dialog.VolumeGrid_visiable = true;
        break;
         case 'six-0':
-         this.visiable=true;
+        this.visiable=true;
        break;
      case 'six-1':
          this.Yvisiable= true;
@@ -3737,6 +3728,16 @@ html,body{
 }
 </style>
 <style lang="scss" scoped>
+.bkcolor3{
+  // background-color: rgba(255, 255, 255, 0.3);
+  // color:#333;
+}
+ .activeOrange{
+      background-color:rgba(255, 255, 255, 0.3);
+      border:2px solid #fff;
+      border-radius: 5px;
+      box-sizing: border-box;
+    }
 .imgzong{
     padding-top: 4px;
     .radiocontent{

src/views/index/index.vue

@@ -98,7 +98,7 @@
        </div>
    </transition>
     <div class="right lbg_color2 ">
-        <div class="part-panel-collapse-handle lbg_color3" @click="showtrue=!showtrue">
+        <div class="part-panel-collapse-handle lbg_color3 el-tag--primary " @click="showtrue=!showtrue">
             <i class="el-icon-arrow-down"></i>
   </div>
   <el-container class="beij-container">