调整样式

src/assets/style/initial.css

@@ -20,7 +20,7 @@ a {
   color: #a5acb3;
 }
 .ww{
-  width: 1142px;
+  width: 1650px;
   margin: 0 auto;
 }
 .right{

src/views/holding/holding3_look.vue

@@ -1101,6 +1101,7 @@ body .el-table::before {
             height: 100%;
           }
           &>p {
+            text-align: left;
             padding-left: 122px;
             flex: 1;
             width: 176px;

src/views/home/index.vue

@@ -2,77 +2,53 @@
 <template>
   <div class="home ww">
     <div class="top">
-      <div class="user">
-        <div class="box">
-          <img src="@/assets/img/user.png" alt="" />
-        </div>
-        <div class="txt">
-          <h3>{{userData.roleName}}</h3>
-          <p><i class="el-icon-user-solid"></i>{{userData.realName}}</p>
-        </div>
-      </div>
-      <div class="fast">
-        <h3>快捷入口</h3>
-        <div class="object">
-          <div class="block">
-            <el-carousel
-              trigger="click"
-              height="105px"
-              :autoplay="false"
-              :loop='false'
-              arrow="always"
-              indicator-position="none"
-            >
-              <el-carousel-item>
-                <ul class="info" @mouseleave='myInd=null'>
-                  <li v-for="(item,index) in info1" :key="item.inoc" @click="skip(item)" @mouseenter='myInd=index' :class="{active:!item.authority}">
-                  <!-- <template v-if="item.authority"> -->
-                    <div class="ico">
-          <img :src="require('@/assets/inco/'+item.inoc+'ac.png')" alt="" v-if="myInd===index">
-          <img :src="require('@/assets/inco/'+item.inoc+'.png')" alt="" v-else>
-                    </div>
-                    <p>{{ item.name }}</p>
-                  <!-- </template> -->
-                  </li>
-                </ul>
-              </el-carousel-item>
-              <el-carousel-item>
-                <ul class="info" @mouseleave='myInd=null'>
-                  <li v-for="(item,index) in info2" :key="item.inoc" @click="skip(item)" @mouseenter='myInd=index' :class="{active:!item.authority}">
-                    <div class="ico">
-          <img :src="require('@/assets/inco/'+item.inoc+'ac.png')" alt="" v-if="myInd===index">
-          <img :src="require('@/assets/inco/'+item.inoc+'.png')" alt="" v-else>
-                    </div>
-                    <p>{{ item.name }}</p>
-                  </li>
-                </ul>
-              </el-carousel-item>
-            </el-carousel>
+      <div class="rukou">快捷入口</div>
+      <div class="RKico">
+        <template v-for="(item, index) in info1">
+        <div
+          :key="index"
+          :class="{ active: RKicoInd === index,noPass:!item.authority}"
+          @mouseenter="RKicoInd = index"
+          @mouseleave="RKicoInd = null"
+          @click="$router.push(item.push)"
+        >
+          <div class="img">
+            <img :src="require('@/assets/img/' + item.inoc + '.png')" alt="" />
           </div>
+          <p>{{ item.name }}</p>
         </div>
+        </template>
       </div>
     </div>
+
+      <div class="title">业务统计</div>
     <div class="conten">
-      <!-- <div class="letf letfHome"></div> -->
-      <!-- <div class="right rightHome"></div> -->
-      <div class="letf" >
+      <div class="letf">
         <div class="title">
           <h3>馆藏统计</h3>
-          <el-button @click="$router.push('/layout/statistics1')">查看更多</el-button>
         </div>
-       <!-- <div class="none" v-if="0">暂无数据</div> -->
-          <div class="echarts"></div>
+        <div class="echarts"></div>
       </div>
-      <div class="right"  >
+      <div class="centen"></div>
+      <div class="right">
         <div class="title">
-          <h3>待办提醒</h3>
+          <h3>待办事项</h3>
+        </div>
+        <div class="right_con">
+        <div
+          class="dingdong"
+          v-for="(item, index) in dingdong"
+          :key="index"
+          @click="skip(item)"
+          :class="{ active: !item.authority }"
+        >
+          <p>{{ item.name }}</p>
+          <span v-if="!item.authority">暂无权限</span>
+          <span v-else
+            >共有 <i> {{ item.inoc }} </i> 代办事项</span
+          >
         </div>
-        <div class="dingdong" v-for="(item,index) in dingdong" :key="index" @click="skip(item)" :class="{active:!item.authority}">
-            <p>{{item.name}}</p>
-            <span v-if="!item.authority">暂无权限</span>
-            <span v-else>共有 <i> {{item.inoc}} </i> 代办事项</span>
         </div>
-
       </div>
     </div>
   </div>
@@ -102,35 +78,108 @@ export default {
   components: {},
   data () {
     return {
-      myInd: null,
+      RKicoInd: null,
       // 用户信息
       userData: {},
       info1: [
-        { name: '藏品登记', inoc: 'holding0', push: '/layout/holding0', authority: false },
-        { name: '藏品总账', inoc: 'holding3', push: '/layout/holding3', authority: false },
-        { name: '藏品修改', inoc: 'holding4', push: '/layout/holding4', authority: false },
-        { name: '藏品注销', inoc: 'holding5', push: '/layout/holding5', authority: false }
-      ],
-      info2: [
-        { name: '入库管理', inoc: 'holding1', push: '/layout/holding1', authority: false },
-        { name: '出库管理', inoc: 'holding2', push: '/layout/holding2', authority: false },
-        { name: '藏品移库', inoc: 'statistics2', push: '/layout/statistics2', authority: false },
-        { name: '库房设置', inoc: 'statistics0', push: '/layout/statistics0', authority: false }
-        // { name: '征集品总账', inoc: 'collect0', push: '/layout/collect0' },
-        // { name: '征集品提用', inoc: 'collect1', push: '/layout/collect1' },
-        // { name: '征集品注销', inoc: 'collect2', push: '/layout/collect2' }
+        {
+          name: '藏品登记',
+          inoc: 'home1',
+          push: '/layout/holding0',
+          authority: false
+        },
+        {
+          name: '藏品总账',
+          inoc: 'home2',
+          push: '/layout/holding3',
+          authority: false
+        },
+        {
+          name: '藏品修改',
+          inoc: 'home3',
+          push: '/layout/holding4',
+          authority: false
+        },
+        {
+          name: '藏品注销',
+          inoc: 'home4',
+          push: '/layout/holding5',
+          authority: false
+        },
+        {
+          name: '入库管理',
+          inoc: 'home5',
+          push: '/layout/holding1',
+          authority: false
+        },
+        {
+          name: '出库管理',
+          inoc: 'home6',
+          push: '/layout/holding2',
+          authority: false
+        },
+        {
+          name: '藏品移库',
+          inoc: 'home7',
+          push: '/layout/statistics2',
+          authority: false
+        },
+        {
+          name: '库房设置',
+          inoc: 'home8',
+          push: '/layout/statistics0',
+          authority: false
+        }
       ],
+      // info2: [
+      //   { name: '入库管理', inoc: 'holding1', push: '/layout/holding1', authority: false },
+      //   { name: '出库管理', inoc: 'holding2', push: '/layout/holding2', authority: false },
+      //   { name: '藏品移库', inoc: 'statistics2', push: '/layout/statistics2', authority: false },
+      //   { name: '库房设置', inoc: 'statistics0', push: '/layout/statistics0', authority: false }
+      //   // { name: '征集品总账', inoc: 'collect0', push: '/layout/collect0' },
+      //   // { name: '征集品提用', inoc: 'collect1', push: '/layout/collect1' },
+      //   // { name: '征集品注销', inoc: 'collect2', push: '/layout/collect2' }
+      // ],
       dingdong: [
-        { name: '藏品登记', inoc: 0, push: '/layout/holding0', authority: false },
-        { name: '入库管理', inoc: 0, push: '/layout/holding1', authority: false },
-        { name: '出库管理', inoc: 0, push: '/layout/holding2', authority: false },
-        { name: '藏品修改', inoc: 0, push: '/layout/holding4', authority: false },
-        { name: '藏品注销', inoc: 0, push: '/layout/holding5', authority: false },
-        { name: '藏品移库', inoc: 0, push: '/layout/statistics2', authority: false }
+        {
+          name: '藏品登记',
+          inoc: 0,
+          push: '/layout/holding0',
+          authority: false
+        },
+        {
+          name: '入库管理',
+          inoc: 0,
+          push: '/layout/holding1',
+          authority: false
+        },
+        {
+          name: '出库管理',
+          inoc: 0,
+          push: '/layout/holding2',
+          authority: false
+        },
+        {
+          name: '藏品修改',
+          inoc: 0,
+          push: '/layout/holding4',
+          authority: false
+        },
+        {
+          name: '藏品注销',
+          inoc: 0,
+          push: '/layout/holding5',
+          authority: false
+        },
+        {
+          name: '藏品移库',
+          inoc: 0,
+          push: '/layout/statistics2',
+          authority: false
+        }
         // { name: '征集品提用', inoc: 0, push: '/layout/collect1' },
         // { name: '征集品修改', inoc: 0, push: '/layout/collect3' },
         // { name: '征集品注销', inoc: 0, push: '/layout/collect2' }
-
       ]
     }
   },
@@ -157,16 +206,16 @@ export default {
     // 获取角色权限树
     let temp2 = localStorage.getItem('daliCK_limits')
     temp2 = JSON.parse(temp2)
-    console.log(999, temp2)
-    temp2.forEach(v => {
-      if (v.authority && v.id === 100) this.info1[0].authority = this.dingdong[0].authority = true // 藏品登记
-      if (v.authority && v.id === 300) this.info2[0].authority = this.dingdong[1].authority = true // 入库管理
-      if (v.authority && v.id === 400) this.info2[1].authority = this.dingdong[2].authority = true // 出库管理
-      if (v.authority && v.id === 500) this.info1[2].authority = this.dingdong[3].authority = true // 藏品修改
-      if (v.authority && v.id === 600) this.info1[3].authority = this.dingdong[4].authority = true // 藏品注销
-      if (v.authority && v.id === 800) this.info2[2].authority = this.dingdong[5].authority = true // 藏品移库
+    // console.log(999, temp2)
+    temp2.forEach((v) => {
+      if (v.authority && v.id === 100) { this.info1[0].authority = this.dingdong[0].authority = true } // 藏品登记
+      if (v.authority && v.id === 300) { this.info1[4].authority = this.dingdong[1].authority = true } // 入库管理
+      if (v.authority && v.id === 400) { this.info1[5].authority = this.dingdong[2].authority = true } // 出库管理
+      if (v.authority && v.id === 500) { this.info1[2].authority = this.dingdong[3].authority = true } // 藏品修改
+      if (v.authority && v.id === 600) { this.info1[3].authority = this.dingdong[4].authority = true } // 藏品注销
+      if (v.authority && v.id === 800) { this.info1[6].authority = this.dingdong[5].authority = true } // 藏品移库
       if (v.authority && v.id === 200) this.info1[1].authority = true // 藏品总账
-      if (v.authority && v.id === 700) this.info2[3].authority = true // 库房设置
+      if (v.authority && v.id === 700) this.info1[7].authority = true // 库房设置
     })
   },
   // 生命周期 - 挂载完成（可以访问DOM元素）
@@ -209,32 +258,32 @@ export default {
     this.userData = JSON.parse(userData).user
     // 进页面拿数据--藏品登记
     const res = await getList({ pageNum: 1, pageSize: 99999 })
-    res.data.list.forEach(v => {
+    res.data.list.forEach((v) => {
       if (v.status === 1 || v.status === 0) this.dingdong[0].inoc++
     })
     // 进页面拿数据--入库管理
     const res1 = await getList1({ pageNum: 1, pageSize: 99999 })
-    res1.data.list.forEach(v => {
+    res1.data.list.forEach((v) => {
       if (v.status === 1 || v.status === 0) this.dingdong[1].inoc++
     })
     // 进页面拿数据--出库管理
     const res2 = await getList2({ pageNum: 1, pageSize: 99999 })
-    res2.data.list.forEach(v => {
-      if (v.status === 1 || v.status === 0 || v.status === 3) this.dingdong[2].inoc++
+    res2.data.list.forEach((v) => {
+      if (v.status === 1 || v.status === 0 || v.status === 3) { this.dingdong[2].inoc++ }
     })
     // 进页面拿数据--藏品修改
     const res4 = await getList4({ pageNum: 1, pageSize: 99999 })
-    res4.data.list.forEach(v => {
+    res4.data.list.forEach((v) => {
       if (v.status === 1) this.dingdong[3].inoc++
     })
     // 进页面拿数据--藏品注销
     const res5 = await getList5({ pageNum: 1, pageSize: 99999 })
-    res5.data.list.forEach(v => {
+    res5.data.list.forEach((v) => {
       if (v.status === 1 || v.status === 0) this.dingdong[4].inoc++
     })
     // 进页面拿数据--藏品移库
     const sta2 = await statistics2({ pageNum: 1, pageSize: 99999 })
-    sta2.data.list.forEach(v => {
+    sta2.data.list.forEach((v) => {
       if (v.status === 1) this.dingdong[5].inoc++
     })
     // 进页面拿数据--征集品提用
@@ -268,86 +317,48 @@ export default {
   .top {
     width: 100%;
     height: 190px;
-    background-color: #fff;
     margin: 30px 0 40px;
-    display: flex;
-    align-items: center;
-    .user {
+    .rukou {
+      color: #344d8f;
+      font-weight: 700;
+    }
+    .RKico {
+      margin-top: 20px;
       display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 390px;
-      height: 110px;
-      border-right: 1px solid #666;
-      .box {
-        width: 80px;
-        height: 80px;
-        border-radius: 50%;
-        overflow: hidden;
-        img {
-          object-fit: cover;
-          width: 100%;
-          height: 100%;
-        }
-      }
-      .txt {
-        color: black;
-        height: 60px;
+      justify-content: space-between;
+      .img {
+        cursor: pointer;
+        margin-bottom: 15px;
         display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        margin-left: 24px;
+        justify-content: center;
+        align-items: center;
+        width: 110px;
+        height: 110px;
+        background-color: #3e5eb3;
       }
     }
-    .fast {
-      flex: 1;
-      height: 124px;
-      padding-left: 50px;
-      h3 {
+    p {
+      color: #404040;
+      cursor: pointer;
+      font-size: 18px;
+      text-align: center;
+    }
+    .active {
+      .img {
+        background-color: #4a78f4;
+      }
+      p {
         color: black;
+        font-weight: 700;
       }
-      .object {
-        width: 640px;
-        height: 95px;
-        /deep/.el-carousel__arrow {
-          background-color: transparent;
-          i {
-            font-size: 30px;
-            color: #aaaaaa;
-          }
-        }
-        .info {
-          padding: 15px 30px 0px 33px;
-          display: flex;
-          justify-content: space-around;
-          li {
-            cursor: pointer;
-            &:hover p{
-              color: #3E5EB3;
-            }
-            p {
-              color: black;
-              text-align: center;
-              margin-top: 10px;
-            }
-            .ico {
-              display: flex;
-              justify-content: center;
-              align-items: center;
-              width: 78px;
-              height: 56px;
-              border-radius: 5px;
-              &>i {
-                color: black;
-                font-size: 40px;
-              }
-            }
-          }
-          .active {
-            pointer-events:none;
-            display: none;
-          }
-        }
+    }
+    .noPass{
+      pointer-events: none;
+      .img{
+        background-color: #ccc;
+      }
+      p{
+        color: #ccc;
       }
     }
   }
@@ -356,7 +367,7 @@ export default {
       position: absolute;
       left: 50%;
       top: 50%;
-      transform: translate(-50%,-50%);
+      transform: translate(-50%, -50%);
       color: black;
       font-size: 30px;
     }
@@ -367,33 +378,31 @@ export default {
       background-color: #fff;
       height: 100%;
       width: 48.5%;
-      padding: 0 30px;
       .title {
         padding: 0 20px;
-        height: 90px;
+        height: 50px;
         // border-bottom: 1px solid #ccc;
         display: flex;
         justify-content: space-between;
         align-items: center;
         h3 {
-          color: black;
+          font-weight: 400;
+          color: #404040;
         }
       }
     }
+     & > div:nth-of-type(2) {
+       margin: 0 50px;
+     }
     .letf {
-      .echarts{
+      .echarts {
         position: absolute;
         left: 0;
         bottom: 0;
         width: 100%;
-        height: 80%;
-
-      }
-      .title{
-        border-bottom: 1px solid #ccc;
+        height: 90%;
       }
       position: relative;
-
     }
     .right {
       position: relative;
@@ -401,7 +410,7 @@ export default {
         margin-top: 30px;
       }
       .examine {
-        color: #3E5EB3;
+        color: #3e5eb3;
         cursor: pointer;
       }
       .paging {
@@ -410,33 +419,48 @@ export default {
         display: flex;
         justify-content: center;
       }
-      .dingdong{
+      .dingdong {
+        margin-bottom: 20px;
         cursor: pointer;
-        &>p{
+        & > p {
           margin-bottom: 10px;
         }
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
-        height: 125px;
+        height: 152px;
         float: left;
-        width: 50%;
-        border: 1px solid #ccc;
-        &>span {
+        width: 152px;
+        background-color:#efefef;
+        & > span {
           font-size: 20px;
-          &>i {
+          & > i {
             font-size: 28px;
             color: #0000ff;
-            font-style:normal
+            font-style: normal;
           }
           color: black;
         }
       }
+      .right_con{
+        margin-top: 50px;
+        width: 100%;
+        display: flex;
+        justify-content: space-around;
+        flex-wrap: wrap;
+        height: auto;
+      }
       .active {
-        pointer-events:none;
+        pointer-events: none;
       }
+
     }
   }
+  .title{
+    color: #344d8f;
+    font-weight: 700;
+    margin-bottom: 20px;
+  }
 }
 </style>

src/views/layout/index.vue

@@ -1,13 +1,12 @@
 <!--  -->
 <template>
   <div class="layout">
-    <div class="top" @mouseleave="isShow = 0">
+    <div class="top">
       <div class="left">
-        <img src="@/assets/img/logo.png" alt="" />
+        <img src="../../assets/img/logo.png" alt="" />
         <h2>馆藏管理系统</h2>
         <div
           class="box"
-          @mouseenter="isShow = index"
           v-for="(item, index) in tabList"
           :key="index"
         >
@@ -17,7 +16,7 @@
           >
             {{ item.name }}
             <!-- v-show="isShow === index" -->
-            <ul v-show="isShow === index"  @mouseenter="isShow = index">
+            <!-- <ul v-show="isShow === index"  @mouseenter="isShow = index">
               <li
                 v-for="(val, ind) in item.son"
                 :key="ind"
@@ -25,7 +24,7 @@
               >
                 {{ val.name }}
               </li>
-            </ul>
+            </ul> -->
           </a>
         </div>
 
@@ -38,51 +37,52 @@
         <router-link to="/layout/statistics0" :class='{active:$route.meta.myInd===3}'>库房管理</router-link>
         <router-link to="/layout/system0" :class='{active:$route.meta.myInd===4}'>系统管理</router-link> -->
       </div>
-      <div class="right">
+      <div class="right" @click="pulldownShow=!pulldownShow">
         <div class="img">
           <img src="@/assets/img/user1.jpg" alt="" />
         </div>
         <span>{{ userData.realName }}</span>
-        <span class="loginOut" @click="isShowPass=!isShowPass">修改密码</span>
-        <span class="loginOut" @click="loginOut">退出登录</span>
-        <!-- 修改密码 -->
-        <div class="editPass" v-show="isShowPass">
-          <el-form
-            :model="form"
-            label-width="100px"
-            :rules="rules"
-            ref="ruleForm"
-          >
-            <el-form-item label="旧密码：" prop="oldPassword">
-              <el-input
-                v-model="form.oldPassword"
-                placeholder="请输入"
-                show-password
-              ></el-input>
-            </el-form-item>
-            <el-form-item label="新密码：" prop="newPassword">
-              <el-input
-                v-model="form.newPassword"
-                placeholder="请输入"
-                show-password
-              ></el-input>
-            </el-form-item>
-            <el-form-item label="确定新密码：" prop="checkPass">
-              <el-input
-                v-model="form.checkPass"
-                placeholder="请输入"
-                show-password
-              ></el-input>
-            </el-form-item>
-          </el-form>
-          <div class="button">
-            <el-button size="small" type="primary" @click="editPass">确 定</el-button>
-            <el-button size="small" @click="isShowPass=!isShowPass">取 消</el-button>
-          </div>
-        </div>
+        <i class="el-icon-caret-top" v-if="pulldownShow"></i>
+        <i class="el-icon-caret-bottom" v-else></i>
+        <!-- 点击箭头的显示和隐藏 -->
+        <ul class="pulldown" v-show="pulldownShow">
+          <li @click="isShow = true">修改密码</li>
+          <li @click="loginOut">退出登录</li>
+        </ul>
       </div>
     </div>
     <Router-view />
+
+        <!-- 点击修改密码出现弹窗 -->
+    <el-dialog title="修改密码" :visible.sync="isShow"  @close="btnX()">
+      <el-form :model="form" label-width="100px" :rules="rules" ref="ruleForm">
+        <el-form-item label="旧密码：" prop="oldPassword">
+          <el-input
+            v-model="form.oldPassword"
+            placeholder="请输入"
+            show-password
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="新密码：" prop="newPassword">
+          <el-input
+            v-model="form.newPassword"
+            placeholder="请输入"
+            show-password
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="确定新密码：" prop="checkPass">
+          <el-input
+            v-model="form.checkPass"
+            placeholder="请输入"
+            show-password
+          ></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="btnX">取 消</el-button>
+        <el-button type="primary" @click="btnOk">确 定</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -103,7 +103,8 @@ export default {
       }
     }
     return {
-      isShowPass: false,
+      isShow: false,
+      pulldownShow: false,
       // 修改密码
       form: {
         oldPassword: '',
@@ -113,7 +114,7 @@ export default {
       // 用户信息
       userData: {},
       // 控制子菜单显示
-      isShow: 0,
+      // isShow: 0,
       tabList: [
         {
           name: '首页',
@@ -179,15 +180,23 @@ export default {
   watch: {},
   // 方法集合
   methods: {
-    // 点击修改密码
-
-    async editPass () {
+  // 修改密码点击取消
+    btnX () {
+      this.$refs.ruleForm.resetFields()
+      this.cut = false
+      this.isShow = false
+      this.form = {
+        oldPassword: '',
+        newPassword: '',
+        checkPass: ''
+      }
+    },
+    // 修改密码点击确定
+    async btnOk () {
+      await this.$refs.ruleForm.validate()
       try {
-        await this.$refs.ruleForm.validate()
         await editPass(this.form)
         this.$message.success('修改成功')
-        // 发请求，清空数据
-        await loginOut()
         localStorage.removeItem('daliCK')
         localStorage.removeItem('daliCK_token')
         this.$router.push('/login')
@@ -220,18 +229,21 @@ export default {
           })
         })
     },
-    skip (item, ind, name) {
-      this.$router.push(item.push + ind).catch(() => {})
-      this.isShow = 0
-      // 如果从别的tab栏点击藏品总账，就自动刷新页面获取最新信息  location.reload(true)
-      this.$nextTick(() => {
-        setTimeout(() => {
-          if (name === '藏品总账' || name === '征集品总账') location.reload(true)
-        }, 500)
-      })
-    },
+    // skip (item, ind, name) {
+    //   this.$router.push(item.push + ind).catch(() => {})
+    //   this.isShow = 0
+    //   // 如果从别的tab栏点击藏品总账，就自动刷新页面获取最新信息  location.reload(true)
+    //   this.$nextTick(() => {
+    //     setTimeout(() => {
+    //       if (name === '藏品总账' || name === '征集品总账') location.reload(true)
+    //     }, 500)
+    //   })
+    // },
     toHome (index) {
       if (index === 0) this.$router.push('/layout/home').catch(() => {})
+      if (index === 1) this.$router.push('/layout/holding0').catch(() => {})
+      if (index === 2) this.$router.push('/layout/statistics0').catch(() => {})
+      if (index === 3) this.$router.push('/layout/system2').catch(() => {})
     }
   },
   // 生命周期 - 创建完成（可以访问当前this实例）
@@ -262,20 +274,20 @@ export default {
       } // 不是超级管理员和系统管理员
     }
     // 获取用户权限数据
-    let temp2 = localStorage.getItem('daliCK_limits')
-    temp2 = JSON.parse(temp2)
-    // console.log(666, this.tabList[1].son, this.tabList[2].son)
-    const tempList1 = []
-    const tempList2 = []
-    temp2.forEach(v => {
-      if (v.authority) {
-        if ((this.tabList[1].son.filter(p => p.ip === v.id))[0]) tempList1.push((this.tabList[1].son.filter(p => p.ip === v.id))[0])
-        if ((this.tabList[2].son.filter(p => p.ip === v.id))[0]) tempList2.push((this.tabList[2].son.filter(p => p.ip === v.id))[0])
-      }
-    })
-    this.tabList[1].son = tempList1
-    tempList2.push({ name: '统计报表', id: 1, ip: 99999 })
-    this.tabList[2].son = tempList2
+    // let temp2 = localStorage.getItem('daliCK_limits')
+    // temp2 = JSON.parse(temp2)
+    // // console.log(666, this.tabList[1].son, this.tabList[2].son)
+    // const tempList1 = []
+    // const tempList2 = []
+    // temp2.forEach(v => {
+    //   if (v.authority) {
+    //     if ((this.tabList[1].son.filter(p => p.ip === v.id))[0]) tempList1.push((this.tabList[1].son.filter(p => p.ip === v.id))[0])
+    //     if ((this.tabList[2].son.filter(p => p.ip === v.id))[0]) tempList2.push((this.tabList[2].son.filter(p => p.ip === v.id))[0])
+    //   }
+    // })
+    // this.tabList[1].son = tempList1
+    // tempList2.push({ name: '统计报表', id: 1, ip: 99999 })
+    // this.tabList[2].son = tempList2
     // console.log(999, temp2)
   },
   beforeCreate () {}, // 生命周期 - 创建之前
@@ -350,6 +362,7 @@ export default {
     }
   }
   .right {
+    cursor: pointer;
     color: #fff;
     position: relative;
     .editPass {
@@ -389,6 +402,26 @@ export default {
     & > span {
       margin-left: 15px;
     }
+    i {
+      margin-top: 5px;
+      margin-left: 5px;
+    }
+    .pulldown{
+      z-index: 999;
+      background-color: #fff;
+      position: absolute;
+      bottom: -74px;
+      right: 0px;
+      li {
+        padding:10px 20px;
+        height: 40px;
+        color: #3E5EB3;
+      }
+      li:hover{
+        background-color:#3E5EB3;
+        color: #fff;
+      }
+    }
   }
 }
 </style>