Browse Source

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

jinqian 3 years ago
parent
commit
bd2d8e323a

+ 17 - 8
src/App.vue

@@ -23,7 +23,7 @@ export default {
23
 }
23
 }
24
 </script>
24
 </script>
25
 
25
 
26
-<style lang="scss">
26
+<style lang="scss" >
27
 @import '~@/assets/style/public-class.scss';
27
 @import '~@/assets/style/public-class.scss';
28
 //分页整体样式
28
 //分页整体样式
29
 .el-pagination{
29
 .el-pagination{
@@ -62,11 +62,20 @@ justify-content: flex-end;
62
 .el-table--border{
62
 .el-table--border{
63
   border-color:#67a7df !important
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
 </style>
81
 </style>

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

@@ -66,15 +66,27 @@ $sizes: (0, 5, 10, 15, 20);
66
 .#{$prefix}-pb { padding-bottom: 20px !important; }
66
 .#{$prefix}-pb { padding-bottom: 20px !important; }
67
 .#{$prefix}-pl { padding-left: 20px !important; }
67
 .#{$prefix}-pl { padding-left: 20px !important; }
68
 
68
 
69
-//树形菜单
70
-.el-tree{
71
- 
72
-}
69
+
73
 .el-tree-node{
70
 .el-tree-node{
74
   background: #163d79;
71
   background: #163d79;
75
   color:#fff;
72
   color:#fff;
76
   font-size:12px;
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
 <template>
1
 <template>
2
   <div>
2
   <div>
3
     <d2-container>
3
     <d2-container>
4
-      <template slot="header">仓房展示/仓房信息</template>
4
+      <template slot="header"><div class="nav">当前所在位置:首页>仓房信息</div></template>
5
         <div>
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
       <el-form :inline="true" :model="formInline" class="demo-form-inline">
9
       <el-form :inline="true" :model="formInline" class="demo-form-inline">
7
         <el-form-item label="仓房名称:">
10
         <el-form-item label="仓房名称:">
8
           <el-input v-model="formInline.cfName" placeholder="请选择"></el-input>
11
           <el-input v-model="formInline.cfName" placeholder="请选择"></el-input>
@@ -34,7 +37,7 @@
34
         </el-form-item>
37
         </el-form-item>
35
       </el-form>
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
         <el-table-column prop="branchOffice" label="所属分公司" align="center">
41
         <el-table-column prop="branchOffice" label="所属分公司" align="center">
39
         </el-table-column>
42
         </el-table-column>
40
         <el-table-column prop="directLibrary" label="所属直属库" align="center">
43
         <el-table-column prop="directLibrary" label="所属直属库" align="center">
@@ -82,6 +85,8 @@
82
           :limit.sync="listQuery.limit"
85
           :limit.sync="listQuery.limit"
83
           @pagination="getList"
86
           @pagination="getList"
84
         /> -->
87
         /> -->
88
+        </div>
89
+        </div>
85
     </div>
90
     </div>
86
     </d2-container>
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>