hd-idevvue3 3.0.2 → 3.0.4

package/src/hdcom/HdTempSave.vue

@@ -1,103 +1,127 @@
 <template>
   <span>
-
-  <el-dropdown @command="handleCommand">
-   <span class="el-dropdown-link">
-      <a @click="save">{{$t('存盘')}}</a>
-     <i class="el-icon-arrow-down el-icon--right"></i></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;<i class="el-icon-edit" @click.stop="rename(item)"></i>
-               &nbsp; <i class="el-icon-delete" @click.stop="remove(item)"></i>
-        </div>
-      </el-dropdown-item>
-    </el-dropdown-menu>
-  </el-dropdown>
-    </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'
+export default {
+  components: {
+    ElIconArrowDown,
+    ElIconEdit,
+    ElIconDelete,
+  },
+  name: 'HdTempSave',
+  data() {
+    return {
+      allTemp: [],
+      lastAuto: {},
+      timeInterval: null,
+    }
+  },
+  inheritAttrs: false,
   /**
-   * 页面暂存,实现模板和定时save,由于有定时任务,在页面关闭时需要写v-if,触发关闭定时任务
-   * @module HdTempSave
+   * Props
+   * @prop {Function} saveFun 备份时的存储
+   * @prop {event} reload 还原时的触发事件
+   * @prop {boolean}  auto true会自动保存(5秒),弹窗必须加v-if 来关闭定时
    */
-  export default {
-    name: 'HdTempSave',
-    data() {
-      return {
-        allTemp: [],
-        lastAuto: {},
-        timeInterval: null
+  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(),
       }
-    },
-    inheritAttrs: false,
-    /**
-     * Props
-     * @prop {Function} saveFun 备份时的存储
-     * @prop {event} reload 还原时的触发事件
-     * @prop {boolean}  auto true会自动保存(5秒),弹窗必须加v-if 来关闭定时
-     */
-    props: ['saveFun', 'auto'],
-    mounted() {
+      let tempStore = localStorage.getItem('HdTempStore')
+      let storeObj = []
+      if (tempStore) {
+        storeObj = JSON.parse(tempStore)
+      }
+      storeObj.unshift(obj)
+      localStorage.setItem('HdTempStore', JSON.stringify(storeObj))
       this.find()
-      this.findAuto()
     },
-    beforeDestroy() {
-      console.info("close")
-      this.close()
+    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)
+      )
     },
-    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}) => {
+    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 => {
+          let newSt = storeObj.map((v) => {
             if (v.id == item.id) {
               v.title = value
             }
@@ -105,36 +129,34 @@
           })
           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)
-      }
+        .catch(() => {})
+    },
+    autoSave() {
+      this.timeInterval = setInterval(() => {
+        this.saveForAuto()
+      }, 5000)
     },
-    watch: {
-      'auto': {//定时执行
-        immediate: true,
-        handler(newVal) {
-          if (newVal) {
-            this.autoSave()
-          } else {
-            this.close()
-          }
+    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,86 +1,103 @@
 <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">
+  <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 {}
+/**
+ * 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)
     },
-    inheritAttrs: false,
-    updated() {
-      const treeData = this.$attrs.data
-      const rs = []
-      this.initChecked(treeData, rs)
-      if (rs) {
-        this.$refs.eltree.setCheckedNodes(rs)
+    initChecked(treeData, rs) {
+      if (!treeData) {
+        return false
       }
-    },
-    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)
-          }
+      for (let i = 0; i < treeData.length; i++) {
+        const one = treeData[i]
+        if (one.checked == 'Y') {
+          rs.push(one)
         }
-      },
-      myrenderContent(h, {node, data, store}) {
-        if (data.state == 'open') {
-          node.expanded = true
+        if (one.children) {
+          this.initChecked(one.children, rs)
         }
-        //        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
+      }
+    },
+    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
+            width: 'auto',
+            'padding-right': '10px',
           },
-          style: {
-            'paddingRight': '4px'
-          }
-        }), h('span', {
-          'class': {
-            'el-tree-node__label': true
-          }
-        }, data.text)])
-      }
-    }
-  }
-
+        },
+        [
+          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

@@ -3,12 +3,17 @@
  * @Date:   2017-10-12 12:06:49
  */
 'use strict'
-import {createApp} from 'vue'
+import { createApp } from 'vue'
 const Vue = createApp({})
 
-export default function treeToArray(data, expandAll, parent = null, level = null) {
+export default function treeToArray(
+  data,
+  expandAll,
+  parent = null,
+  level = null
+) {
   let tmp = []
-  Array.from(data).forEach(function(record) {
+  Array.from(data).forEach(function (record) {
     if (record.state === 'open') {
       record._expanded = true
     }