Browse Source

集团首页修改样式

fujunwen 4 years ago
parent
commit
25dcb7f528
3 changed files with 57 additions and 14 deletions
  1. 49 5
      src/assets/css/dark.less
  2. 2 2
      src/assets/css/light.less
  3. 6 7
      src/views/statistics/index.vue

+ 49 - 5
src/assets/css/dark.less

@@ -2,6 +2,48 @@
   height: calc(100vh - 26px);
   overflow: hidden;
   background: #0c102c;
+  /deep/.p-pagination{
+    background: transparent;
+    .p-total{
+      background: transparent;
+    }
+    .p-prev-btn{
+      background: #102668;
+      color: #95bfff;
+      border: 1px solid #2f5873;
+    }
+    .p-next-btn{
+      background: #102668;
+      color: #95bfff;
+      border: 1px solid #2f5873;
+    }
+      ul{
+        li{
+          background: #102668;
+          color: #95bfff;
+          border: 1px solid #2f5873;
+        }
+        li.active{
+          background: #275489;
+          color: white;
+          border: 1px solid #62c4dd;
+        }
+      }
+   
+  }
+  /deep/.p-tabs{
+    .p-tabs-nav-item{
+      background: #102567;
+      color: #8eb7f5;
+      border: 1px solid #2e5772;
+    }
+    .p-tabs-card-item-active{
+      color: white;
+    }
+  }
+  /deep/.el-dialog__body{
+    background: #0c102c;
+  }
   /deep/.p-select-search{
     .p-select-search-box{
       background-color: rgba(22,73,206,0.36)!important;
@@ -35,6 +77,7 @@
       width: 90px;
       height: 30px;
       cursor: pointer;
+      color: white;
       text-align: center;
       span {
         display: inline-block;
@@ -56,7 +99,7 @@
         border-bottom: 1px solid rgba(0, 0, 0, 0.06);
         font-size: 16px;
         font-weight: bold;
-        color: #000;
+        color: white;
       }
       .table-tabs {
         margin: 16px 0;
@@ -69,10 +112,10 @@
         thead {
           height: 40px;
           line-height: 40px;
-          background: #f8f9fa;
+          background: #0d1b4c;
           th {
             font-size: 12px;
-            color: #646a73;
+            color: #95bfff;
             font-weight: normal;
             padding: 0 24px;
           }
@@ -90,6 +133,7 @@
             td {
               padding: 0 24px;
               line-height: 22px;
+              color: white;
             }
           }
         }
@@ -195,7 +239,7 @@
       .tip{
         position: absolute;
         z-index: 8000;
-        top: 40px;
+        top: 34px;
         right: 0;
         padding: 4px 8px;
         background: rgba(31, 36, 41, 0.8);
@@ -515,7 +559,7 @@
           left: 1.4rem;
           bottom: 10rem;
           padding: 0.6rem;
-          z-index: 8000;
+          z-index: 1000;
           background: #0D368D;
           .legend-bar {
             display: flex;

+ 2 - 2
src/assets/css/light.less

@@ -170,7 +170,7 @@
        .tip{
         position: absolute;
         z-index: 8000;
-        top: 40px;
+        top: 34px;
         right: 0;
         padding: 4px 8px;
         background: rgba(31, 36, 41, 0.8);
@@ -480,7 +480,7 @@
           position: absolute;
           left: 1.4rem;
           bottom: 10rem;
-          z-index: 8000;
+          z-index: 1000;
           padding: 0.6rem;
           background: white;
           .legend-bar {

+ 6 - 7
src/views/statistics/index.vue

@@ -13,8 +13,8 @@
       <div class="home-right">
         <span style="color: #8d9399">
           <span class="span3">{{ times }}</span>
-          <img @click="changeSkin"  @mouseenter="showSwitchTip = true"  @mouseleave="delayToHideTip" src="../../assets/images/icons/switch.png">
-          <div class="tip" v-show="showSwitchTip"  @mouseenter="cancelHideTip" @mouseleave="showSwitchTip = false"  >
+          <img @click="changeSkin" @mouseleave="delayToHideTip" src="../../assets/images/icons/switch.png">
+          <div class="tip"   @mouseenter="cancelHideTip"   >
             {{skinMode === 'light' ? '切换驾驶舱':'切换集团首页'}}
           </div>
         </span>
@@ -353,8 +353,9 @@
               </tr>
             </tbody>
           </table>
+             <!-- v-show="pageCount > 9" -->
           <Pagination
-            v-show="pageCount > 9"
+         
             :pageCount="pageCount"
             style="float: right; margin-top: 20px"
             :page="currentPage"
@@ -407,7 +408,7 @@ export default {
       testTree: true,
       exceptionData: [],
       storeExceptionData: [],
-      activeName: "",
+      activeName: "2",
       systemExceptionData: {},
       showMask: false, // 控制遮罩层的显示隐藏
       placeholder: "全部",
@@ -1197,9 +1198,6 @@ export default {
      *@description 打开弹窗
      */
     openMaskPanel(system) {
-      if(this.skinMode === 'dark') {
-        return false;
-      }
       let target = this.getDataByCityCcode(this.selectedZone)
       if (target) {
         this.currentDialogLevel = target.level
@@ -1224,6 +1222,7 @@ export default {
           });
         }
       });
+ 
       if (this.tabData.length) {
         this.activeName = this.tabData[0].id;
         this.currentDialogTab = this.activeName;