From 9ff66017debadfc89bc0c1b796684a4d1dbe2bc3 Mon Sep 17 00:00:00 2001 From: fangyuan <527392886@qq.com> Date: 星期五, 16 十二月 2022 10:00:02 +0800 Subject: [PATCH] 已上报到市批量操作按钮隐藏 --- src/views/layout/components/Header/index.vue | 58 +++++++++++++++++++++++++++++++--------------------------- 1 files changed, 31 insertions(+), 27 deletions(-) diff --git a/src/views/layout/components/Header/index.vue b/src/views/layout/components/Header/index.vue index 37c5b62..058dd9d 100644 --- a/src/views/layout/components/Header/index.vue +++ b/src/views/layout/components/Header/index.vue @@ -4,21 +4,18 @@ <!-- 宸︿晶鑿滃崟 --> <div class="header-left"> <div class="menu-left__item" v-for="(item, index) in menuLeftList" :key="item.id" @click="changeActive(index)"> - <span :class="item.checked ? 'my-active' : ''">{{ item.label }}</span> + <span :class="item.checked ? 'my-active' : ''" @click="menuChange(item)">{{ item.label }}</span> </div> </div> <!-- 鍙充晶鑿滃崟 --> <div class="header-right"> - <!-- 鎼滅储妗� --> - <div class="menu-right__item search"> - <el-input suffix-icon="el-icon-search" v-model="keyword" placeholder="璇疯緭鍏ユ悳绱㈠唴瀹�"></el-input> - </div> + <div class="menu-right__item search"></div> <!-- 鐧诲綍鐢ㄦ埛 --> <div class="menu-right__item user" @mousemove="flag.user = true" @mouseleave="flag.user = false"> <el-avatar :size="20" :src="user.user.icon" v-if="user.user.icon"></el-avatar> <el-avatar :size="20" src="https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png" v-else> </el-avatar> - <span style="padding: 0 5px;">{{ user.user.username}}</span> + <span style="padding: 0 5px;">{{ user.user.username }}</span> <i class="el-icon-arrow-down"></i> <!-- 鐢ㄦ埛鎿嶄綔 --> <div class="user-card" v-if="flag.user" @mouseleave="flag.user = false"> @@ -70,10 +67,10 @@ <el-form-item prop="nickName" label="鐢ㄦ埛鍚嶇О" min-width="10"> <el-input v-model="info.nickName"></el-input> </el-form-item> - <el-form-item prop="nickName" label="鎵�灞炲鍚�" min-width="8"> + <el-form-item prop="nickName" label="鎵�灞炲鍚�" min-width="8"> <el-input v-model="info.username"></el-input> </el-form-item> - <el-form-item prop="mobile" label="鑱旂郴鏂瑰紡" min-width="7"> + <el-form-item prop="mobile" label="鑱旂郴鏂瑰紡" min-width="7"> <el-input v-model="info.mobile"></el-input> </el-form-item> <el-form-item prop="jobTitle" label="鎵�灞炶亴鍔�" min-width="8"> @@ -182,61 +179,67 @@ // 璁剧疆鐢ㄦ埛鍩烘湰淇℃伅 async setLoginInfo() { const info = JSON.parse(sessionStorage.getItem('user')); - this.getMessage(); if (info) { this.user = info; } else { this.user = await this.getLoginInfo(); } + this.getMessage(); this.show = true }, // 鑾峰彇鐧诲綍鐢ㄦ埛淇℃伅 - async getLoginInfo(){ - const name = sessionStorage.getItem('name'); - let res = await this.$axios({ - method: 'get', - url: 'sccg/admin/info?name=' + name, - }) - sessionStorage.setItem('user', JSON.stringify(res.data)); - return res.data; + async getLoginInfo() { + const name = sessionStorage.getItem('name'); + let res = await this.$axios({ + method: 'get', + url: 'sccg/admin/info?name=' + name, + }) + sessionStorage.setItem('user', JSON.stringify(res.data)); + return res.data; }, getMessage() { const userInfo = JSON.parse(sessionStorage.getItem('user')); users.getMessageAuditList({ userId: userInfo.user.id }) - .then(res => { - this.menuMessageList = res; - this.menuMessageList.forEach(item => { - this.messageCounts += item.messageNumber; - }) + .then(res => { + this.menuMessageList = res; + this.menuMessageList.forEach(item => { + this.messageCounts += item.messageNumber; }) - .catch(err => this.$message.error(`${err}`)) + }) + .catch(err => this.$message.error(`${err}`)) + }, + menuChange(data) { + if (data.id === '1f') { + window.open('http://cockpit.patstech.net:28081/cockpit/dist/board.html#/share-board/zfu0LsJ9', '_blank'); + } } } }; </script> <style lang="scss" scoped> - ::v-deep .el-form{ +::v-deep .el-form { padding: 3vh 5vw; - .el-form-item__label{ + + .el-form-item__label { color: #4b9bb7; } } + .el-header { background-color: #071a38; - color: #333; text-align: center; line-height: 60px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; - // width: 100%; color: #4b9bb7; .header-left { display: flex; flex: 1; + .menu-left__item { width: 120px; @@ -263,6 +266,7 @@ display: flex; padding-left: 10vw; flex: 1; + .item { width: 100%; position: relative; -- Gitblit v1.8.0