hd-idevvue3 3.0.5 → 3.0.8

package/src/hdcom/HdTempSave.vue

@@ -1,162 +0,0 @@
-<template>
-  <span>
-    <el-dropdown @command="handleCommand">
-      <span class="el-dropdown-link">
-        <a @click="save">{{ $t('存盘') }}</a>
-        <el-icon class="el-icon--right"><el-icon-arrow-down /></el-icon
-      ></span>
-      <el-dropdown-menu
-        slot="dropdown"
-        style="max-height: 400px; overflow: auto"
-      >
-        <el-dropdown-item :command="lastAuto" v-if="lastAuto">{{
-          lastAuto.title
-        }}</el-dropdown-item>
-        <el-dropdown-item divided></el-dropdown-item>
-        <el-dropdown-item
-          v-for="(item, key, index) in allTemp"
-          :key="item.id"
-          :command="item"
-        >
-          <div v-if="!item.isEdit">
-            {{ item.title }} &nbsp;&nbsp;<el-icon><el-icon-edit /></el-icon>
-            &nbsp; <el-icon><el-icon-delete /></el-icon>
-          </div>
-        </el-dropdown-item>
-      </el-dropdown-menu>
-    </el-dropdown>
-  </span>
-</template>
-
-<script>
-import {
-  ArrowDown as ElIconArrowDown,
-  Edit as ElIconEdit,
-  Delete as ElIconDelete,
-} from '@element-plus/icons-vue'
-export default {
-  components: {
-    ElIconArrowDown,
-    ElIconEdit,
-    ElIconDelete,
-  },
-  name: 'HdTempSave',
-  data() {
-    return {
-      allTemp: [],
-      lastAuto: {},
-      timeInterval: null,
-    }
-  },
-  inheritAttrs: false,
-  /**
-   * Props
-   * @prop {Function} saveFun 备份时的存储
-   * @prop {event} reload 还原时的触发事件
-   * @prop {boolean}  auto true会自动保存(5秒),弹窗必须加v-if 来关闭定时
-   */
-  props: ['saveFun', 'auto'],
-  mounted() {
-    this.find()
-    this.findAuto()
-  },
-  beforeDestroy() {
-    console.info('close')
-    this.close()
-  },
-  methods: {
-    save() {
-      let ts = new Date().getTime()
-      //id是唯一标识,disName是当前页面区分
-      let obj = {
-        id: ts,
-        disName: this.$route.name,
-        title: new Date().format('MM-dd HH:mm'),
-        result: this.saveFun(),
-      }
-      let tempStore = localStorage.getItem('HdTempStore')
-      let storeObj = []
-      if (tempStore) {
-        storeObj = JSON.parse(tempStore)
-      }
-      storeObj.unshift(obj)
-      localStorage.setItem('HdTempStore', JSON.stringify(storeObj))
-      this.find()
-    },
-    saveForAuto() {
-      let ts = new Date().getTime()
-      //id是唯一标识,disName是当前页面区分
-      let obj = {
-        id: ts,
-        disName: this.$route.name,
-        title: this.$t('自动存盘') + new Date().format('MM-dd HH:mm'),
-        result: this.saveFun(),
-      }
-      localStorage.setItem(
-        'HdTempAutoStore' + this.$route.name,
-        JSON.stringify(obj)
-      )
-    },
-    find() {
-      let tempStore = localStorage.getItem('HdTempStore')
-      if (!tempStore) {
-        return
-      }
-      let storeObj = JSON.parse(tempStore)
-      this.allTemp = storeObj.filter((v) => v.disName == this.$route.name)
-    },
-    findAuto() {
-      let tempStore = localStorage.getItem('HdTempAutoStore' + this.$route.name)
-      this.lastAuto = JSON.parse(tempStore)
-    },
-    remove(item) {
-      let tempStore = localStorage.getItem('HdTempStore')
-      let storeObj = JSON.parse(tempStore)
-      let newSt = storeObj.filter((v) => v.id != item.id)
-      localStorage.setItem('HdTempStore', JSON.stringify(newSt))
-      this.find()
-    },
-    rename(item) {
-      this.$prompt(this.$t('请输入名称'), this.$t('提示'), {})
-        .then(({ value }) => {
-          let tempStore = localStorage.getItem('HdTempStore')
-          let storeObj = JSON.parse(tempStore)
-          let newSt = storeObj.map((v) => {
-            if (v.id == item.id) {
-              v.title = value
-            }
-            return v
-          })
-          localStorage.setItem('HdTempStore', JSON.stringify(newSt))
-          this.find()
-        })
-        .catch(() => {})
-    },
-    autoSave() {
-      this.timeInterval = setInterval(() => {
-        this.saveForAuto()
-      }, 5000)
-    },
-    close() {
-      if (this.timeInterval) clearInterval(this.timeInterval)
-      this.timeInterval = null
-    },
-    handleCommand(cmd) {
-      if (cmd && cmd.result) this.$emit('reload', cmd.result)
-    },
-  },
-  watch: {
-    auto: {
-      //定时执行
-      immediate: true,
-      handler(newVal) {
-        if (newVal) {
-          this.autoSave()
-        } else {
-          this.close()
-        }
-      },
-    },
-  },
-}
-</script>

package/src/hdcom/HdTree.vue

@@ -1,103 +0,0 @@
-<template>
-  <div style="height: 100%; overflow: auto">
-    <el-tree
-      :expand-on-click-node="false"
-      :renderContent="myrenderContent"
-      highlight-current
-      node-key="id"
-      ref="eltree"
-      v-bind="$attrs"
-      v-on="$listeners"
-    >
-    </el-tree>
-  </div>
-</template>
-
-<script>
-/**
- * HdTree 对 ElTree 封装了一些样式 idev8请使用EzTreeBean,能控制到展示与伸缩 可参考orgTree和orgnselect(下拉树)
- * @module HdNum
- */
-export default {
-  name: 'HdTree',
-  data() {
-    return {}
-  },
-  inheritAttrs: false,
-  updated() {
-    const treeData = this.$attrs.data
-    const rs = []
-    this.initChecked(treeData, rs)
-    if (rs) {
-      this.$refs.eltree.setCheckedNodes(rs)
-    }
-  },
-  methods: {
-    getCheckedNodes(onlyLeaf = true) {
-      return this.$refs.eltree.getCheckedNodes(onlyLeaf)
-    },
-    initChecked(treeData, rs) {
-      if (!treeData) {
-        return false
-      }
-      for (let i = 0; i < treeData.length; i++) {
-        const one = treeData[i]
-        if (one.checked == 'Y') {
-          rs.push(one)
-        }
-        if (one.children) {
-          this.initChecked(one.children, rs)
-        }
-      }
-    },
-    myrenderContent(h, { node, data, store }) {
-      if (data.state == 'open') {
-        node.expanded = true
-      }
-      //        if (data.checked == 'Y') {
-      //
-      //          //node.checked = true
-      // //          let par = node.parent
-      // //          while (par) {
-      // //            if (par.checked) {
-      // //              break;
-      // //            }
-      // //            par.indeterminate = true
-      // //            par = par.parent
-      // //          }
-      //        }
-      return h(
-        'span',
-        {
-          class: {
-            'el-tree-node__label': true,
-          },
-          style: {
-            width: 'auto',
-            'padding-right': '10px',
-          },
-        },
-        [
-          h('i', {
-            class: {
-              'el-icon-star-off': true,
-            },
-            style: {
-              paddingRight: '4px',
-            },
-          }),
-          h(
-            'span',
-            {
-              class: {
-                'el-tree-node__label': true,
-              },
-            },
-            data.text
-          ),
-        ]
-      )
-    },
-  },
-}
-</script>

package/src/hdcom/HdTreeTable/eval.js

@@ -1,39 +0,0 @@
-/**
- * @Author: jianglei
- * @Date:   2017-10-12 12:06:49
- */
-'use strict'
-import { createApp } from 'vue'
-const Vue = createApp({})
-
-export default function treeToArray(
-  data,
-  expandAll,
-  parent = null,
-  level = null
-) {
-  let tmp = []
-  Array.from(data).forEach(function (record) {
-    if (record.state === 'open') {
-      record._expanded = true
-    }
-    if (record._expanded === undefined) {
-      Vue.set(record, '_expanded', expandAll)
-    }
-    let _level = 1
-    if (level !== undefined && level !== null) {
-      _level = level + 1
-    }
-    Vue.set(record, '_level', _level)
-    // 如果有父元素
-    if (parent) {
-      Vue.set(record, 'parent', parent)
-    }
-    tmp.push(record)
-    if (record.children && record.children.length > 0) {
-      const children = treeToArray(record.children, expandAll, record, _level)
-      tmp = tmp.concat(children)
-    }
-  })
-  return tmp
-}

package/src/hdcom/HdTreeTable/index.vue

@@ -1,229 +0,0 @@
-<template>
-  <el-table :data="formatData" :row-style="showRow" v-bind="$attrs">
-    <el-table-column v-if="columns.length === 0" width="150">
-      <template slot-scope="scope">
-        <span
-          v-for="space in scope.row._level"
-          class="ms-tree-space"
-          :key="space"
-        ></span>
-        <span
-          class="tree-ctrl"
-          v-if="iconShow(0, scope.row)"
-          @click="toggleExpanded(scope.$index)"
-        >
-          <el-icon><el-icon-plus /></el-icon>
-          <el-icon><el-icon-minus /></el-icon>
-        </span>
-        {{ scope.$index }}
-      </template>
-    </el-table-column>
-    <el-table-column
-      v-else
-      v-for="(column, index) in columns"
-      :key="column.value"
-      :label="column.text"
-      :width="column.width"
-    >
-      <template slot-scope="scope">
-        <span
-          v-if="index === 0"
-          v-for="space in scope.row._level"
-          class="ms-tree-space"
-          :key="space"
-        ></span>
-        <span
-          class="tree-ctrl"
-          v-if="iconShow(index, scope.row)"
-          @click="toggleExpanded(scope.$index)"
-        >
-          <el-icon><el-icon-plus /></el-icon>
-          <el-icon><el-icon-minus /></el-icon>
-        </span>
-        {{ scope.row[column.value] }}
-      </template>
-    </el-table-column>
-    <slot></slot>
-  </el-table>
-</template>
-
-<script>
-import { Plus as ElIconPlus, Minus as ElIconMinus } from '@element-plus/icons-vue'
-/**
-   Auth: Lei.j1ang
-   Created: 2018/1/19-13:59
-   */
-import treeToArray from './eval'
-export default {
-  components: {
-    ElIconPlus,
-    ElIconMinus,
-  },
-  name: 'treeTable',
-  props: {
-    data: {
-      type: [Array, Object],
-      required: true,
-    },
-    columns: {
-      type: Array,
-      default: () => [],
-    },
-    evalFunc: Function,
-    evalArgs: Array,
-    expandAll: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  computed: {
-    // 格式化数据源
-    formatData: function () {
-      let tmp
-      if (!Array.isArray(this.data)) {
-        tmp = [this.data]
-      } else {
-        tmp = this.data
-      }
-      const func = this.evalFunc || treeToArray
-      const args = this.evalArgs
-        ? Array.concat([tmp, this.expandAll], this.evalArgs)
-        : [tmp, this.expandAll]
-      return func.apply(null, args)
-    },
-  },
-  methods: {
-    showRow: function (row) {
-      const show = row.row.parent
-        ? row.row.parent._expanded && row.row.parent._show
-        : true
-      row.row._show = show
-      return show
-        ? 'animation:treeTableShow 1s;-webkit-animation:treeTableShow 1s;'
-        : 'display:none;'
-    },
-    // 切换下级是否展开
-    toggleExpanded: function (trIndex) {
-      const record = this.formatData[trIndex]
-      record._expanded = !record._expanded
-    },
-    // 图标显示
-    iconShow(index, record) {
-      return index === 0 && record.children && record.children.length > 0
-    },
-  },
-}
-</script>
-
-<style rel="stylesheet/css">
-@keyframes treeTableShow {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@-webkit-keyframes treeTableShow {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-</style>
-
-<style lang="scss" rel="stylesheet/scss" scoped>
-$color-blue: #2196f3;
-$space-width: 8px;
-.ms-tree-space {
-  position: relative;
-  top: 1px;
-  display: inline-block;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 1;
-  width: $space-width;
-  height: 14px;
-  &::before {
-    content: '';
-  }
-}
-.processContainer {
-  width: 100%;
-  height: 100%;
-}
-table td {
-  line-height: 26px;
-}
-.tree-ctrl {
-  position: relative;
-  cursor: pointer;
-  color: $color-blue;
-  margin-left: -$space-width;
-}
-.el-table {
-  height: 100%;
-  width: 100%;
-  flex: 1;
-  .el-table__body-wrapper {
-    width: 100%;
-  }
-  .el-table__header-wrapper th {
-    //列表标题
-    background-color: #f6f6f6;
-  }
-
-  .el-table__fixed-header-wrapper th {
-    //固定的列表标题
-    background-color: #f6f6f6;
-  }
-  td,
-  th {
-    //列表标题及内容
-    padding: 1px 0;
-  }
-  .cell,
-  .el-table th div,
-  .el-table--border th:first-child .cell,
-  .el-table--border td:first-child .cell {
-    //列表的margin
-    padding-left: 5px !important;
-    padding-right: 1px !important;
-    padding-top: 1.5px !important;
-    padding-bottom: 1.5px !important;
-  }
-  .el-table__empty-block {
-    position: static;
-    text-align: center;
-    width: 100%;
-    height: 80%;
-  }
-  .el-table__body {
-    //列表下面加了空白
-    margin-bottom: 10px;
-  }
-  .el-table__body-wrapper {
-    height: 100%;
-    overflow-y: auto;
-  }
-  .el-input__inner {
-    height: 27px;
-    margin-bottom: 0px;
-  }
-  .el-input,
-  .el-form-item__content,
-  .el-form-item__label,
-  .el-input__icon {
-    line-height: 30px;
-  }
-  .el-input__inner {
-    padding: 5px;
-  }
-  .el-input--prefix .el-input__inner {
-    //日期的有logo不一样
-    padding-left: 30px;
-  }
-}
-</style>

package/src/hdcom/ImportExcel.vue

@@ -1,178 +0,0 @@
-<template>
-  <el-dialog title="Excel上传" :visible.sync="visible" width="65%" top="10vh">
-    <input
-      id="excel-upload-input"
-      ref="excel-upload-input"
-      type="file"
-      accept=".xlsx, .xls"
-      class="c-hide"
-      @change="handkeFileChange"
-    />
-    <div
-      class="excelSel"
-      @drop="handleDrop"
-      @dragover="handleDragover"
-      @dragenter="handleDragover"
-    >
-      {{ $t('Excel导入,需要以导出的Excel为模板') }}<br />
-      {{ $t('Excel文件拖动到或点击按钮上传') }}
-      <el-button
-        style="margin-left: 16px"
-        type="primary"
-        @click="handleUpload"
-        >{{ $t('浏览') }}</el-button
-      >
-    </div>
-    <el-dialog
-      title="sheet选择"
-      :visible.sync="sheetVisible"
-      width="55%"
-      top="15vh"
-    >
-      <div style="margin: 10px">
-        {{ $t('发现excel中存在多个sheet,请选择一个') }}
-      </div>
-      <el-radio-group v-model="selSheet">
-        <el-radio
-          v-for="(name, index) in allSheet"
-          :label="name"
-          :key="index"
-          >{{ name }}</el-radio
-        >
-      </el-radio-group>
-      <el-button style="margin-left: 16px" type="primary" @click="sheetSure">{{
-        $t('确定')
-      }}</el-button>
-    </el-dialog>
-  </el-dialog>
-</template>
-
-<script>
-import * as XLSX from 'xlsx'
-
-export default {
-  data() {
-    return {
-      loading: false,
-      excelData: {
-        header: null,
-        results: null,
-      },
-      visible: false,
-      allSheet: [],
-      selSheet: '',
-      workbook: null,
-      sheetVisible: false,
-    }
-  },
-  methods: {
-    show() {
-      this.visible = true
-    },
-    generateDate({ header, results }) {
-      this.excelData.header = header
-      this.excelData.results = results
-      this.$emit('on-selected-file', this.excelData)
-    },
-    handleDrop(e) {
-      e.stopPropagation()
-      e.preventDefault()
-      const files = e.dataTransfer.files
-      if (files.length !== 1) {
-        this.$message.error(this.$t('只支持单文件!'))
-        return
-      }
-      const itemFile = files[0] // only use files[0]
-      this.readerData(itemFile)
-      e.stopPropagation()
-      e.preventDefault()
-    },
-    handleDragover(e) {
-      e.stopPropagation()
-      e.preventDefault()
-      e.dataTransfer.dropEffect = 'copy'
-    },
-    handleUpload() {
-      document.getElementById('excel-upload-input').click()
-    },
-    handkeFileChange(e) {
-      const files = e.target.files
-      const itemFile = files[0] // only use files[0]
-      if (!itemFile) return
-      this.readerData(itemFile)
-      this.$refs['excel-upload-input'].value = null // fix can't select the same excel
-    },
-    readerData(itemFile) {
-      const reader = new FileReader()
-      reader.onload = (e) => {
-        const data = e.target.result
-        const fixedData = this.fixdata(data)
-        this.workbook = XLSX.read(btoa(fixedData), { type: 'base64' })
-        this.allSheet = this.workbook.SheetNames
-        this.selSheet = this.workbook.SheetNames[0]
-        if (this.allSheet.length == 1) {
-          this.sheetSure()
-        } else {
-          this.sheetVisible = true
-        }
-      }
-      reader.readAsArrayBuffer(itemFile)
-    },
-    sheetSure() {
-      // this.sheetVisible = false
-      const worksheet = this.workbook.Sheets[this.selSheet]
-      const header = this.get_header_row(worksheet)
-      const results = XLSX.utils.sheet_to_json(worksheet)
-      this.generateDate({ header, results })
-    },
-    fixdata(data) {
-      let o = ''
-      let l = 0
-      const w = 10240
-      for (; l < data.byteLength / w; ++l)
-        o += String.fromCharCode.apply(
-          null,
-          new Uint8Array(data.slice(l * w, l * w + w))
-        )
-      o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w)))
-      return o
-    },
-    get_header_row(sheet) {
-      const headers = []
-      const range = XLSX.utils.decode_range(sheet['!ref'])
-      let C
-      const R = range.s.r
-      /* start in the first row */
-      for (C = range.s.c; C <= range.e.c; ++C) {
-        /* walk every column in the range */
-        var cell = sheet[XLSX.utils.encode_cell({ c: C, r: R })]
-        /* find the cell in the first row */
-        var hdr = 'UNKNOWN ' + C // <-- replace with your desired default
-        if (cell && cell.t) hdr = XLSX.utils.format_cell(cell)
-        headers.push(hdr)
-      }
-      return headers
-    },
-  },
-}
-</script>
-
-<style scoped>
-#excel-upload-input {
-  display: none;
-  z-index: -9999;
-}
-
-.excelSel {
-  border: 2px dashed #bbb;
-  width: 600px;
-  height: 160px;
-  line-height: 80px;
-  margin: 0 auto;
-  font-size: 24px;
-  border-radius: 5px;
-  text-align: center;
-  color: #bbb;
-  position: relative;
-}
-</style>