1.生产开报工优化

loulijun2021

2023-03-24 b08411e811e003ae2711e7ba8d92deaec9239de3

 src/layout/components/Navbar.vue

@@ -5,16 +5,32 @@
      :class="{'display_btw':$store.state.settings.menuIsHorizontal}"
      :style="{background: $store.state.settings.headBackgroundColorValue? '#304156':'#fff'}"
    >

      <hamburger
        v-if="!$store.state.settings.menuIsHorizontal"
        :is-active="sidebar.opened"
        class="hamburger-container"
        @toggleClick="toggleSideBar"
      />

      <breadcrumb
        class="breadcrumb-container"
        :style="{marginLeft:$store.state.settings.menuIsHorizontal?'20px':''}"
        :style="{marginLeft:$store.state.settings.menuIsHorizontal?'60px':'40px'}"
      />

      <el-tooltip class="item" effect="dark" content="刷新页面" placement="bottom">
        <div
          :style="{
            color:$store.state.settings.headBackgroundColorValue?'#fff':'#000',
            marginLeft:$store.state.settings.menuIsHorizontal?'10px':'44px',
            position:'absolute',
          }"
          style="padding:0 8px"
          @click="pageRefreshClick"
        >
          <i class="el-icon-refresh-right" style="font-size: 20px;cursor: pointer;line-height:50px" />
        </div>
      </el-tooltip>

      <el-menu
        v-if="$store.state.settings.menuIsHorizontal"
@@ -41,15 +57,19 @@

        <!--      <template v-if="device!=='mobile'">-->
        <template>
          <search id="header-search" class="right-menu-item" />
          <el-tooltip class="item" effect="dark" content="菜单搜索" placement="bottom">
            <search id="header-search" class="right-menu-item" />
          </el-tooltip>
          <!--        <error-log class="errLog-container right-menu-item hover-effect" />-->
          <screenfull id="screenfull" class="right-menu-item hover-effect" />
          <el-tooltip class="item" effect="dark" content="全屏" placement="bottom">
            <screenfull id="screenfull" class="right-menu-item hover-effect" />
          </el-tooltip>
          <!--        <el-tooltip content="Global Size" effect="dark" placement="bottom">-->
          <!--          <size-select id="size-select" class="right-menu-item hover-effect" />-->
          <!--        </el-tooltip>-->
        </template>

        <el-dropdown class="avatar-container" trigger="click">
        <el-dropdown class="avatar-container" trigger="hover">
          <div class="avatar-wrapper">
            <!--          <img :src="avatar+'?imageView2/1/w/80/h/80'" class="user-avatar">-->
            <div style="display: flex;align-items: center;margin-top: -5px">
@@ -82,6 +102,7 @@
        </el-dropdown>
      </div>
      <el-dialog
        v-el-drag-dialog
        title="修改密码"
        :visible.sync="dialogVisible"
        width="500px"
@@ -117,6 +138,8 @@
</template>

<script>
import elDragDialog from '@/directive/el-drag-dialog'

const SER_HZ = /^[\u4e00-\u9fa5]+$/
import { mapGetters } from 'vuex'
import MenuItemEx from './Sidebar/MenuItemEx'
@@ -136,6 +159,7 @@
    Search,
    Screenfull
  },
  directives: { elDragDialog },
  data() {
    const validatePassword1 = (rule, value, callback) => {
      if (!value) {
@@ -177,6 +201,9 @@
      }
    }
  },
  inject: [
    'reload'
  ],
  created() {
    this.usercode = getCookie('navTabId')
    this.username = getCookie('username')
@@ -211,6 +238,22 @@
    }
  },
  methods: {
    pageRefreshClick() {
      this.reload()
      const tabViews = this.$store.state.tagsView.visitedViews.map(item => {
        return {
          fullPath: item.fullPath,
          hash: item.hash,
          meta: { ...item.meta },
          name: item.name,
          params: { ...item.params },
          path: item.path,
          query: { ...item.query },
          title: item.title
        }
      })
      sessionStorage.setItem('tabViews', JSON.stringify(tabViews))
    },
    handleSelect(key, keyPath) {
      // console.log(key, keyPath)
    },