From 21ddc9ec1b1b76d2ce20e512328e65acaf1af2bf Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期一, 16 一月 2023 10:35:15 +0800 Subject: [PATCH] 廊坊代码更新 --- src/views/Synthesis/index.vue | 57 +++++++++++++++++++++++++++++++++++++++++---------------- 1 files changed, 41 insertions(+), 16 deletions(-) diff --git a/src/views/Synthesis/index.vue b/src/views/Synthesis/index.vue index 111b2f3..1571328 100644 --- a/src/views/Synthesis/index.vue +++ b/src/views/Synthesis/index.vue @@ -6,7 +6,23 @@ element-loading-background="rgba(0, 0, 0, 0.8)" > <div class="lefIcon"> - <ul> + <div + v-for="item in showMenuList" + class="MenuIcon" + :class="{ lefMenuActive: showMenuFlag == item.id }" + > + <div + class="menuDiv" + :title="item.name" + @click="setMenuChange(item)" + > + <div + class="menuImage" + :class="item.class" + ></div> + </div> + </div> + <!-- <ul> <li v-for="item in showMenuList" :class="{ lefMenuActive: showMenuFlag == item.id }" @@ -22,7 +38,7 @@ ></div> </div> </li> - </ul> + </ul> --> </div> <div class="rightContent"> <div @@ -124,7 +140,7 @@ }; }, watch: {}, - created() { }, + methods: { //宸︿晶鑿滃崟婊戝姩鏄鹃殣 setMenuChange(res) { @@ -141,8 +157,8 @@ }, //鍒濆鍖栬彍鍗曟巿鏉� async getPermsMenu() { - - if (this.$store.state.currentPerms == '') { + + if (this.$store.state.currentPerms == '' || this.$store.state.currentPerms != '/comprehensive') { this.$store.state.currentPerms = '/comprehensive'; } if (this.$store.state.permsEntity.length == 0) { @@ -151,12 +167,13 @@ } var val = this.$store.state.currentPerms; var permsEntity = this.$store.state.permsEntity; - debugger + for (var i = 0; i < permsEntity.length; i++) { if (permsEntity[i].perms == val) { this.showMenuChange(permsEntity[i], permsEntity); } } + for (var i in this.menuOption) { if (this.menuOption[i].show != false) { @@ -190,7 +207,7 @@ }, }, mounted() { - this.getPermsMenu(); + this.$store.state.layerMnage = false this.$bus.$emit('showLeftMenu', true); this.$store.state.mapMenuBoolean = false; this.$store.state.mapMenuBoxFlag = null; @@ -199,7 +216,7 @@ }, //鍒濆鍖栬彍鍗曟巿鏉� created() { - // this.getPermsMenu(); + this.getPermsMenu(); }, }; </script> @@ -212,20 +229,28 @@ .lefIcon { width: 63px; height: 100%; + overflow-y: auto; background: #353535; position: absolute; z-index: 30; - + .MenuIcon { + width: calc(100% - 2px); + height: 50px; + display: flex; + justify-content: center; + align-items: center; + border: 1px solid rgba(53, 53, 53, 0); + } .menuDiv { width: 60px; - height: 60px; + height: 50px; border: 1px solid rgba(53, 53, 53, 0); .menuImage { - width: 26px; - height: 26px; - margin-left: 17px; - margin-top: 17px; + width: 40px; + height: 40px; + margin-left: 8px; + margin-top: 6px; } .menu_img1 { @@ -338,8 +363,8 @@ border-radius: 5px; } } - /deep/.el-loading-spinner i{ - color: #1890FF; + /deep/.el-loading-spinner i { + color: #1890ff; } } </style> -- Gitblit v1.9.3