样式

src/App.vue

@@ -25,10 +25,48 @@ export default {
 
 <style lang="scss">
 @import '~@/assets/style/public-class.scss';
+//分页整体样式
 .el-pagination{
   margin-top: 20px;
   display:flex;
 justify-content: flex-end;
 }
+//分页总共几页样式
+.el-pagination__total {
+  color:#FFF !important
+}
+//label样式
+.el-form-item__label{
+  color:#fff !important
+}
+//树形节点选中后的颜色
+ .el-tree-node:focus>.el-tree-node__content {
+    background-color:#0064b9 !important;
+    border-radius:20px;
+}
+//树形节点鼠标移上去的颜色
+.el-tree-node__content:hover {
+     background-color:#91a8bc !important;
+}
+//table border
 
+.el-table td,.el-table th.is-leaf,.el-table-border,.el-table--group{
+  border-color:#67a7df !important
+}
+.el-table th.el-table_cell.is-leaf{
+ border:#67a7df !important
+}
+.el-table tr{
+  background:#00375e !important;
+}
+.el-table--border{
+  border-color:#67a7df !important
+}
+//鼠标移到每行时的背景色
+.el-table__body tr.hover-row.current-row>td.el-table__cell,
+.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,
+.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,
+.el-table__body tr.hover-row>td.el-table__cell{
+  background:#00375b !important;
+}
 </style>

src/assets/style/public-class.scss

@@ -68,8 +68,13 @@ $sizes: (0, 5, 10, 15, 20);
 
 //树形菜单
 .el-tree{
-  // background:#163d79 !important;
+ 
 }
 .el-tree-node{
   background: #163d79;
+  color:#fff;
+  font-size:12px;
+}
+.el-tree-node:focus{
+  background:#0064b9 !important;
 }

src/layout/header-aside/components/header-user/index.vue

@@ -1,6 +1,6 @@
 <template>
   <el-dropdown size="small" class="d2-mr">
-    <span class="btn-text">{{info.name ? `${info.name}` : '未登录'}}</span>
+    <span class="btn-text"><i class="fa fa-user" aria-hidden="true" style="padding-right:5px;"></i>{{info.name ? `${info.name}` : '未登录'}}</span>
     <el-dropdown-menu slot="dropdown">
       <el-dropdown-item @click.native="logOff">
         <d2-icon name="power-off" class="d2-mr-5"/>

src/menu/index.js

@@ -21,18 +21,18 @@ export const menuHeader = supplementPath([
  
   {
     title: '仓房展示',
-    icon: 'folder-o',
+    icon: 'university',
     children: [
       { path: '/warehouseTravel', title: '仓内遨游' },
       { path: '/warehouseInfo', title: '仓房信息' },
      
     ]
   },
-  { path: '/alarmRecord', title: '报警记录', icon: 'folder-o' },
-  { path: '/dataQuery', title: '数据查询', icon: 'folder-o' },
+  { path: '/alarmRecord', title: '报警记录', icon: 'lightbulb-o' },
+  { path: '/dataQuery', title: '数据查询', icon: 'bar-chart' },
   {
     title: '系统管理',
-    icon: 'folder-o',
+    icon: 'file-text-o',
     children: [
       { path: '/organization', title: '组织机构' },
       { path: '/userManagement', title: '用户管理' },
@@ -44,7 +44,7 @@ export const menuHeader = supplementPath([
   },
   {
     title: '参数设置',
-    icon: '',
+    icon: 'cog',
     children: [
       { path: '/hardwareParame', title: '硬件参数' },
       { path: '/scanParame', title: '扫描参数' },

src/views/demo/dataQuery/index.vue

@@ -17,13 +17,16 @@
             ref="tree"
           >
             <span class="custom-tree-node" slot-scope="{ node, data }">
-              <span> <i :class="node.icon"></i>{{ node.label }} </span>
+              <span v-if="node.level==1"> <i :class="node.icon"></i>{{ node.label }} </span>
+               <span v-if="node.level==2"> <i :class="node.icon"></i>{{ node.label }} </span>
+                <span v-if="node.level==3"> <i :class="node.icon"></i>{{ node.label }} </span>
+                 <span v-if="node.level==4"> <i></i>{{ node.label }} </span>
             </span>
           </el-tree>
         </div>
         <div class="right">
           <!-- <template slot="header">首页/数据查询</template> -->
-          <div class="nav">首页/数据查询</div>
+          <div class="nav">当前所在位置:首页>数据查询</div>
           <div class="right_main">
             <div class="right_title">数据查询</div>
             <div class="right_table">
@@ -56,7 +59,7 @@
               >
             </el-form-item>
           </el-form>
-          <el-table :data="dataSearchList" border style="width: 100%">
+          <el-table :data="dataSearchList" border style="width: 100%" :header-cell-style="{background:'#0064b9',color:'#c9f5fa'}">
             <el-table-column
               prop="directLibrary"
               label="所属直属库"
@@ -275,16 +278,18 @@ export default {
     .nav {
       padding: 10px 0 10px 10px;
       color:#FFF;
+      font-size:14px;
   
       background: #004a93;
     }
     .right_main{
-      border:1px solid #0a3e6b;
+      border:1px solid #67a7df;
       background:#112f5d;
+    
       margin-top:10px;
       .right_title{
         color:#FFF;
-        border-bottom:1px solid #0a3e6b;
+        border-bottom:1px solid #67a7df;
         padding:10px;
     }
     .right_table{

src/views/demo/warehouseShow/warehouseInfo/index.vue

@@ -34,7 +34,7 @@
         </el-form-item>
       </el-form>
 
-      <el-table :data="cfInfoList" border style="width: 100%">
+      <el-table :data="cfInfoList" border style="width: 100%" :header-cell-style="{background:'#0064b9',color:'#fff'}">
         <el-table-column prop="branchOffice" label="所属分公司" align="center">
         </el-table-column>
         <el-table-column prop="directLibrary" label="所属直属库" align="center">