zouyu
2024-03-15 c91ea4d8cda53c0f319c9f4306ff03e7c774bca0
src/view/index.vue
@@ -163,7 +163,7 @@
   .tag>.el-icon-s-unfold,
   .el-icon-s-fold,
   .el-icon-delete {
   .tag>.el-icon-delete {
      font-size: 16px;
      cursor: pointer;
      margin: 0 8px;
@@ -281,7 +281,7 @@
               <i :class="a.i"></i>
               <div>{{a.v}}</div>
            </div>
            <el-popover placement="right-start" trigger="click" v-if="a.self != true && getPower(a.p)">
            <el-popover ref="popoverName" placement="right-start" trigger="click" v-if="a.self != true && getPower(a.p)">
               <div :class="`box ${activeBox == a.k ? 'active_box' : ''}`" slot="reference">
                  <i :class="a.i"></i>
                  <div style="text-align: center;">{{ a.v }}</div>
@@ -298,7 +298,6 @@
                     </el-col>
                  </div>
               </div>
            </el-popover>
            </el-popover>
         </div>
      </div>
@@ -325,7 +324,8 @@
         <el-col :span="24">
            <el-card :body-style="{padding: '6px'}">
               <ul>
                  <li style="color: red;" @click="removeTab(activeIndex)"><i class="el-icon-close"></i>关闭</li>
                  <li @click="removeTab(activeIndex)"><i class="el-icon-close"></i>关闭</li>
                  <li @click="allDel"><i class="el-icon-delete"></i>关闭所有</li>
                  <el-divider></el-divider>
                  <li @click="refreshTable"><i class="el-icon-refresh"></i>刷新</li>
               </ul>
@@ -359,12 +359,7 @@
            activeBox: 0,
            activeP: 0,
            tabActive: 0,
            tabs: [{
               k: 0,
               v: "个人首页",
               i: "font icon-a-Group1124",
               u: "nullFace"
            }],
            tabs: [],
            upIndex: 0,
            activeIndex: 0,
            power: []
@@ -376,9 +371,36 @@
      mounted() {
         this.userName = JSON.parse(localStorage.getItem("user")).name;
         this.power = JSON.parse(sessionStorage.getItem('power'))
         this.tabs = JSON.parse(localStorage.getItem('tabs'))
         if (this.tabs == undefined || this.tabs == null) {
            this.tabs = [{
               k: 0,
               v: "个人首页",
               i: "font icon-a-Group1124",
               u: "nullFace"
            }]
         }
         this.tabActive = JSON.parse(localStorage.getItem('tabActive'))
         if (this.tabActive == undefined || this.tabActive == null) {
            this.tabActive = 0
         }
         this.activeP = JSON.parse(localStorage.getItem('activeP'))
         if (this.activeP == undefined || this.activeP == null) {
            this.activeP = 0
         }
         this.activeBox = JSON.parse(localStorage.getItem('activeBox'))
         if (this.activeBox == undefined || this.activeBox == null) {
            this.activeBox = 0
         }
         this.getPower()
      },
      methods: {
         saveClick(){
            localStorage.setItem('tabs', JSON.stringify(this.tabs))
            localStorage.setItem('tabActive', JSON.stringify(this.tabActive))
            localStorage.setItem('activeP', JSON.stringify(this.activeP))
            localStorage.setItem('activeBox', JSON.stringify(this.activeBox))
         },
         addTab(ob, self) {
            this.activeBox = self == -1 ? ob.k : self
            this.activeP = ob.k; //0
@@ -390,9 +412,13 @@
               }
            });
            if (num == -1) {
               if(ob.u == "") ob.u = "nullFace"
               if (ob.u == "") ob.u = "nullFace"
               this.tabs.push(ob);
            }
            this.$refs['popoverName'].forEach(a=>{
               a.doClose()
            })
            this.saveClick()
         },
         removeTab(index) {
            this.tabs.splice(index, 1);
@@ -400,6 +426,7 @@
            this.activeP = data.k;
            this.tabActive = data.k;
            this.activeBox = data.k
            this.saveClick()
         },
         allDel() {
            this.activeBox = 0
@@ -407,10 +434,11 @@
            this.tabActive = 0
            this.tabs = [{
               k: 0,
               v: " 首页",
               v: "个人首页",
               i: "font icon-a-Group1124",
               u: "index-index"
               u: "nullFace"
            }]
            this.saveClick()
         },
         upTabActive(num) {
            this.tabActive = num;
@@ -423,10 +451,15 @@
                  }
               })
            }
            this.saveClick()
         },
         out() {
            sessionStorage.clear();
            localStorage.removeItem("autoenter");
            localStorage.removeItem("tabs")
            localStorage.removeItem("tabActive")
            localStorage.removeItem("activeP")
            localStorage.removeItem("activeBox")
            this.$router.push("/enter");
         },
         // 关闭右键菜单
@@ -477,8 +510,8 @@
         groupCount(g1, gs) {
            if (g1 == undefined) return 24
            let count = 0
            gs.forEach(a=>{
               if(a.g == g1) count++
            gs.forEach(a => {
               if (a.g == g1) count++
            })
            if (count > 4) return 8
            if (count > 1) return 12