UA 功能初步完成

he wei

2023-11-16 65599edd022b729d4855802f553ed449bdfbf3f8

 src/layout/components/Navbar.vue

@@ -4,35 +4,60 @@
    <div class="right-menu">
      <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover">
        <div class="avatar-wrapper">
          <span class="user-name">admin</span>
          <span class="user-name">{{ name }}</span>
          <i class="el-icon-caret-bottom" />
        </div>
        <el-dropdown-menu slot="dropdown">
          <el-dropdown-item @click.native="changePwd">
            <span style="display:block;">修改密码</span>
          </el-dropdown-item>
          <el-dropdown-item @click.native="logout">
            <span style="display:block;">退出登录</span>
          </el-dropdown-item>
        </el-dropdown-menu>
      </el-dropdown>
    </div>
   <!-- 密码修改 -->
   <el-dialog
      title="密码修改"
      width="400px"
      :visible.sync="changePwdVisible"
      :close-on-click-modal="false"
      top="0"
      class="dialog-center"
      :modal-append-to-body="false"
    >
      <pwd-change v-if="changePwdVisible" :visible.sync="changePwdVisible"></pwd-change>
    </el-dialog> 
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
import Hamburger from '@/components/Hamburger'

import PwdChange from "./PwdChange";
export default {
  components: {
    Hamburger
    Hamburger,
    PwdChange,
  },
  computed: {
    ...mapGetters([
      'sidebar',
      'avatar',
      'device'
      'device',
      'name',
    ])
  },
  data() {
    return {
      changePwdVisible: false,
    }
  },
  methods: {
    changePwd() {
      this.changePwdVisible = true;
    },
    toggleSideBar() {
      this.$store.dispatch('app/toggleSideBar')
    },