按钮级别的新版本,多级别的组织架构
loulijun2021
2023-08-23 f6c09fd8be4d671b13e673a49e5af9c19710e464
src/layout/components/Navbar.vue
@@ -71,8 +71,36 @@
            </el-badge>
          </el-tooltip>
          <div style=" font-size: 18px;font-family: 'Microsoft YaHei';color:#AAAAAA;padding:0 8px;cursor: pointer">
          <div style=" font-size: 18px;font-family: 'Microsoft YaHei';color:#AAAAAA;cursor: pointer;margin-right:5px">
            {{ stu_torgname }}
            <!--            <el-dropdown v-if="stu_torgname.toString().length>0" class="avatar-container" trigger="hover">-->
            <!--              <div class="avatar-wrapper">-->
            <!--                <div style="display: flex;align-items: center;margin-top: -5px">-->
            <!--                  <i class="el-icon-office-building" style="font-weight: bolder;font-size: 18px;margin-right: 5px;color:#A7A7A7" />-->
            <!--                  <div style=" font-size: 18px;font-family: 'Microsoft YaHei';color:#AAAAAA">{{ stu_torgname }}</div>-->
            <!--                </div>-->
            <!--              </div>-->
            <!--              <el-dropdown-menu-->
            <!--                v-if="stu_torgname.toString().length>0"-->
            <!--                slot="dropdown"-->
            <!--                class="user-dropdown"-->
            <!--                style="text-align: center"-->
            <!--              >-->
            <!--                <el-dropdown-item-->
            <!--                  v-for="(item,index) in $stu_torg"-->
            <!--                  :key="item.torg_code"-->
            <!--                  :divided="index!==0"-->
            <!--                >-->
            <!--                  &lt;!&ndash;                  @click.native="changeTrog(item)"&ndash;&gt;-->
            <!--                  <span style="display:block;">{{ item.torg_name }}</span>-->
            <!--                </el-dropdown-item>-->
            <!--              </el-dropdown-menu>-->
            <!--            </el-dropdown>-->
          </div>
          <!--        <el-tooltip content="Global Size" effect="dark" placement="bottom">-->
          <!--          <size-select id="size-select" class="right-menu-item hover-effect" />-->
@@ -164,7 +192,7 @@
import MenuItemEx from './Sidebar/MenuItemEx'
import Breadcrumb from '@/components/Breadcrumb'
import Hamburger from '@/components/Hamburger'
import { getCookie } from '@/utils/auth'
import { getCookie, setCookie } from '@/utils/auth'
import { UpdateUserPassword } from '@/api/user'
import Search from '@/components/HeaderSearch'
import Screenfull from '@/components/Screenfull'
@@ -174,6 +202,7 @@
import * as signalR from '@aspnet/signalr'
import { ButtonData } from '@/api/basicSettings'
import Vue from 'vue'
import store from '@/store'
export default {
  components: {
@@ -211,8 +240,8 @@
      }
    }
    return {
      usercode: '',
      username: '',
      usercode: localStorage.getItem('usercode'),
      username: localStorage.getItem('username'),
      form: {
        password: '',
        newpassword: ''
@@ -226,7 +255,7 @@
          { required: true, validator: validatePassword2, trigger: ['blur', 'change'] }
        ]
      },
      stu_torgname: '',
      stu_torgname: localStorage.getItem('torg_name'),
      show: false,
      signalr: null
    }
@@ -236,14 +265,11 @@
  ],
  created() {
    // this.$signalr.start()
    this.usercode = getCookie('navTabId')
    this.username = getCookie('username')
    this.stu_torgname = getCookie('stu_torgname')
  },
  mounted() {
    // this.getHubConnectionBuilder()
    this.getButtonData()
    Vue.prototype.$ButtonData = JSON.parse(localStorage.getItem('ButtonData'))
  },
  computed: {
    ...mapGetters([
@@ -275,12 +301,16 @@
    }
  },
  methods: {
    // 获取全局按钮键值对
    async  getButtonData() {
      const { data: res } = await ButtonData()
      Vue.prototype.$ButtonData = res // 用于全局
    },
    // changeTrog(val) {
    //   if (val.torg_name !== this.stu_torgname) {
    //     this.stu_torgname = val.torg_name
    //     localStorage.setItem('torg_code', val.torg_code)
    //     localStorage.setItem('torg_name', val.torg_name)
    //
    //     store.dispatch('user/getMenu')
    //     // this.$store.state.tagsView.visitedViews = this.$store.state.tagsView.visitedViews.filter(i => i.title === '系统首页')
    //   }
    // },
    // 建立hub连接
    async getHubConnectionBuilder() {
      const url = 'http://121.196.36.24:8019/chatHub'
@@ -359,14 +389,12 @@
      this.$refs.dialogForm.validate(valid => {
        if (valid) {
          const data = {
            usercode: this.usercode,
            username: this.username,
            password: this.form.password,
            newpassword: this.form.newpassword
          }
          UpdateUserPassword(data).then(res => {
            if (res.code === '200') {
              this.$message.success('修改成功!')
              this.$notify.success('修改成功!')
              this.dialogVisible = false
            }
          })