菜单树

wl

2022-11-22 83b81a748405be91ab215c7dd3408e1dac4b2292

菜单树

 package-lock.json

@@ -1951,6 +1951,29 @@
        "webpack-merge": "^5.7.3",
        "webpack-virtual-modules": "^0.4.2",
        "whatwg-fetch": "^3.6.2"
      },
      "dependencies": {
        "@vue/vue-loader-v15": {
          "version": "npm:vue-loader@15.10.1",
          "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.10.1.tgz",
          "integrity": "sha512-SaPHK1A01VrNthlix6h1hq4uJu7S/z0kdLUb6klubo738NeQoLbS6V9/d8Pv19tU0XdQKju3D1HSKuI8wJ5wMA==",
          "dev": true,
          "requires": {
            "@vue/component-compiler-utils": "^3.1.0",
            "hash-sum": "^1.0.2",
            "loader-utils": "^1.1.0",
            "vue-hot-reload-api": "^2.3.0",
            "vue-style-loader": "^4.1.0"
          },
          "dependencies": {
            "hash-sum": {
              "version": "1.0.2",
              "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
              "integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
              "dev": true
            }
          }
        }
      }
    },
    "@vue/cli-shared-utils": {
@@ -2057,27 +2080,6 @@
          "version": "2.1.2",
          "resolved": "https://registry.npmmirror.com/yallist/-/yallist-2.1.2.tgz",
          "integrity": "sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==",
          "dev": true
        }
      }
    },
    "@vue/vue-loader-v15": {
      "version": "npm:vue-loader@15.10.1",
      "resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-15.10.1.tgz",
      "integrity": "sha512-SaPHK1A01VrNthlix6h1hq4uJu7S/z0kdLUb6klubo738NeQoLbS6V9/d8Pv19tU0XdQKju3D1HSKuI8wJ5wMA==",
      "dev": true,
      "requires": {
        "@vue/component-compiler-utils": "^3.1.0",
        "hash-sum": "^1.0.2",
        "loader-utils": "^1.1.0",
        "vue-hot-reload-api": "^2.3.0",
        "vue-style-loader": "^4.1.0"
      },
      "dependencies": {
        "hash-sum": {
          "version": "1.0.2",
          "resolved": "https://registry.npmmirror.com/hash-sum/-/hash-sum-1.0.2.tgz",
          "integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
          "dev": true
        }
      }

 src/views/layout/components/Header/index.vue

@@ -18,7 +18,7 @@
        <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 +70,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,46 +182,48 @@
    // 设置用户基本信息
    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}`))
    }
  }
};
</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;
@@ -237,6 +239,7 @@
  .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;