hd-idevvue3 3.0.5 → 3.0.8

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

@@ -1,204 +0,0 @@
-<template>
-  <div>
-    <div class="menuSvg" ref="menuSvg">
-      <hamburger
-        :isActive="sidebar.opened"
-        :toggleClick="toggleSideBar"
-        class="hamburger-container"
-      ></hamburger>
-    </div>
-    <div class="product_sort">
-      <el-scrollbar ref="scrollbar" style="height: 100%">
-        <div class="bd">
-          <div
-            @mouseleave="mouseLeave($event)"
-            @mouseover="mouseOver($event)"
-            class="item"
-            v-for="(item, index) in routes"
-          >
-            <div class="title" v-show="$store.state.app.sidebar.opened">
-              <a href="javascript:void(0)">
-                <i
-                  :class="item.meta.icon"
-                  style="display: inline"
-                  v-if="item.meta && item.meta.icon"
-                ></i>
-                <span v-if="item.meta && item.meta.title">{{
-                  generateTitle(item.meta)
-                }}</span>
-                <!--<span>{{item.meta.title}}</span>-->
-              </a>
-            </div>
-            <div class="arrow" v-if="$store.state.app.sidebar.opened">&gt;</div>
-            <div class="arrow" v-else>
-              <i
-                :class="item.meta.icon"
-                style="color: #494949"
-                v-if="item.meta && item.meta.icon"
-              ></i>
-            </div>
-            <div class="line"></div>
-            <div class="subitem">
-              <template v-if="item.children && item.children.length > 0">
-                <div class="inner" v-for="(itemTwo, indexTwo) in item.children">
-                  <div class="tit tit1">
-                    <div class="name" v-if="itemTwo.meta && itemTwo.meta.title">
-                      <i
-                        :class="itemTwo.meta.icon"
-                        style="display: inline"
-                        v-if="itemTwo.meta.icon"
-                      ></i>
-                      {{ generateTitle(itemTwo.meta) }}
-                    </div>
-                    <ul>
-                      <li
-                        @click="clickOne(itemThree)"
-                        v-for="(itemThree, indexThree) in itemTwo.children"
-                      >
-                        <a
-                          href="javascript:void(0)"
-                          v-if="itemThree.meta && itemThree.meta.title"
-                        >
-                          <i
-                            :class="itemThree.meta.icon"
-                            style="display: inline"
-                            v-if="itemThree.meta.icon"
-                          ></i>
-                          {{ generateTitle(itemThree.meta) }}
-                        </a>
-                      </li>
-                    </ul>
-                  </div>
-                </div>
-              </template>
-            </div>
-          </div>
-        </div>
-      </el-scrollbar>
-    </div>
-  </div>
-</template>
-
-<script>
-import { mapGetters } from 'vuex'
-import Hamburger from './Hamburger'
-
-export default {
-  name: 'SidebarItem',
-  components: {
-    Hamburger,
-  },
-  props: {
-    routes: {
-      type: Array,
-    },
-  },
-  data() {
-    return {
-      menuVisitUrl: '',
-      menuSelUrl: '',
-      isShow: false,
-    }
-  },
-  mounted() {},
-  methods: {
-    generateTitle(meta) {
-      if (this.$i18n.locale == 'zh') {
-        return meta.title //i18n wxl
-      } else {
-        return meta.enTitle //
-      }
-      //return this.$t('route.' + title)
-    },
-    mouseOver(e) {
-      if (this.isShow == true) {
-        return
-      }
-      let outerheight =
-        document.getElementsByClassName('hd-header')[0].clientHeight
-      let subcls = e.currentTarget.getElementsByClassName('subitem')[0]
-      e.currentTarget.classList.add('layer')
-      subcls.style.left = e.currentTarget.offsetWidth - 10 + 'px'
-      subcls.style.position = 'fixed'
-      subcls.style.overflow = 'auto'
-      //距离页面顶的距离
-      let itemTop =
-        e.currentTarget.offsetTop -
-        this.$refs.scrollbar.wrap$.scrollTop +
-        outerheight +
-        this.$refs.menuSvg.clientHeight
-      let menuHeight = subcls.clientHeight
-      let windowHeigth = document.body.clientHeight
-      if (itemTop + menuHeight > windowHeigth) {
-        if (itemTop + +e.currentTarget.clientHeight - menuHeight < 0) {
-          subcls.style.top = '0px'
-          subcls.style.bottom = '0px'
-        } else {
-          subcls.style.top =
-            itemTop + e.currentTarget.clientHeight - menuHeight + 'px'
-          // subcls.style.bottom = '0px'
-        }
-      } else {
-        subcls.style.top = itemTop + 'px'
-        // subcls.style.bottom = '0px'
-      }
-      this.isShow = true
-    },
-    mouseLeave(e) {
-      this.isShow = false
-      e.currentTarget.classList.remove('layer')
-    },
-    clickOne(item) {
-      if (!item.path && !item.redirect) {
-        return false
-      }
-      let obj = {
-        path: item.path ? item.path : item.url,
-        menuId: item.menuId,
-        title: item.meta.title,
-      }
-      //记录菜单点击
-      this.$http
-        .post('/webresources/login/com/ComMenuHistory/menuClick', obj)
-        .then((response) => {
-          this.menuSelUrl = this.menuVisitUrl
-        })
-      if (item.meta.type === '2') {
-        if (item.redirect) {
-          window.open(item.redirect, '_blank')
-        } else {
-          let routeData = this.$router.resolve({
-            name: item.name,
-            params: item.meta.addQuery,
-          })
-          window.open(routeData.href, '_blank')
-        }
-      } else {
-        this.$router.push({
-          name: item.name,
-          params: item.meta.addQuery,
-        })
-      }
-    },
-    toggleSideBar() {
-      this.$store.dispatch('toggleSideBar')
-    },
-  },
-  computed: {
-    ...mapGetters(['sidebar']),
-  },
-}
-</script>
-
-<style lang="scss" scoped>
-@import 'css/menu.css'; // normalize.css 样式格式化
-.product_sort {
-  :deep(.el-scrollbar__wrap) {
-    overflow-x: hidden;
-  }
-
-  :deep(.is-horizontal) {
-    height: 0;
-  }
-}
-</style>

package/src/views/layout/menu/css/menu.css

@@ -1,288 +0,0 @@
-@charset "utf-8";
-/* CSS Document */
-
-ul, ol {
-  list-style: none;
-}
-
-/*清除浮动*/
-.clearfix:after {
-  clear: both;
-  content: ".";
-  display: block;
-  height: 0;
-  visibility: hidden;
-}
-
-.clearfix {
-  display: inline-table;
-}
-
-* html .clearfix {
-  height: 1%;
-}
-
-.clearfix {
-  display: block;
-}
-
-.ma {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.w980 {
-  width: 980px;
-}
-
-.mt10 {
-  margin-top: 10px;
-}
-
-.product_sortBg {
-  background-color: #ededed;
-}
-
-/*.fa{ margin-right:5px;}*/
-
-/*缩进按钮*/
-.menuSvg {
-  height: 30px;
-  background-color: #ededed;
-  border-bottom: solid 1px #bbb;
-  text-align: center;
-  color: #f0f0f0;
-  padding-top: 5px;
-}
-
-.hamburger[data-v-4e6f274c] {
-  width: 16px !important;
-  height: 16px !important;
-  fill: #bbbbbb;
-}
-
-.scroll-container .scroll-wrapper { /*background-color:#666666;*/
-}
-
-/*菜单的高度 height:calc(100vh + 70px)  70 对应ScrllBar\index.vue 32 行的判断尺寸*/
-.product_sort { /*border-bottom:solid 1px #3299fd;border-right:solid 1px #3299fd;*/
-  height: calc(100vh - 80px);
-  position: relative;
-  z-index: 999;
-}
-
-.product_sort .hd {
-  line-height: 40px;
-  text-indent: 20px;
-  font-size: 15px;
-  font-weight: bold;
-  color: #fff;
-}
-
-.product_sort .bd {
-  padding-bottom: 10px;
-}
-
-.product_sort .bd .item {
-  border-bottom: solid 1px #bbb;
-  height: 50px;
-  position: relative;
-}
-
-.product_sort .bd .item .title {
-  text-indent: 13px;
-  height: 50px;
-  overflow: hidden;
-  line-height: 50px;
-  font-size: 15px;
-  font-weight: bold;;
-}
-
-.product_sort .bd .item .title a {
-  position: relative;
-}
-
-.product_sort .bd .item .title .fa {
-  font-size: 16px;
-  margin-right: 5px;
-  width: 20px !important;
-  height: 20px !important;
-  display: block !important;
-  float: left;
-  margin-top: 15px;
-}
-
-/*选择和不被选择时的背景色*/
-.product_sortSelected {
-  background-color: #409EFF;
-}
-
-.product_sortUnselected {
-  background-color: #666666;
-}
-
-/*二级弹出菜单结束*/
-.product_sortTwo {
-  width: 820px;
-  min-height: 30px;
-  max-height: 400px;
-  overflow-y: auto;
-  position: absolute;
-  left: 142px;
-  padding-top: 10px;
-  padding-bottom: 5px;
-  border: 1px solid #b6b6b6;
-  color: #494949;
-  background: #FFF;
-}
-
-.product_sortTwoDiv {
-  width: 770px;
-  float: left;
-  margin-left: 25px;
-  margin-bottom: 5px;
-  padding-bottom: 0px;
-}
-
-.product_sortTwoBottomLine {
-  border: 0px;
-  padding-bottom: 0px;
-}
-
-.product_sortSpan {
-  color: #0555a6;
-  font-weight: bold;
-  display: block;
-  float: left;
-  width: 100%;
-  height: 30px;
-  line-height: 30px;
-  margin-right: 10px;
-  border-bottom: 1px solid #ccc;
-}
-
-.product_sortSpan a {
-  display: inline-block;
-}
-
-.product_sortTwoMenu {
-  width: 100%;
-  float: left;
-  margin-top: 5px;
-}
-
-.product_sortTwoMenu > a {
-  min-width: 50px;
-  width: auto !important;
-  height: 30px;
-  line-height: 30px;
-  float: left;
-  color: #646464;
-  display: block;
-  margin-right: 10px;
-}
-
-.product_sortTwoMenu a:hover {
-  color: #888;
-}
-
-.product_sortTwo678 {
-  width: 850px;
-  min-height: 30px;
-  height: auto !important;
-  position: absolute;
-  left: 142px;
-  padding-top: 10px;
-  padding-bottom: 10px;
-  border: 1px solid #b6b6b6;
-  color: #494949;
-  background: #FFF;
-  bottom: 0px;
-}
-
-.product_sortTwo9 {
-  width: 850px;
-  min-height: 30px;
-  height: auto !important;
-  position: absolute;
-  left: 142px;
-  padding-top: 10px;
-  padding-bottom: 10px;
-  border: 1px solid #b6b6b6;
-  color: #494949;
-  background: #FFF;
-  bottom: 0px;
-}
-
-/*二级弹出菜单结束*/
-
-.product_sort .bd .item .list {
-  padding-left: 5px;
-  height: 30px;
-  line-height: 30px;
-  overflow: hidden;
-}
-
-.product_sort .bd .item .list a {
-  color: #333;
-}
-
-.product_sort .bd .item .list a:hover {
-  text-decoration: underline;
-}
-
-.product_sort .bd .item .arrow {
-  font-size: 12px;
-  color: #333;
-  position: absolute;
-  right: 10px;
-  top: 18px;
-}
-
-.product_sort .bd .menuvisit .arrow {
-  font-size: 12px;
-  color: white;
-  position: absolute;
-  right: 10px;
-  top: 18px;
-}
-
-.product_sort .bd .item .line {
-  position: absolute;
-  right: -2px;
-  top: 0px;
-  width: 2px;
-  height: 55px;
-  background-color: #fff;
-  z-index: 999;
-  display: none;
-}
-
-.product_sort .bd .item .subitem {
-  display: none;
-}
-
-.product_sort .bd .layer .line {
-  display: block;
-}
-
-.product_sort .bd .layer .arrow {
-  display: block;
-}
-
-.product_sort .bd .layer .subitem {
-  width: 731px;
-  background: #fff;
-  border: solid 1px #dbd4d5;
-  border-left: none;
-  position: absolute;
-  top: -1px;
-  z-index: 999;
-  min-height: 55px;
-  height: auto !important;
-  height: 55px;
-  padding: 10px 20px;
-  display: block;
-}
-
-

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

@@ -1,27 +0,0 @@
-<template>
-  <el-menu
-    :collapse="isCollapse"
-    :default-active="$route.name"
-    active-text-color="#ffffff"
-    background-color="#ffffff"
-    mode="vertical"
-    text-color="#fff"
-  >
-    <HdMenu :routes="hdMenu"></HdMenu>
-  </el-menu>
-</template>
-
-<script>
-import { mapGetters } from 'vuex'
-import HdMenu from './HdMenu'
-
-export default {
-  components: { HdMenu },
-  computed: {
-    ...mapGetters(['hdMenu', 'sidebar']),
-    isCollapse() {
-      return !this.sidebar.opened
-    },
-  },
-}
-</script>

package/src/views/privilege/commsg/commsg.vue

@@ -1,152 +0,0 @@
-<template>
-  <el-container>
-    <el-main>
-      <hd-com-grid
-        :hdQuery="hdQuery"
-        ref="grid"
-        url="/webresources/login/com/ComMsg"
-        visualScroll
-      >
-        <div class="filter-container" slot="query">
-          <el-input
-            @keyup.enter.native="$refs.grid.doQuery()"
-            class="filter-item"
-            :placeholder="$t('名称')"
-            style="width: 200px"
-            v-model="hdQuery.query.anyQuery"
-          >
-          </el-input>
-          <el-button
-            @click="$refs.grid.doQuery()"
-            class="filter-item"
-            :icon="ElIconSearch"
-            ref="q"
-            type="primary"
-            >{{ $t('搜索') }}
-          </el-button>
-          <el-button
-            @click="doEdit('')"
-            class="filter-item"
-            :icon="ElIconEdit"
-            ref="a"
-            type="primary"
-            >{{ $t('新增') }}
-          </el-button>
-          <el-button
-            @click="$refs.grid.doRemoveAll()"
-            class="filter-item"
-            ref="d"
-            type="danger"
-            >{{ $t('删除') }}
-          </el-button>
-        </div>
-        <el-table-column
-          align="center"
-          fixed="right"
-          label="操作"
-          width="100px"
-        >
-          <template slot-scope="scope">
-            <hd-btn
-              @click.stop="doEdit(scope.row.msgId)"
-              hint="编辑"
-              icon="el-icon-edit"
-            ></hd-btn>
-            <hd-btn
-              @click.stop="$refs.grid.doRemove(scope.row)"
-              hint="删除"
-              icon="el-icon-delete"
-            ></hd-btn>
-            <hd-btn
-              @click.stop="send(scope.row.msgId)"
-              hint="发送"
-              icon="el-icon-phone"
-            ></hd-btn>
-          </template>
-        </el-table-column>
-        <el-table-column
-          align="center"
-          label="CODE"
-          prop="msgCode"
-          sortable
-          width="100px"
-        >
-        </el-table-column>
-        <el-table-column
-          align="center"
-          label="标题"
-          prop="title"
-          sortable
-          width="100px"
-        >
-        </el-table-column>
-        <el-table-column
-          align="center"
-          label="类型"
-          prop="msgTypeName"
-          width="150px"
-        >
-        </el-table-column>
-        <el-table-column
-          align="center"
-          label="内容"
-          prop="content"
-          sortable
-          width="300px"
-        >
-        </el-table-column>
-        <el-table-column
-          align="center"
-          label="打开路径"
-          prop="url"
-          sortable
-          width="100px"
-        >
-        </el-table-column>
-      </hd-com-grid>
-    </el-main>
-    <commsgform @save-ok="$refs.grid.doQuery()" ref="commsgform"></commsgform>
-  </el-container>
-</template>
-
-<script>
-import { Search as ElIconSearch, Edit as ElIconEdit } from '@element-plus/icons-vue'
-import commsgform from './commsgform'
-
-export default {
-  data() {
-    return {
-      hdQuery: new HdQuery(this),
-      ElIconSearch,
-      ElIconEdit,
-    }
-  },
-  components: { commsgform },
-  mounted() {},
-  methods: {
-    doEdit(msgId) {
-      // 增加或编辑
-      this.$refs['commsgform'].show(msgId)
-    },
-    send(msgId) {
-      // 增加或编辑
-      this.$http
-        .post(`/webresources/login/com/ComMsg/send?msgId=${msgId}`)
-        .then((response) => {
-          var data = response.data
-          if (data.code != '1') {
-            this.$message({
-              type: 'error',
-              message: data.message,
-            })
-          } else {
-            this.$message({
-              type: 'success',
-              message: this.$t('发送成功'),
-            })
-          }
-        })
-    },
-  },
-}
-</script>

package/src/views/privilege/commsg/commsgOrgn.vue

@@ -1,51 +0,0 @@
-<template>
-  <div style="height: 100%; min-height: 400px">
-    <hd-tree
-      :data="hdTree"
-      v-loading="listLoading"
-      node-key="id"
-      ref="orgnTree"
-      style="height: 100%"
-      height="100%"
-      show-checkbox
-    ></hd-tree>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'commsgOrgn',
-  data: function () {
-    return {
-      hdTree: [],
-      listLoading: false,
-    }
-  },
-  methods: {
-    doQuery() {
-      this.listLoading = true
-      this.$http
-        .get(`../webresources/login/com/ComMsg/findOrgnByMsgId/${this.msgId}`)
-        .then((response) => {
-          const data = response.data
-          this.hdTree = data
-          this.listLoading = false
-        })
-    },
-    getOrgIds() {
-      const os = this.$refs.orgnTree.getCheckedNodes(false)
-      let orgnIds = ''
-      for (let i = 0; i < os.length; i++) {
-        orgnIds = orgnIds + os[i].id + ','
-      }
-      return orgnIds
-    },
-  },
-  props: ['orgnIds', 'msgId'],
-  watch: {
-    msgId: function (newVal) {
-      this.doQuery()
-    },
-  },
-}
-</script>