hd-idevvue3 3.0.7 → 3.0.8

package/src/views/layout/header/HeaderSearch.vue

@@ -1,218 +0,0 @@
-<template>
-  <div :class="{ show: show }" class="header-search">
-    <svg
-      @click="click"
-      class="search-icon screenfull-svg"
-      height="32"
-      viewBox="-10 -10 150 150"
-      width="32"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M124.884 109.812L94.256 79.166c-.357-.357-.757-.629-1.129-.914a50.366 50.366 0 0 0 8.186-27.59C101.327 22.689 78.656 0 50.67 0 22.685 0 0 22.688 0 50.663c0 27.989 22.685 50.663 50.656 50.663 10.186 0 19.643-3.03 27.6-8.201.286.385.557.771.9 1.114l30.628 30.632a10.633 10.633 0 0 0 7.543 3.129c2.728 0 5.457-1.043 7.543-3.115 4.171-4.157 4.171-10.915.014-15.073M50.671 85.338C31.557 85.338 16 69.78 16 50.663c0-19.102 15.557-34.661 34.67-34.661 19.115 0 34.657 15.559 34.657 34.675 0 19.102-15.557 34.661-34.656 34.661"
-      />
-    </svg>
-    <el-select
-      :remote-method="querySearch"
-      @change="change"
-      class="header-search-select"
-      default-first-option
-      filterable
-      :placeholder="$t('菜单查询')"
-      ref="headerSearchSelect"
-      remote
-      v-model="search"
-    >
-      <el-option
-        :key="item.path"
-        :label="item.title.join(' > ')"
-        :value="item"
-        v-for="item in options"
-      />
-    </el-select>
-  </div>
-</template>
-
-<script>
-import Fuse from 'fuse.js'
-import path from 'path'
-
-export default {
-  name: 'HeaderSearch',
-  data() {
-    return {
-      search: '',
-      options: [],
-      searchPool: [],
-      show: false,
-      fuse: undefined,
-    }
-  },
-  computed: {
-    routes() {
-      return this.$store.state.permission.hdMenu
-    },
-    lang() {
-      return this.$store.getters.language
-    },
-  },
-  watch: {
-    lang() {
-      this.searchPool = this.generateRoutes(this.routes)
-    },
-    routes() {
-      this.searchPool = this.generateRoutes(this.routes)
-    },
-    searchPool(list) {
-      this.initFuse(list)
-    },
-    show(value) {
-      if (value) {
-        document.body.addEventListener('click', this.close)
-      } else {
-        document.body.removeEventListener('click', this.close)
-      }
-    },
-  },
-  mounted() {
-    this.searchPool = this.generateRoutes(this.routes)
-  },
-  methods: {
-    click() {
-      this.show = !this.show
-      if (this.show) {
-        this.$refs.headerSearchSelect && this.$refs.headerSearchSelect.focus()
-      }
-    },
-    close() {
-      this.$refs.headerSearchSelect && this.$refs.headerSearchSelect.blur()
-      this.options = []
-      this.show = false
-    },
-    change(val) {
-      this.$router.push(val.path)
-      this.search = ''
-      this.options = []
-      this.$nextTick(() => {
-        this.show = false
-      })
-    },
-    initFuse(list) {
-      this.fuse = new Fuse(list, {
-        shouldSort: true,
-        threshold: 0.4,
-        location: 0,
-        distance: 100,
-        maxPatternLength: 32,
-        minMatchCharLength: 1,
-        keys: [
-          {
-            name: 'title',
-            weight: 0.7,
-          },
-          {
-            name: 'path',
-            weight: 0.3,
-          },
-        ],
-      })
-    },
-    // Filter out the routes that can be displayed in the sidebar
-    // And generate the internationalized title
-    generateRoutes(routes, basePath = '/', prefixTitle = []) {
-      let res = []
-      for (const router of routes) {
-        // skip hidden router
-        if (router.hidden) {
-          continue
-        }
-
-        const data = {
-          path: path.resolve(basePath, router.path),
-          title: [...prefixTitle],
-        }
-
-        if (router.meta && router.meta.title) {
-          // generate internationalized title
-          const i18ntitle =
-            this.$i18n.locale == 'zh' ? router.meta.title : router.meta.enTitle
-
-          data.title = [...data.title, i18ntitle]
-
-          if (router.redirect !== 'noredirect') {
-            // only push the routes with title
-            // special case: need to exclude parent router without redirect
-            res.push(data)
-          }
-        }
-
-        // recursive child routes
-        if (router.children) {
-          const tempRoutes = this.generateRoutes(
-            router.children,
-            data.path,
-            data.title
-          )
-          if (tempRoutes.length >= 1) {
-            res = [...res, ...tempRoutes]
-          }
-        }
-      }
-
-      return res
-    },
-    querySearch(query) {
-      if (query !== '') {
-        this.options = this.fuse.search(query)
-      } else {
-        this.options = []
-      }
-    },
-  },
-}
-</script>
-
-<style lang="scss" scoped>
-.header-search {
-  font-size: 0 !important;
-
-  .search-icon {
-    font-size: 18px;
-    vertical-align: middle;
-    display: inline-block;
-    cursor: pointer;
-    fill: #e4e9ef;
-    /* width: 20px;
-       height: 20px;
-       vertical-align: 10px;*/
-  }
-
-  .header-search-select {
-    font-size: 18px;
-    transition: width 0.2s;
-    width: 0;
-    overflow: hidden;
-    background: transparent;
-    border-radius: 0;
-    display: inline-block;
-    vertical-align: middle;
-
-    :deep(.el-input__inner) {
-      border-radius: 0;
-      border: 0;
-      padding-left: 0;
-      padding-right: 0;
-      box-shadow: none !important;
-      border-bottom: 1px solid #d9d9d9;
-      vertical-align: middle;
-    }
-  }
-
-  &.show {
-    .header-search-select {
-      width: 150px;
-      margin-left: 10px;
-    }
-  }
-}
-</style>

package/src/views/layout/header/Levelbar.vue

@@ -1,55 +0,0 @@
-<template>
-  <el-breadcrumb class="app-levelbar" separator="/">
-    <el-breadcrumb-item v-for="(item, index) in levelList" :key="item.path">
-      <span
-        v-if="item.redirect === 'noredirect' || index == levelList.length - 1"
-        class="no-redirect"
-        >{{ item.name }}</span
-      >
-      <router-link v-else :to="item.redirect || item.path">{{
-        item.name
-      }}</router-link>
-    </el-breadcrumb-item>
-  </el-breadcrumb>
-</template>
-
-<script>
-export default {
-  created() {
-    this.getBreadcrumb()
-  },
-  data() {
-    return {
-      levelList: null,
-    }
-  },
-  methods: {
-    getBreadcrumb() {
-      let matched = this.$route.matched.filter((item) => item.name)
-      /*      const first = matched[0]
-      if (first && (first.name !== '首页' || first.path !== '')) {
-        matched = [{ name: '首页', path: '/' }].concat(matched)
-      }*/
-      this.levelList = matched
-    },
-  },
-  watch: {
-    $route() {
-      this.getBreadcrumb()
-    },
-  },
-}
-</script>
-
-<style lang="scss" rel="stylesheet/scss" scoped>
-.app-levelbar.el-breadcrumb {
-  display: inline-block;
-  font-size: 14px;
-  line-height: 50px;
-  margin-left: 10px;
-  .no-redirect {
-    color: #97a8be;
-    cursor: text;
-  }
-}
-</style>

package/src/views/layout/header/MainHeader.vue

@@ -1,315 +0,0 @@
-<template>
-  <div>
-    <div class="headerLogo"></div>
-    <div class="headerIcon">
-      <a @click="logout" class="headerIconLink5" href="javascript:void(0)"
-        ><!--退出--></a
-      >
-
-      <el-dropdown
-        class="avatar-container right-menu-item"
-        style="float: right"
-        trigger="click"
-      >
-        <a class="headerIconLink7" href="javascript:void(0)">
-          <el-badge
-            :hidden="$store.state.user.messageNum == 0"
-            :max="99"
-            :model-value="$store.state.user.messageNum"
-            style="float: left"
-          ></el-badge>
-          <!--<el-badge :value="$store.state.user.messageNum" :hidden="$store.state.user.messageNum==0" :max="99">-->
-          <div class="avatar-wrapper" style="float: left">
-            <span class="headerIconFontColor"> {{ name }}</span>
-          </div>
-        </a>
-
-        <el-dropdown-menu slot="dropdown">
-          <router-link to="/">
-            <el-dropdown-item>
-              {{ $t('首页') }}
-            </el-dropdown-item>
-          </router-link>
-          <el-dropdown-item>
-            <span @click="changePsw" style="display: block">
-              {{ $t('修改密码') }}</span
-            >
-          </el-dropdown-item>
-          <el-dropdown-item>
-            <span @click="editBoard" style="display: block">
-              {{ $t('修改首页') }}</span
-            >
-          </el-dropdown-item>
-          <el-dropdown-item>
-            <span @click="showMessage" style="display: block">
-              {{ $t('查看消息') }}
-              <el-badge
-                :hidden="$store.state.user.messageNum == 0"
-                :max="99"
-                :model-value="$store.state.user.messageNum"
-                style="margin-top: -5px"
-                type="warning"
-              />
-            </span>
-          </el-dropdown-item>
-
-          <!--<el-dropdown-item>
-                <span @click="chgLanguage" style="display:block;">{{nextLanguage}}</span>
-              </el-dropdown-item>-->
-        </el-dropdown-menu>
-      </el-dropdown>
-
-      <el-dropdown
-        class="avatar-container right-menu-item"
-        style="float: right"
-        trigger="click"
-      >
-        <a class="headerIconLink3" href="javascript:void(0)">
-          <div class="avatar-wrapper">
-            <el-icon class="headerIconFontColor"
-              ><el-icon-caret-bottom
-            /></el-icon>
-          </div>
-        </a>
-        <el-dropdown-menu slot="dropdown">
-          <el-dropdown-item>
-            <span @click="changeStyle('metro-orange')" style="display: block">
-              {{ $t('橙色') }}</span
-            >
-          </el-dropdown-item>
-          <el-dropdown-item>
-            <span @click="changeStyle('metro-green')" style="display: block">
-              {{ $t('绿色') }}</span
-            >
-          </el-dropdown-item>
-          <el-dropdown-item>
-            <span @click="changeStyle('metro-mauves')" style="display: block">
-              {{ $t('紫色') }}</span
-            >
-          </el-dropdown-item>
-          <el-dropdown-item>
-            <span @click="changeStyle('metro-blue')" style="display: block">
-              {{ $t('蓝色') }}</span
-            >
-          </el-dropdown-item>
-        </el-dropdown-menu>
-      </el-dropdown>
-
-      <el-dropdown
-        class="avatar-container right-menu-item"
-        style="float: right"
-        trigger="hover"
-      >
-        <a :class="colorStyle" href="javascript:void(0)">
-          <div class="avatar-wrapper">
-            <el-icon class="headerIconFontColor"
-              ><el-icon-caret-bottom
-            /></el-icon>
-          </div>
-        </a>
-        <el-dropdown-menu slot="dropdown">
-          <el-dropdown-item>
-            <span @click="changeLanguage('zh')" style="display: block"
-              >中文</span
-            >
-            <!--<span @click="chgLanguage" style="display:block;">{{nextLanguage}}</span>-->
-          </el-dropdown-item>
-          <el-dropdown-item>
-            <span @click="changeLanguage('en')" style="display: block"
-              >English</span
-            >
-          </el-dropdown-item>
-        </el-dropdown-menu>
-      </el-dropdown>
-
-      <div
-        class="avatar-container right-menu-item"
-        style="float: right"
-        trigger="click"
-      >
-        <a class="mike" href="javascript:void(0)">
-          <div @shortkey="vocHotKey" v-shortkey.push="['ctrl', '`']"></div>
-        </a>
-      </div>
-
-      <search
-        class="avatar-container right-menu-item"
-        style="float: right"
-      ></search>
-
-      <changepswform ref="changepswform"></changepswform>
-    </div>
-  </div>
-</template>
-
-<script>
-import { CaretBottom as ElIconCaretBottom } from '@element-plus/icons-vue'
-import { mapGetters } from 'vuex'
-import search from './ElasticSearch'
-import changepswform from './changepswform'
-import VocRec from './VocRec'
-
-export default {
-  components: {
-    changepswform,
-    search,
-    ElIconCaretBottom,
-  },
-  name: 'mainHeader',
-  mixins: [VocRec],
-  data() {
-    return {
-      show: false,
-      params: {
-        entityId: this.$store.getters.token,
-        entityName: 'avatar',
-      },
-      headers: {
-        smail: '*_~',
-      },
-      imgDataUrl: '', // the datebase64 url of created image
-      style: this.$store.state.user.skin,
-      //log: errLogStore.state.errLog
-    }
-  },
-  mounted() {
-    //this.screenShotFn = screenShot([16, 65], 27);
-    if (this.$store.state.user.nextChgId == '1') {
-      this.changePsw()
-    }
-    this.$i18n.locale = this.$store.state.user.language || 'zh'
-    this.placeholderChg()
-  },
-  computed: {
-    ...mapGetters(['sidebar', 'name', 'avatar', 'language']),
-    nextLanguage() {
-      if (this.$i18n.locale == 'zh') {
-        return 'English'
-      } else {
-        return '中文'
-      }
-    },
-    colorStyle() {
-      if (this.$i18n.locale == 'zh') {
-        return 'zhjack'
-      } else {
-        return 'enjack'
-      }
-    },
-  },
-  methods: {
-    // toggleSideBar() {
-    //   this.$store.dispatch('toggleSideBar')
-    // },
-    // handleSetLanguage(lang) {
-    //   this.$i18n.locale = lang
-    //   this.$store.dispatch('setLanguage', lang)
-    //   this.$message({
-    //     message: 'switch language success',
-    //     type: 'success'
-    //   })
-    // },
-
-    editBoard() {
-      this.$router.push({
-        path: '/dashboard',
-        query: {
-          isEdit: '1',
-        },
-      })
-    },
-    logout() {
-      this.$store.dispatch('LogOut').then(() => {
-        location.reload() // 为了重新实例化vue-router对象 避免bug
-      })
-    },
-    changePsw() {
-      this.$refs['changepswform'].show()
-    },
-    changeAvatar() {
-      this.show = !this.show
-    },
-    /**
-     * crop success
-     *
-     * [param] imgDataUrl
-     * [param] field
-     */
-    cropSuccess(imgDataUrl, field) {
-      // console.log('-------- crop success --------')
-      // this.imgDataUrl = imgDataUrl
-      // store.getters.avatar = imgDataUrl
-      this.$store.state.user.avatar = imgDataUrl
-    },
-    /**
-     * upload success
-     *
-     * [param] jsonData   服务器返回数据，已进行json转码
-     * [param] field
-     */
-    cropUploadSuccess(jsonData, field) {
-      // console.log('-------- upload success --------')
-      // console.log(jsonData)
-      // console.log('field: ' + field)
-      // this.imgDataUrl = 'webresources/login/com/comfileupload/download?uploadId=' + jsonData.message
-    },
-    /**
-     * upload fail
-     *
-     * [param] status    server api return error status, like 500
-     * [param] field
-     */
-    cropUploadFail(status, field) {
-      // console.log('-------- upload fail --------')
-      // console.log(status)
-      // console.log('field: ' + field)
-    },
-    changeStyle(style) {
-      this.$store.state.user.skin = style
-      this.$http
-        .get(
-          `/webresources/login/privilege/AuthUser/updateUserStyleCss/${style}?stylecss=${style}`
-        )
-        .then((response) => {
-          const data = response.data
-        })
-    },
-    showMessage() {
-      this.$router.push({ path: '/privilege/commsgto' })
-    },
-    changeLanguage(val) {
-      this.$i18n.locale = val
-      this.$store.state.user.language = val
-      this.placeholderChg()
-      this.$http
-        .get(`/webresources/login/privilege/AuthUser/updateUserLanguage/${val}`)
-        .then((response) => {
-          const data = response.datas
-        })
-    },
-    placeholderChg() {
-      this.$date.placeholder = this.$t('选择日期')
-      this.$time.placeholder = this.$t('选择时间')
-      this.$simdate.placeholder = this.$t('选择日期')
-      this.$simtime.placeholder = this.$t('选择时间')
-    },
-  },
-}
-</script>
-
-<style lang="scss" rel="stylesheet/scss" scoped>
-.right-menu-item {
-  display: inline-block;
-  margin: 0 8px;
-}
-
-.item {
-  position: absolute;
-  z-index: 2000;
-  margin-left: -10px;
-}
-
-.el-icon-caret-bottom:before {
-  content: '' !important;
-}
-</style>

package/src/views/layout/header/Navbar.vue

@@ -1,101 +0,0 @@
-<template>
-  <el-menu class="navbar" mode="horizontal">
-    <tags-view style="width: calc(100%); height: 100%"></tags-view>
-  </el-menu>
-</template>
-
-<script>
-import TagsView from './TagsView'
-
-export default {
-  components: {
-    TagsView,
-  },
-  data() {
-    return {}
-  },
-  computed: {},
-  methods: {},
-}
-</script>
-
-<style lang="scss" rel="stylesheet/scss" scoped>
-.navbar {
-  height: 30px; //jianglinghao 513
-  line-height: 40px;
-  border-radius: 0px !important;
-
-  .hamburger-container {
-    /*line-height: 40px;*/
-    /*height: 40px;*/
-    float: left;
-    padding: 0 10px;
-  }
-
-  .breadcrumb-container {
-    float: left;
-  }
-
-  .errLog-container {
-    display: inline-block;
-    vertical-align: top;
-  }
-
-  .right-menu {
-    float: right;
-    height: 100%;
-
-    &:focus {
-      outline: none;
-    }
-
-    .right-menu-item {
-      display: inline-block;
-      margin: 0 8px;
-    }
-
-    .screenfull {
-      vertical-align: middle;
-      height: 40px;
-    }
-
-    .international {
-      vertical-align: top;
-
-      .international-icon {
-        font-size: 20px;
-        cursor: pointer;
-        vertical-align: -5px;
-      }
-    }
-
-    .theme-switch {
-      vertical-align: 15px;
-    }
-
-    .avatar-container {
-      height: 40px;
-      margin-right: 30px;
-
-      .avatar-wrapper {
-        cursor: pointer;
-        margin-top: 5px;
-        position: relative;
-
-        .user-avatar {
-          width: 30px;
-          height: 30px;
-          border-radius: 10px;
-        }
-
-        .el-icon-caret-bottom {
-          position: absolute;
-          right: -20px;
-          top: 25px;
-          font-size: 12px;
-        }
-      }
-    }
-  }
-}
-</style>