Merge remote-tracking branch 'origin/master'

value

2023-08-28 b1dd7463eebcd7e67f94244988ebbc3b9d29c1b7

 src/layout/components/Navbar.vue

@@ -7,18 +7,18 @@
    <div class="right-menu">
      <div class="right-serves">
        <!-- <i class="el-icon-setting" /> -->
        

        <p @click="toMessage"><el-badge is-dot class="el-icon-bell message-icon"></el-badge></p>
        <!-- <i class="el-icon-time" /> -->
      </div>
      <el-dropdown class="avatar-container" trigger="click">
        <div class="avatar-wrapper">
          <a class="user-avatar">{{ user.name.slice(0,1) }}</a>
          <a class="user-avatar">{{ user.name.slice(0, 1) }}</a>
        </div>
        <el-dropdown-menu slot="dropdown" class="user-dropdown">
            <el-dropdown-item >
              <p @click="dialogFormVisible = true">修改密码</p>
            </el-dropdown-item>
          <el-dropdown-item>
            <p @click="dialogFormVisible = true">修改密码</p>
          </el-dropdown-item>
          <el-dropdown-item divided @click.native="logout">
            <span style="display:block;">退出登录</span>
          </el-dropdown-item>
@@ -49,15 +49,15 @@
import { mapGetters } from 'vuex'
// import Breadcrumb from '@/components/Breadcrumb'
// import Hamburger from '@/components/Hamburger'
   import {
      get,
      post,
      wpost,
      postFile
   } from "@/api/util/requestUtil.js"
import {
  get,
  post,
  wpost,
  postFile
} from "@/api/util/requestUtil.js"

export default {
  data(){
  data() {
    return {
      form: {
        oldPwd: '',
@@ -65,15 +65,15 @@
        confirmPwd: ''
      },
      user: {
            id: null,
            name: 'value'
         },
        id: null,
        name: 'value'
      },
      dialogFormVisible: false,
      formLabelWidth: '120px',
         user: {
            id: null,
            name: 'value'
         }
      user: {
        id: null,
        name: 'value'
      }
    }
  },
  components: {
@@ -86,20 +86,20 @@
      'avatar'
    ])
  },
   mounted() {
      this.getUser()
   },
  mounted() {
    this.getUser()
  },
  methods: {
    reset(){
    reset() {
      this.dialogFormVisible = false;
      this.form.oldPwd = '';
      this.form.newPwd = '';
      this.form.confirmPwd = '';
    },
    toMessage(){
    toMessage() {
      this.$router.push('/message/toDo');
    },
    editPwd(){
    editPwd() {
      console.log(1);
    },
    toggleSideBar() {
@@ -108,16 +108,18 @@
    async logout() {
      // await this.$store.dispatch('user/logout')
      sessionStorage.removeItem("user")
      localStorage.removeItem("autoenter");
      this.$router.push(`/login?redirect=${this.$route.fullPath}`)     
      this.$router.replace({path: '/login'});
      location.reload();
      
    },
      getUser(){
         get(this.$url.info).then(res=>{
            this.user = res.data
        sessionStorage.setItem("user",JSON.stringify(res.data))
         })
      }
    getUser() {
      get(this.$url.info).then(res => {
        this.user = res.data
        sessionStorage.setItem("user", JSON.stringify(res.data))
      })
    }
  }
}
</script>
@@ -130,21 +132,24 @@
  background: #fff;
  display: flex;
  border-bottom: 1px solid #f0f2f5;

  // box-shadow: 0 0 0.857143rem rgba(0, 0, 0, 0.12);
  // box-shadow: 0 1px 4px rgba(0,21,41,.08);
  .message-icon{
  .message-icon {
    margin-right: 10px;
    cursor: pointer;
  }
  .v-modal{

  .v-modal {
    z-index: 8;
  }

  .hamburger-container {
    line-height: 46px;
    height: 100%;
    cursor: pointer;
    transition: background .3s;
    -webkit-tap-highlight-color:transparent;
    -webkit-tap-highlight-color: transparent;

    &:hover {
      background: rgba(0, 0, 0, .025)
@@ -161,11 +166,13 @@
    line-height: 50px;
    display: flex;
    justify-content: right;
    .right-serves{

    .right-serves {
      height: 100%;
      display: flex;
      align-items: center;
      >i{

      >i {
        display: inline-block;
        margin: auto 10px;
        font-size: 20px;
@@ -198,6 +205,7 @@
    .avatar-container {
      margin-right: 24px;
      height: 100%;

      .avatar-wrapper {
        // margin-top: 5px;
        width: 40px;
@@ -206,6 +214,7 @@
        display: flex;
        align-items: center;
        justify-content: center;

        .user-avatar {
          cursor: pointer;
          width: 30px;
@@ -229,5 +238,4 @@
      }
    }
  }
}
</style>
}</style>