hd-idevvue3 3.0.5 → 3.0.8

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

@@ -1,103 +0,0 @@
-<template>
-  <div
-    class="scroll-container"
-    ref="scrollContainer"
-    @mousewheel="handleScroll"
-    @DOMMouseScroll="handleFoxScroll"
-  >
-    <div
-      class="scroll-wrapper"
-      ref="scrollWrapper"
-      :style="{ left: left + 'px' }"
-    >
-      <slot></slot>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'scrollPane',
-  data() {
-    return {
-      left: 0,
-      tmpWrapperWidth: 0,
-    }
-  },
-  updated: function () {
-    if (this.tmpWrapperWidth != this.$refs.scrollWrapper.offsetWidth) {
-      this.tmpWrapperWidth = this.$refs.scrollWrapper.offsetWidth
-      if (
-        this.$refs.scrollContainer.offsetWidth -
-          this.$refs.scrollWrapper.offsetWidth <
-        100
-      ) {
-        this.left =
-          this.$refs.scrollContainer.offsetWidth -
-          this.$refs.scrollWrapper.offsetWidth -
-          100
-      }
-    }
-  },
-  methods: {
-    handleScroll(e) {
-      e.preventDefault()
-      const $container = this.$refs.scrollContainer
-      const $containerWidth = $container.offsetWidth
-      const $wrapper = this.$refs.scrollWrapper
-      const $wrapperWidth = $wrapper.offsetWidth
-      if (e.wheelDelta > 0) {
-        this.left = Math.min(0, this.left + e.wheelDelta)
-      } else {
-        if ($containerWidth - 100 < $wrapperWidth) {
-          if (this.left < -($wrapperWidth - $containerWidth + 100)) {
-            this.left = this.left
-          } else {
-            this.left = Math.max(
-              this.left + e.wheelDelta,
-              $containerWidth - $wrapperWidth - 100
-            )
-          }
-        } else {
-          this.left = 0
-        }
-      }
-    },
-    handleFoxScroll(e) {
-      e.preventDefault()
-      const $container = this.$refs.scrollContainer
-      const $containerWidth = $container.offsetWidth
-      const $wrapper = this.$refs.scrollWrapper
-      const $wrapperWidth = $wrapper.offsetWidth
-      let pos = e.detail * -10
-      if (pos > 0) {
-        this.left = Math.min(0, this.left + pos)
-      } else {
-        if ($containerWidth - 100 < $wrapperWidth) {
-          if (this.left < -($wrapperWidth - $containerWidth + 100)) {
-            this.left = this.left
-          } else {
-            this.left = Math.max(
-              this.left + pos,
-              $containerWidth - $wrapperWidth - 100
-            )
-          }
-        } else {
-          this.left = 0
-        }
-      }
-    },
-  },
-}
-</script>
-
-<style lang="scss" rel="stylesheet/scss" scoped>
-.scroll-container {
-  white-space: nowrap;
-  position: relative;
-  overflow: hidden;
-  .scroll-wrapper {
-    position: absolute;
-  }
-}
-</style>

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

@@ -1,215 +0,0 @@
-<template>
-  <div class="tags-view-container">
-    <scroll-pane class="tags-view-container" ref="scrollPane">
-      <router-link
-        :class="isActive(tag) ? 'active' : ''"
-        :key="tag.name"
-        :to="{ name: tag.name, params: tag.addQuery }"
-        @click.middle.native="closeSelectedTag(tag)"
-        @contextmenu.prevent.native="openMenu(tag, $event)"
-        class="tags-view-item"
-        ref="tag"
-        v-for="tag in Array.from(visitedViews)"
-      >
-        <!--name是menuId -->
-        {{ $i18n.locale == 'zh' ? tag.title : tag.enTitle }}
-        <span @click.stop="closeViewTags(tag, $event)" class="el-icon-close" />
-      </router-link>
-      <div @click="headerToggle()" style="position: fixed; right: 20px">
-        <i :class="showHeaderCls" style="font-size: 20px; color: #4d90fe"></i>
-      </div>
-    </scroll-pane>
-    <ul
-      :style="{ left: left + 'px', top: top + 'px' }"
-      class="context-menu"
-      v-show="visible"
-    >
-      <li @click="refreshSelectedTag()">{{ $t('tagsView.refresh') }}</li>
-      <li @click="closeOthersTags">{{ $t('tagsView.closeOthers') }}</li>
-      <li @click="closeAllTags">{{ $t('tagsView.closeAll') }}</li>
-      <li @click="openInNewWin()">{{ $t('tagsView.openNew') }}</li>
-    </ul>
-  </div>
-</template>
-
-<script>
-import ScrollPane from './ScrollPane'
-
-export default {
-  components: { ScrollPane },
-  data() {
-    return {
-      visible: false,
-      top: 0,
-      left: 0,
-      showHeaderCls: 'el-icon-upload2',
-    }
-  },
-  computed: {
-    visitedViews() {
-      return this.$store.state.app.visitedViews
-    },
-  },
-  watch: {
-    $route() {
-      this.addViewTags()
-    },
-    visible(value) {
-      if (value) {
-        document.body.addEventListener('click', this.closeMenu)
-      } else {
-        document.body.removeEventListener('click', this.closeMenu)
-      }
-    },
-  },
-  mounted() {
-    this.addViewTags()
-  },
-  methods: {
-    headerToggle() {
-      let st = this.$store.state.app.headerShow
-      if (st === false) {
-        this.showHeaderCls = 'el-icon-upload2'
-        this.$set(this.$store.state.app, 'headerShow', true)
-      } else {
-        this.showHeaderCls = 'el-icon-download'
-        this.$set(this.$store.state.app, 'headerShow', false)
-      }
-    },
-    closeViewTags(view, $event) {
-      this.$store.dispatch('delView', view).then((views) => {
-        if (this.isActive(view)) {
-          const latestView = views.slice(-1)[0]
-          if (latestView) {
-            this.$router.push(latestView.path)
-          } else {
-            this.$router.push('/')
-          }
-        }
-      })
-      $event.preventDefault()
-    },
-    generateRoute() {
-      if (this.$route.name) {
-        return this.$route
-      }
-      return false
-    },
-    addViewTags() {
-      const route = this.generateRoute()
-      if (!route) {
-        return false
-      }
-      this.$store.dispatch('addView', route)
-    },
-    isActive(route) {
-      return route.name === this.$route.name
-    },
-    refreshSelectedTag() {
-      this.$store.dispatch('refreshView', this.$store.state.app.selectedView)
-    },
-    closeOthersTags() {
-      this.$router.push(this.$store.state.app.selectedView)
-      this.$store
-        .dispatch('delOthersViews', this.$store.state.app.selectedView)
-        .then(() => {})
-    },
-    closeAllTags() {
-      this.$store.dispatch('delAllViews')
-      this.$router.push('/')
-    },
-    openMenu(tag, e) {
-      const menuMinWidth = 105
-      const offsetLeft = this.$el.getBoundingClientRect().left // container margin left
-      const offsetWidth = this.$el.offsetWidth // container width
-      const maxLeft = offsetWidth - menuMinWidth // left boundary
-      const left = e.clientX - offsetLeft + 15 // 15: margin right
-      if (left > maxLeft) {
-        this.left = maxLeft
-      } else {
-        this.left = left
-      }
-      this.top = e.clientY - 40
-      this.visible = true
-      this.$store.state.app.selectedView = tag
-      console.log(this.$store.state.app.selectedView)
-    },
-    closeMenu() {
-      this.visible = false
-    },
-    openInNewWin() {
-      const view = this.$store.state.app.selectedView
-      const routeData = this.$router.resolve({
-        name: view.name,
-        params: view.params,
-        query: { onlycontent: 1 },
-      })
-      window.open(routeData.href, view.name)
-    },
-  },
-}
-</script>
-
-<style lang="scss" rel="stylesheet/scss" scoped>
-.tags-view-container {
-  .tags-view-item {
-    display: inline-block;
-    position: relative;
-    height: 26px;
-    line-height: 26px;
-    border: 1px solid #d8dce5;
-    color: #495060;
-    background: #fff;
-    padding: 0 8px;
-    font-size: 12px;
-    margin-left: 5px;
-    margin-top: 4px;
-
-    &:first-of-type {
-      margin-left: 15px;
-    }
-
-    &.active {
-      background-color: #409eff;
-      color: #fff;
-      border-color: #409eff;
-
-      &::before {
-        content: '';
-        background: #fff;
-        display: inline-block;
-        width: 8px;
-        height: 8px;
-        border-radius: 50%;
-        position: relative;
-        margin-right: 2px;
-      }
-    }
-  }
-}
-
-.tags-view-container {
-  .tags-view-item {
-    .el-icon-close {
-      width: 16px;
-      height: 16px;
-      vertical-align: 2px;
-      border-radius: 50%;
-      text-align: center;
-      transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-      transform-origin: 100% 50%;
-
-      &:before {
-        transform: scale(0.6);
-        display: inline-block;
-        vertical-align: -3px;
-      }
-
-      &:hover {
-        background-color: #b4bccc;
-        color: #fff;
-      }
-    }
-  }
-}
-</style>

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

@@ -1,105 +0,0 @@
-<script>
-import './HZRecorder.js'
-
-export default {
-  name: 'VocRec',
-  components: {},
-  mounted() {
-    this.vocRec()
-  },
-  data() {
-    return {
-      vocTimeHandle: null,
-      vocTime: 0, //录制的毫秒数,低于1秒的丢弃
-      recorder: null,
-      hotKeyDown: false,
-      isRecording: false, //是否正在录音由于录音设备异步问题,需要标志位控制
-      //log: errLogStore.state.errLog
-    }
-  },
-  methods: {
-    vocHotKey() {
-      if (!this.hotKeyDown) {
-        this.hotKeyDown = true
-        this.startRecording()
-      } else {
-        this.hotKeyDown = false
-        this.endRecording()
-      }
-    },
-    vocRec() {
-      $('.mainHeader .mike').mousedown(() => {
-        console.info('startClick')
-        this.startRecording()
-      })
-
-      $('.mainHeader .mike').mouseup(() => {
-        this.endRecording()
-      })
-    },
-    startRecording() {
-      this.isRecording = true
-      HZRecorder.get((rec) => {
-        this.recorder = rec
-        if (this.isRecording) {
-          //还未启动就释放的
-          this.recorder.start()
-        } else {
-          this.recorder.stop()
-        }
-      })
-      this.vocTime = new Date().getTime()
-      this.$message({
-        message: this.$t('正在录音...'),
-        type: 'warn',
-        duration: 999999,
-        showClose: true,
-      })
-    },
-    endRecording() {
-      this.stopRecording()
-      this.$message.closeAll()
-      let nowTime = new Date().getTime()
-      if (nowTime - this.vocTime < 1000) {
-        //低于一秒的录制不处理
-        return false
-      }
-      this.uploadAudio()
-    },
-    uploadAudio() {
-      //doClose是否关闭录音,repeate是否同时上传
-      this.recorder.upload(
-        '/webresources/login/com/comwav/vocRec',
-        (state, e) => {
-          switch (state) {
-            case 'uploading':
-              //var percentComplete = Math.round(e.loaded * 100 / e.total) + '%';
-              break
-            case 'ok':
-              var genJson = eval('(' + e.target.responseText + ')')
-              if (genJson.message) {
-                if (genJson.code == '1') {
-                  //根据id打开菜单
-                  this.$router.push({ name: genJson.message })
-                } else {
-                  this.$store.state.app.vocRec = genJson.message //识别为拼音名
-                  console.info(genJson.message)
-                }
-              }
-              break
-            case 'error':
-              break
-            case 'cancel':
-              break
-          }
-        }
-      )
-    },
-    stopRecording() {
-      //停止录音
-      this.isRecording = false
-      this.recorder.stop()
-    },
-  },
-}
-</script>

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

@@ -1,130 +0,0 @@
-<template>
-  <el-dialog title="修改密码" :visible.sync="visiable">
-    <el-form
-      label-width="100px"
-      :model="hdform"
-      ref="hdform"
-      :rules="checkRules"
-    >
-      <el-row>
-        <el-col :span="24">
-          <el-form-item label="旧密码" prop="oldPassword">
-            <el-input
-              type="text"
-              v-model="hdform.oldPassword"
-              placeholder="请输入旧密码"
-            >
-            </el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="24">
-          <el-form-item label="新密码" prop="newPassword">
-            <el-input
-              type="password"
-              v-model="hdform.newPassword"
-              placeholder="请输入密码"
-              autocomplete="new-password"
-            >
-            </el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="24">
-          <el-form-item label="重复确认" prop="passwordTemp">
-            <el-input
-              type="password"
-              v-model="hdform.passwordTemp"
-              placeholder="请重复输入密码"
-              autocomplete="new-password"
-            >
-            </el-input>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-    <div slot="footer" class="dialog-footer">
-      <el-button @click="visiable = false">{{ $t('取 消') }}</el-button>
-      <el-button type="primary" @click="doRegist" :loading="loading">
-        {{ $t('确 定') }}</el-button
-      >
-    </div>
-  </el-dialog>
-</template>
-
-<script>
-export default {
-  name: 'registform',
-  data() {
-    const validatePassword = (rule, value, callback) => {
-      if (!value || value.length < 2) {
-        callback(new Error(this.$t('密码不能小于2位')))
-      } else {
-        callback()
-      }
-    }
-    const validatePasswordSame = (rule, value, callback) => {
-      if (this.hdform.newPassword !== this.hdform.passwordTemp) {
-        callback(new Error(this.$t('两次输入密码不一致')))
-      } else {
-        callback()
-      }
-    }
-    return {
-      hdform: {},
-      visiable: false,
-      tsLoading: false,
-      loading: false,
-      checkRules: {
-        oldPassword: [
-          { required: true, trigger: 'change', validator: validatePassword },
-        ],
-        newPassword: [
-          { required: true, trigger: 'change', validator: validatePassword },
-        ],
-        passwordTemp: [
-          {
-            required: true,
-            trigger: 'change',
-            validator: validatePasswordSame,
-          },
-        ],
-      },
-    }
-  },
-  methods: {
-    show() {
-      this.visiable = true
-    },
-    doRegist() {
-      this.$refs['hdform'].validate((valid) => {
-        if (!valid) {
-          return false
-        }
-        if (this.hdform.passwordTemp !== this.hdform.newPassword) {
-          this.$alert(this.$t('两次密码输入不一致'), this.$t('错误'))
-          return false
-        }
-        this.loading = true
-        this.$http
-          .post(
-            '/webresources/login/privilege/AuthUser/modifyPasswordVue?oldPassword=' +
-              this.hdform.oldPassword +
-              '&newPassword=' +
-              this.hdform.newPassword
-          )
-          .then((response) => {
-            this.loading = false
-            const data = response.data
-            this.$message({
-              type: data.code === '-1' ? 'error' : 'success',
-              message: data.message,
-            })
-            if (data.code === '-1') {
-              return
-            }
-            this.visiable = false
-          })
-      })
-    },
-  },
-}
-</script>

package/src/views/layout/index.js

@@ -1,10 +0,0 @@
-import HdLayout from './HdLayout'
-import HdSearch from './header/HeaderSearch'
-
-export default {
-  install(Vue) {
-    //布局,包括菜单,多任务tag,用户设置等
-    window.$vueApp.component('HdLayout', HdLayout)
-    window.$vueApp.component('HdSearch', HdSearch)
-  },
-}

package/src/views/layout/menu/Hamburger.vue

@@ -1,63 +0,0 @@
-<template>
-  <span>
-    <svg
-      t="1492500959545"
-      @click="toggleClick"
-      class="wscn-icon hamburger"
-      :class="{ 'is-active': isActive }"
-      style=""
-      viewBox="0 0 1024 1024"
-      version="1.1"
-      xmlns="http://www.w3.org/2000/svg"
-      p-id="1691"
-      xmlns:xlink="http://www.w3.org/1999/xlink"
-      width="64"
-      height="64"
-    >
-      <path
-        d="M966.8023 568.849776 57.196677 568.849776c-31.397081 0-56.850799-25.452695-56.850799-56.850799l0 0c0-31.397081 25.452695-56.849776 56.850799-56.849776l909.605623 0c31.397081 0 56.849776 25.452695 56.849776 56.849776l0 0C1023.653099 543.397081 998.200404 568.849776 966.8023 568.849776z"
-        p-id="1692"
-      ></path>
-      <path
-        d="M966.8023 881.527125 57.196677 881.527125c-31.397081 0-56.850799-25.452695-56.850799-56.849776l0 0c0-31.397081 25.452695-56.849776 56.850799-56.849776l909.605623 0c31.397081 0 56.849776 25.452695 56.849776 56.849776l0 0C1023.653099 856.07443 998.200404 881.527125 966.8023 881.527125z"
-        p-id="1693"
-      ></path>
-      <path
-        d="M966.8023 256.17345 57.196677 256.17345c-31.397081 0-56.850799-25.452695-56.850799-56.849776l0 0c0-31.397081 25.452695-56.850799 56.850799-56.850799l909.605623 0c31.397081 0 56.849776 25.452695 56.849776 56.850799l0 0C1023.653099 230.720755 998.200404 256.17345 966.8023 256.17345z"
-        p-id="1694"
-      ></path>
-    </svg>
-  </span>
-</template>
-
-<script>
-export default {
-  name: 'hamburger',
-  props: {
-    isActive: {
-      type: Boolean,
-      default: false,
-    },
-    toggleClick: {
-      type: Function,
-      default: null,
-    },
-  },
-}
-</script>
-
-<style scoped>
-.hamburger {
-  display: inline-block;
-  cursor: pointer;
-  width: 20px;
-  height: 20px;
-  transform: rotate(90deg);
-  transition: 0.38s;
-  transform-origin: 30% 50%;
-}
-
-.hamburger.is-active {
-  transform: rotate(0deg);
-}
-</style>