hd-idevvue3 3.0.0 → 3.0.1

package/src/vendor/Export2Excel.js

@@ -0,0 +1,220 @@
+/* eslint-disable */
+import { saveAs } from 'file-saver'
+import XLSX from 'xlsx'
+
+function generateArray(table) {
+  var out = [];
+  var rows = table.querySelectorAll('tr');
+  var ranges = [];
+  for (var R = 0; R < rows.length; ++R) {
+    var outRow = [];
+    var row = rows[R];
+    var columns = row.querySelectorAll('td');
+    for (var C = 0; C < columns.length; ++C) {
+      var cell = columns[C];
+      var colspan = cell.getAttribute('colspan');
+      var rowspan = cell.getAttribute('rowspan');
+      var cellValue = cell.innerText;
+      if (cellValue !== "" && cellValue == +cellValue) cellValue = +cellValue;
+
+      //Skip ranges
+      ranges.forEach(function (range) {
+        if (R >= range.s.r && R <= range.e.r && outRow.length >= range.s.c && outRow.length <= range.e.c) {
+          for (var i = 0; i <= range.e.c - range.s.c; ++i) outRow.push(null);
+        }
+      });
+
+      //Handle Row Span
+      if (rowspan || colspan) {
+        rowspan = rowspan || 1;
+        colspan = colspan || 1;
+        ranges.push({
+          s: {
+            r: R,
+            c: outRow.length
+          },
+          e: {
+            r: R + rowspan - 1,
+            c: outRow.length + colspan - 1
+          }
+        });
+      };
+
+      //Handle Value
+      outRow.push(cellValue !== "" ? cellValue : null);
+
+      //Handle Colspan
+      if (colspan)
+        for (var k = 0; k < colspan - 1; ++k) outRow.push(null);
+    }
+    out.push(outRow);
+  }
+  return [out, ranges];
+};
+
+function datenum(v, date1904) {
+  if (date1904) v += 1462;
+  var epoch = Date.parse(v);
+  return (epoch - new Date(Date.UTC(1899, 11, 30))) / (24 * 60 * 60 * 1000);
+}
+
+function sheet_from_array_of_arrays(data, opts) {
+  var ws = {};
+  var range = {
+    s: {
+      c: 10000000,
+      r: 10000000
+    },
+    e: {
+      c: 0,
+      r: 0
+    }
+  };
+  for (var R = 0; R != data.length; ++R) {
+    for (var C = 0; C != data[R].length; ++C) {
+      if (range.s.r > R) range.s.r = R;
+      if (range.s.c > C) range.s.c = C;
+      if (range.e.r < R) range.e.r = R;
+      if (range.e.c < C) range.e.c = C;
+      var cell = {
+        v: data[R][C]
+      };
+      if (cell.v == null) continue;
+      var cell_ref = XLSX.utils.encode_cell({
+        c: C,
+        r: R
+      });
+
+      if (typeof cell.v === 'number') cell.t = 'n';
+      else if (typeof cell.v === 'boolean') cell.t = 'b';
+      else if (cell.v instanceof Date) {
+        cell.t = 'n';
+        cell.z = XLSX.SSF._table[14];
+        cell.v = datenum(cell.v);
+      } else cell.t = 's';
+
+      ws[cell_ref] = cell;
+    }
+  }
+  if (range.s.c < 10000000) ws['!ref'] = XLSX.utils.encode_range(range);
+  return ws;
+}
+
+function Workbook() {
+  if (!(this instanceof Workbook)) return new Workbook();
+  this.SheetNames = [];
+  this.Sheets = {};
+}
+
+function s2ab(s) {
+  var buf = new ArrayBuffer(s.length);
+  var view = new Uint8Array(buf);
+  for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
+  return buf;
+}
+
+export function export_table_to_excel(id) {
+  var theTable = document.getElementById(id);
+  var oo = generateArray(theTable);
+  var ranges = oo[1];
+
+  /* original data */
+  var data = oo[0];
+  var ws_name = "SheetJS";
+
+  var wb = new Workbook(),
+    ws = sheet_from_array_of_arrays(data);
+
+  /* add ranges to worksheet */
+  // ws['!cols'] = ['apple', 'banan'];
+  ws['!merges'] = ranges;
+
+  /* add worksheet to workbook */
+  wb.SheetNames.push(ws_name);
+  wb.Sheets[ws_name] = ws;
+
+  var wbout = XLSX.write(wb, {
+    bookType: 'xlsx',
+    bookSST: false,
+    type: 'binary'
+  });
+
+  saveAs(new Blob([s2ab(wbout)], {
+    type: "application/octet-stream"
+  }), "test.xlsx")
+}
+
+export function export_json_to_excel({
+  multiHeader = [],
+  header,
+  data,
+  filename,
+  merges = [],
+  autoWidth = true,
+  bookType = 'xlsx'
+} = {}) {
+  /* original data */
+  filename = filename || 'excel-list'
+  data = [...data]
+  data.unshift(header);
+
+  for (let i = multiHeader.length - 1; i > -1; i--) {
+    data.unshift(multiHeader[i])
+  }
+
+  var ws_name = "SheetJS";
+  var wb = new Workbook(),
+    ws = sheet_from_array_of_arrays(data);
+
+  if (merges.length > 0) {
+    if (!ws['!merges']) ws['!merges'] = [];
+    merges.forEach(item => {
+      ws['!merges'].push(XLSX.utils.decode_range(item))
+    })
+  }
+
+  if (autoWidth) {
+    /*设置worksheet每列的最大宽度*/
+    const colWidth = data.map(row => row.map(val => {
+      /*先判断是否为null/undefined*/
+      if (val == null) {
+        return {
+          'wch': 10
+        };
+      }
+      /*再判断是否为中文*/
+      else if (val.toString().charCodeAt(0) > 255) {
+        return {
+          'wch': val.toString().length * 2
+        };
+      } else {
+        return {
+          'wch': val.toString().length
+        };
+      }
+    }))
+    /*以第一行为初始值*/
+    let result = colWidth[0];
+    for (let i = 1; i < colWidth.length; i++) {
+      for (let j = 0; j < colWidth[i].length; j++) {
+        if (result[j]['wch'] < colWidth[i][j]['wch']) {
+          result[j]['wch'] = colWidth[i][j]['wch'];
+        }
+      }
+    }
+    ws['!cols'] = result;
+  }
+
+  /* add worksheet to workbook */
+  wb.SheetNames.push(ws_name);
+  wb.Sheets[ws_name] = ws;
+
+  var wbout = XLSX.write(wb, {
+    bookType: bookType,
+    bookSST: false,
+    type: 'binary'
+  });
+  saveAs(new Blob([s2ab(wbout)], {
+    type: "application/octet-stream"
+  }), `${filename}.${bookType}`);
+}

package/src/vendor/Export2Zip.js

@@ -0,0 +1,22 @@
+/* eslint-disable */
+require('script-loader!file-saver');
+import JSZip from 'jszip'
+
+export function export_txt_to_zip(th, jsonData, txtName, zipName) {
+  const zip = new JSZip()
+  const txt_name = txtName || 'file'
+  const zip_name = zipName || 'file'
+  const data = jsonData
+  let txtData = `${th}\r\n`
+  data.forEach((row) => {
+    let tempStr = ''
+    tempStr = row.toString()
+    txtData += `${tempStr}\r\n`
+  })
+  zip.file(`${txt_name}.txt`, txtData)
+  zip.generateAsync({type:"blob"}).then((blob) => {
+    saveAs(blob, `${zip_name}.zip`)
+  }, (err) => {
+    alert('导出失败')
+  })
+}

package/src/views/layout/AppMain.vue

@@ -0,0 +1,32 @@
+<template>
+  <div class="app-main">
+    <transition mode="out-in" name="fade">
+      <keep-alive :include="cachedViews">
+        <router-view :key="key" v-if="reload"/>
+      </keep-alive>
+    </transition>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'AppMain',
+    computed: {
+      cachedViews() {
+        return this.$store.state.app.cachedViews
+      },
+      key() {
+        return this.$route.name
+      },
+      reload() { // 刷新页面
+        return this.$store.state.app.refreshPage !== true
+      }
+    }
+  }
+</script>
+<style rel="stylesheet/scss" lang="scss">
+  .app-main {
+    height: 100%;
+    overflow: auto;
+  }
+</style>

package/src/views/layout/HdLayout.vue

@@ -0,0 +1,78 @@
+<template>
+  <div :class="[{hideSidebar:!sidebar.opened}, $store.state.user.skin]" class="hd-layout app-wrapper"
+       v-if="!onlyContent">
+    <main-header class="hd-header mainHeader" v-if="$store.state.app.headerShow!=false"></main-header>
+    <div class="hd-content">
+      <hdmenu class="hd-menu sidebar-container"></hdmenu>
+      <div class="hd-main main-container">
+        <Navbar></Navbar>
+        <AppMain style="flex:1"></AppMain>
+        <slot></slot>
+      </div>
+    </div>
+  </div>
+  <app-main :class="[{hideSidebar:!sidebar.opened}, $store.state.user.skin]" class="app-wrapper" v-else></app-main>
+</template>
+
+<script>
+  import Navbar from './header/Navbar'
+  import TagsView from './header/TagsView'
+  import MainHeader from './header/MainHeader'
+  import AppMain from './AppMain'
+  import hdmenu from './menu'
+
+  export default {
+    name: 'layout',
+    components: {
+      MainHeader,
+      Navbar,
+      hdmenu,
+      AppMain,
+      TagsView,
+    },
+    computed: {
+      sidebar() {
+        return this.$store.state.app.sidebar
+      },
+      onlyContent() {
+        return this.$route.query.onlycontent == 1
+      }
+    },
+    watch: {
+      '$store.state.user.skin': {//弹窗的因为和#app平级,无法换肤
+        handler: function (newVal, oldVal) {
+          document.getElementsByTagName('body')[0].className = 'body-' + newVal;
+          this.$emit("chgTheme", newVal)
+        },
+        immediate: true
+      }
+    }
+  }
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .hd-layout {
+    display: flex;
+    flex-direction: column;
+
+    .hd-header {
+      height: 52px;
+      width: 100%
+    }
+
+    .hd-content {
+      flex: 1;
+      display: flex;
+      flex-direction: row;
+
+      .hd-menu {
+        width: 50px
+      }
+
+      .hd-main {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+      }
+    }
+  }
+</style>

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

@@ -0,0 +1,225 @@
+<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
+      :placeholder="$t('菜单查询')"
+      :remote-method="querySearch"
+      @change="change"
+      class="header-search-select"
+      default-first-option
+      filterable
+      ref="headerSearchSelect"
+      remote
+      v-model="search"
+    >
+      <el-option-group :key="$t('检索菜单')" :label="$t('检索菜单')" v-if="options1.length>0">
+        <el-option :key="index" :label="item.title.join(' > ')" :value="item" v-for="item,index in options1"/>
+      </el-option-group>
+      <el-option-group :key="$t('更多结果')" :label="$t('更多结果')" v-if="options2.length>0">
+        <el-option :key="index" :label="item.text" :value="item" v-for="item,index in options2"/>
+      </el-option-group>
+    </el-select>
+  </div>
+</template>
+
+<script>
+  import Fuse from 'fuse.js'
+  import path from 'path'
+
+  export default {
+    name: 'ElasticSearch',
+    data() {
+      return {
+        search: '',
+        options1: [],
+        options2: [],
+        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.options1 = [];
+        this.options2 = [];
+        this.show = false
+      },
+      change(val) {
+        this.$router.push(val.path)
+        this.search = ''
+        this.options1 = [];
+        this.options2 = [];
+        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.options1 = this.fuse.search(query)
+        } else {
+          this.options1 = []
+        }
+
+        if (this.$store.state.app.elsearch) {//
+          this.options2 = [{text: this.$t('加载中...')}];
+          this.$http.get(`/webresources/login/com/ComSearch/search?q=${query}&type=${this.$i18n.locale}`).then(response => {
+
+            this.options2 = [];
+            response.data.forEach(v => {
+              let t = v.menuPath.reverse().join('=>')
+              if (this.$i18n.locale == 'en') {
+                t = v.menuEnPath.reverse().join('=>')
+              }
+
+              this.options2.push({
+                path: '/' + v.menuUrl + '?q=' + query,
+                text: t + '=>' + v.content
+              })
+            })
+          })
+        }
+      }
+    }
+  }
+</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>