ソースを参照

Merge branch 'master' of http://101.36.160.140:21044/numberPro/numberWeb

jinqian 3 年 前
コミット
bd2d8e323a
共有3 個のファイルを変更した53 個の追加17 個の削除を含む
  1. 17 8
      src/App.vue
  2. 18 6
      src/assets/style/public-class.scss
  3. 18 3
      src/views/demo/warehouseShow/warehouseInfo/index.vue

+ 17 - 8
src/App.vue

@@ -23,7 +23,7 @@ export default {
23 23
 }
24 24
 </script>
25 25
 
26
-<style lang="scss">
26
+<style lang="scss" >
27 27
 @import '~@/assets/style/public-class.scss';
28 28
 //分页整体样式
29 29
 .el-pagination{
@@ -62,11 +62,20 @@ justify-content: flex-end;
62 62
 .el-table--border{
63 63
   border-color:#67a7df !important
64 64
 }
65
-//鼠标移到每行时的背景色
66
-.el-table__body tr.hover-row.current-row>td.el-table__cell,
67
-.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,
68
-.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,
69
-.el-table__body tr.hover-row>td.el-table__cell{
70
-  background:#00375b !important;
71
-}
65
+    .right_main{
66
+      border:1px solid #67a7df;
67
+      background:#112f5d;
68
+    
69
+      margin-top:10px;
70
+      .right_title{
71
+        color:#FFF;
72
+        border-bottom:1px solid #67a7df;
73
+        padding:10px;
74
+         font-size:14px;
75
+    }
76
+    .right_table{
77
+       padding:20px;
78
+    
79
+    }
80
+    }
72 81
 </style>

+ 18 - 6
src/assets/style/public-class.scss

@@ -66,15 +66,27 @@ $sizes: (0, 5, 10, 15, 20);
66 66
 .#{$prefix}-pb { padding-bottom: 20px !important; }
67 67
 .#{$prefix}-pl { padding-left: 20px !important; }
68 68
 
69
-//树形菜单
70
-.el-tree{
71
- 
72
-}
69
+
73 70
 .el-tree-node{
74 71
   background: #163d79;
75 72
   color:#fff;
76 73
   font-size:12px;
77 74
 }
78
-.el-tree-node:focus{
79
-  background:#0064b9 !important;
75
+
76
+//鼠标移到每行时的背景色
77
+.el-table__body tr.hover-row.current-row>td.el-table__cell,
78
+.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,
79
+.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,
80
+.el-table__body tr.hover-row>td.el-table__cell{
81
+  background:#00375b;
82
+}
83
+//头部导航一级菜单选中后的样式
84
+.theme-d2 .d2-theme-header .el-menu .el-menu-item.is-active{
85
+  background: #0068a0 !important;
86
+  color:#fff !important;
87
+}
88
+//头部导航二级菜单选中后的样式
89
+.theme-d2 .d2-theme-header .el-menu .el-submenu.is-active .el-submenu__title{
90
+  background: #0068a0 !important;
91
+  color:#fff !important;
80 92
 }

+ 18 - 3
src/views/demo/warehouseShow/warehouseInfo/index.vue

@@ -1,8 +1,11 @@
1 1
 <template>
2 2
   <div>
3 3
     <d2-container>
4
-      <template slot="header">仓房展示/仓房信息</template>
4
+      <template slot="header"><div class="nav">当前所在位置:首页>仓房信息</div></template>
5 5
         <div>
6
+          <div class="right_main">
7
+            <div class="right_title"><i class="fa fa-university" aria-hidden="true" style="padding-right:5px"></i>仓房信息</div>
8
+            <div class="right_table">
6 9
       <el-form :inline="true" :model="formInline" class="demo-form-inline">
7 10
         <el-form-item label="仓房名称:">
8 11
           <el-input v-model="formInline.cfName" placeholder="请选择"></el-input>
@@ -34,7 +37,7 @@
34 37
         </el-form-item>
35 38
       </el-form>
36 39
 
37
-      <el-table :data="cfInfoList" border style="width: 100%" :header-cell-style="{background:'#0064b9',color:'#fff'}">
40
+      <el-table :data="cfInfoList" border style="width: 100%" :header-cell-style="{background:'#0064b9',color:'#c9f5fa'}">
38 41
         <el-table-column prop="branchOffice" label="所属分公司" align="center">
39 42
         </el-table-column>
40 43
         <el-table-column prop="directLibrary" label="所属直属库" align="center">
@@ -82,6 +85,8 @@
82 85
           :limit.sync="listQuery.limit"
83 86
           @pagination="getList"
84 87
         /> -->
88
+        </div>
89
+        </div>
85 90
     </div>
86 91
     </d2-container>
87 92
  
@@ -175,4 +180,14 @@ export default {
175 180
     
176 181
   },
177 182
 };
178
-</script>
183
+</script>
184
+<style lang="scss" scoped>
185
+     .nav {
186
+    
187
+      color:#FFF;
188
+      font-size:14px;
189
+  
190
+      background: #004a93;
191
+    }
192
+  
193
+</style>