hd-idevvue3 3.0.5 → 3.0.8

package/src/hdcom/HdComSortDetail.vue

@@ -1,161 +0,0 @@
-<template>
-  <el-container>
-    <el-main class="gridShow" :title="title">
-      <el-tag
-        v-for="tag in list"
-        :key="tag.text"
-        closable
-        :disable-transitions="false"
-        @close="handleClose(tag)"
-      >
-        {{ tag.text }}
-      </el-tag>
-      <el-cascader
-        v-model="inputValue"
-        :placeholder="$t('请选择')"
-        class="input-new-tag"
-        ref="saveTagInput"
-        v-if="inputVisible"
-        @keyup.enter.native="handleInputConfirm"
-        size="small"
-        @change="(v) => change(v)"
-        :options="sortOption"
-        :props="{ expandTrigger: 'hover' }"
-      >
-      </el-cascader>
-      <el-button v-else class="button-new-tag" size="small" @click="showInput"
-        >+ New Tag</el-button
-      >
-    </el-main>
-  </el-container>
-</template>
-
-<script>
-export default {
-  name: 'HdComSortDetail',
-  data() {
-    return {
-      inputVisible: false,
-      inputValue: '',
-    }
-  },
-  inheritAttrs: false,
-  props: {
-    allColumn: Array,
-    list: Array,
-    title: String,
-  },
-  mounted() {},
-  methods: {
-    handleClose(tag) {
-      this.list.splice(this.list.indexOf(tag), 1)
-    },
-
-    showInput() {
-      this.inputVisible = true
-      this.$nextTick((_) => {
-        this.$refs.saveTagInput.$refs.input.focus()
-      })
-    },
-
-    change(val) {
-      console.log('inputValue', val)
-      let inputValue = this.inputValue
-      if (inputValue) {
-        let item = this.genItem(inputValue)
-        this.list.forEach((v, i) => {
-          if (v.sortProperty == item.sortProperty) {
-            this.list.splice(i, 1)
-          }
-        })
-        this.list.push(item)
-      }
-      console.log('list', this.list)
-      this.inputVisible = false
-      this.inputValue = ''
-      // if (!val) { // clear触发
-      //   row.key = ''
-      //   // this.queryRel.value = ''
-      //   return false
-      // }
-      // row.selCol = val
-      // row.key = val.$attrs.prop
-      // // this.queryRel.value = ''//切换时先清
-      // if (!row.selCol.input) {
-      //   return false
-      // }
-      //
-      // row.type = ''// 默认字符串
-      // if (typeof val.input != 'string') { // 自定义组件会传入function
-      //   return false
-      // }
-      // if (val.input.indexOf('date') >= 0 || val.input.indexOf('Date') >= 0) { // 日期格式
-      //   if (val.inputProp.type == 'date') {
-      //     row.type = 'date'
-      //   }
-      //   if (val.inputProp.type == 'datetime') {
-      //     row.type = 'datetime'
-      //   }
-      //   // row = val
-      // }
-      // if (val.input.indexOf('num') >= 0 || val.input.indexOf('Num') >= 0) { // 数字格式
-      //   row.type = 'number'
-      // }
-    },
-    genItem(val) {
-      return {
-        sortProperty: val[0],
-        sortType: val[1],
-        alias: 'a',
-        text:
-          this.allColumn.find((v) => v.$attrs.prop == val[0]).$attrs.label +
-          '/' +
-          (val[1] == 'ASC' ? '升序' : '降序'),
-      }
-    },
-  },
-  computed: {
-    sortOption() {
-      let rtn = this.allColumn.map((v) => {
-        return {
-          value: v.$attrs.prop,
-          label: v.$attrs.label,
-          children: [
-            {
-              value: 'ASC',
-              label: '升序',
-            },
-            {
-              value: 'DESC',
-              label: '降序',
-            },
-          ],
-        }
-      })
-      return rtn
-    },
-  },
-}
-</script>
-
-<style lang="scss" rel="stylesheet/scss">
-.gridShow {
-  .el-tag + .el-tag {
-    margin-left: 10px;
-  }
-
-  .button-new-tag {
-    margin-left: 10px;
-    height: 32px;
-    line-height: 30px;
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-
-  .input-new-tag {
-    width: 90px;
-    margin-left: 10px;
-    vertical-align: bottom;
-  }
-}
-</style>

package/src/hdcom/HdDatePicker.vue

@@ -1,94 +0,0 @@
-<template>
-  <ExDatePicker
-    ref="exDatePicker"
-    v-model="selVal"
-    v-bind="$attrs"
-    v-on="$listeners"
-    :format="dateFormat"
-    :valueFormat="$attrs.valueFormat || valueFormat"
-    :placeholder="placeholder"
-    @focus="dateFocus"
-    @blur="dateBlur"
-    :clearable="false"
-  >
-  </ExDatePicker>
-</template>
-
-<script>
-/**
- * 继承ElDatePicker ElementUi的日期以时间戳形式,这里改为字符串形式'yyyy-MM-dd HH:mm' 简化调用
- * @module HdDatePicker
- */
-export default {
-  name: 'HdDatePicker',
-  data() {
-    return {
-      format: '',
-      valueFormat: '',
-      placeholder: this.$t('选择日期'),
-      dateFormat: '',
-      focusValue: '',
-    }
-  },
-  props: ['value'],
-  inheritAttrs: false,
-  created() {
-    // 判断
-    if (this.$attrs.type == 'date' || this.$attrs.type == 'daterange') {
-      this.format = 'yyyy-MM-dd'
-      this.valueFormat = 'yyyy-MM-dd'
-      this.placeholder = this.$t('选择日期')
-    } else if (
-      this.$attrs.type == 'datetime' ||
-      this.$attrs.type == 'datetimerange'
-    ) {
-      this.format = 'yyyy-MM-dd HH:mm'
-      this.valueFormat = 'yyyy-MM-dd HH:mm'
-      this.placeholder = this.$t('选择日期时间')
-    } else if (this.$attrs.type == 'month') {
-      this.format = 'yyyy-MM'
-      this.valueFormat = 'yyyy-MM'
-      this.placeholder = this.$t('选择月份')
-    } else if (this.$attrs.type == 'year') {
-      this.format = 'yyyy'
-      this.valueFormat = 'yyyy'
-      this.placeholder = this.$t('选择年份')
-    } else {
-      this.format = 'yyyy-MM-dd'
-      this.valueFormat = 'yyyy-MM-dd'
-      this.placeholder = this.$t('选择日期')
-    }
-    console.log('created', this.format, this.valueFormat)
-    this.dateFormat = this.$attrs.format || this.format
-  },
-  methods: {
-    dateFocus(v) {
-      this.dateFormat = (this.$attrs.format || this.format).replaceAll(
-        /(-|:|\s|y)/,
-        ''
-      )
-      if (!this.value) {
-        this.$set(this.$refs.exDatePicker, 'userInput', new Date().format('MM'))
-      }
-    },
-    dateBlur() {
-      this.dateFormat = this.$attrs.format || this.format
-    },
-  },
-  computed: {
-    // 给外层v-model赋值
-    selVal: {
-      // 动态计算selVal的值
-      get: function () {
-        console.log('调用了get属性')
-        return this.value
-      },
-      set: function (val) {
-        // v-model input
-        console.log('调用了set属性', val)
-        this.$emit('input', val)
-      },
-    },
-  },
-}
-</script>

package/src/hdcom/HdDialog.vue

@@ -1,81 +0,0 @@
-<template>
-  <ExDialog
-    :fullscreen="fullscreen"
-    v-el-drag-dialog
-    v-bind="$attrs"
-    v-on="$listeners"
-    :close-on-click-modal="false"
-    append-to-body
-    v-if="$attrs.modal == null || $attrs.modal == true"
-    :title="$t($attrs.title)"
-  >
-    <slot></slot>
-    <div slot="footer">
-      <slot name="footer"></slot>
-    </div>
-  </ExDialog>
-  <ExDialog
-    :fullscreen="fullscreen"
-    v-el-drag-dialog
-    v-bind="$attrs"
-    v-on="$listeners"
-    :close-on-click-modal="false"
-    append-to-body
-    class="wrapperChg"
-    custom-class="dialogChg"
-    v-else
-  >
-    <slot></slot>
-    <div slot="footer">
-      <slot name="footer"></slot>
-    </div>
-  </ExDialog>
-</template>
-
-<script>
-/**
- * 继承并重写ElDialog 使弹窗可拖动
- * 7.6实现 在modal=false时,可以点击底层内容
- * @module HdDialog
- */
-import elDragDialog from '../directive/el-dragDialog' // base on element-ui
-export default {
-  name: 'HdDialog',
-  directives: { elDragDialog },
-  inheritAttrs: false,
-  components: {},
-  data() {
-    return { nowFull: false }
-  },
-  mounted() {
-    //      $(".el-dialog").draggable({handle: '.el-dialog__header'});
-    //      $(".el-dialog__header").css("cursor", "move")
-  },
-  computed: {
-    fullscreen() {
-      if (this.nowFull) {
-        return true
-      }
-
-      if (this.$attrs.fullscreen === '' || this.$attrs.fullscreen === true) {
-        return true
-      }
-    },
-  },
-}
-</script>
-
-<style lang="scss" rel="stylesheet/scss">
-.wrapperChg {
-  //为了让弹窗底层的内容可以修改,在model:false时增加class
-  position: static !important;
-  z-index: 1;
-}
-
-.dialogChg {
-  position: absolute !important;
-  z-index: 1001;
-  left: 0;
-  right: 0;
-}
-</style>

package/src/hdcom/HdDrop.vue

@@ -1,188 +0,0 @@
-<template>
-  <el-select
-    v-model="selVal"
-    filterable
-    :clearable="clearable"
-    :placeholder="placeholder ? $t(placeholder) : $t('请选择')"
-    style="width: 100%"
-    v-bind="$attrs"
-    v-on="$listeners"
-    @change="change"
-    :filter-method="filterMe"
-    @visible-change="visibleChange"
-  >
-    <el-option
-      v-for="item in options"
-      :key="item.codeId"
-      :label="item.name"
-      :value="item.code"
-    >
-      <!--item[myts]可以实现动态label-->
-      <span style="float: left">{{ item.name }}</span>
-      <span style="float: right; color: #8492a6; font-size: 13px">{{
-        item.code
-      }}</span>
-    </el-option>
-  </el-select>
-</template>
-
-<script>
-/**
- * 继承ElSelect属性和事件,syscode下的field只需要传入field,其它的需要传入url
- * @module HdDrop
- */
-export default {
-  name: 'HdDrop',
-  data() {
-    return {
-      options: [],
-      backUpArr: [], // 备份
-    }
-  },
-  /**
-   * Props
-   * @prop {String} value v-model双向绑定
-   * @prop {String} field syscode时,传入下拉field
-   * @prop {String} placeholder
-   * @prop {String} url 不使用syscode下拉时指定url
-   * @prop {String} txtVal  加.sync双向绑定 选择的label
-   * @prop {Array} codeIn  有值时,只显示指定的code :codeIn="['A','S']"
-   */
-  props: {
-    value: String,
-    field: String,
-    placeholder: String,
-    name: String,
-    url: String,
-    txtVal: String,
-    codeIn: Array,
-    clearable: {
-      type: Boolean,
-      default: true,
-    },
-  }, // 设置value为props属性-必须,name.sync(不能用)和txtVal.sync双向
-  inheritAttrs: false,
-  mounted() {
-    if (this.url || this.field) {
-      this.doQuery()
-    }
-  },
-  methods: {
-    doQuery() {
-      let quUrl = ''
-      if (!this.url) {
-        quUrl =
-          '/webresources/login/privilege/SysCode/findAll?fieldCod=' + this.field
-      } else {
-        quUrl = this.url
-      }
-      this.$http.get(quUrl).then((response) => {
-        this.options = response.data
-        if (this.codeIn) {
-          // 如果options的code和codeIn相同,就显示
-          this.options = this.options.filter((item) => {
-            return this.codeIn.find((v) => v == item.code)
-          })
-        }
-        this.backUpArr = this.options
-      })
-    },
-    change(val) {
-      this.upName(val)
-      //this.$emit('change', val) 不用写,el-select会传递到上层
-    },
-    visibleChange(val) {
-      // 下拉隐藏时还原
-      if (!val) {
-        // 隐藏时
-        this.options = this.backUpArr
-      }
-    },
-    filterMe(val) {
-      // 过滤 根据name code
-      if (val) {
-        // val存在
-        this.options = this.backUpArr.filter((item) => {
-          if (item.code.indexOf(val) >= 0 || item.name.indexOf(val) >= 0) {
-            return true
-          }
-        })
-      } else {
-        // val为空时，还原数组
-        this.options = this.backUpArr
-      }
-    },
-    upName(value) {
-      if (!value) {
-        this.$emit('update:name', null) // 匹配不上
-      }
-      for (let i = 0; i < this.options.length; i++) {
-        if (this.options[i].code == value) {
-          const obj = this.options[i]
-          this.$emit('update:name', obj.name) // 用txtVal
-          this.$emit('update:txtVal', obj.name)
-          return true
-        }
-      }
-    },
-  },
-  watch: {
-    //      // 针对编辑时，不改变 hddrop里的内容
-    //      val: function (value) {
-    //        for (let i = 0; i < this.options.length; i++) {
-    //          if (this.options[i].code == value) {
-    //            let obj = this.options[i]
-    //            this.$emit('update:name', obj.name)
-    //            return true
-    //          }
-    //        }
-    //      },
-    //      //针对增加编辑时，改变了hddrop里的值
-    //      value: function (value) {
-    //        for (let i = 0; i < this.options.length; i++) {
-    //          if (this.options[i].code == value) {
-    //            let obj = this.options[i]
-    //            this.$emit('update:name', obj.name)
-    //            return true
-    //          }
-    //        }
-    //      }
-    url: function () {
-      this.doQuery()
-    },
-    field: function () {
-      this.doQuery()
-    },
-    codeIn: {
-      handler(newValue, oldValue) {
-        // codeIn改变时计算
-        for (let i = 0; i < newValue.length; i++) {
-          if (newValue[i] != oldValue[i]) {
-            this.doQuery()
-            return true
-          }
-        }
-      },
-      deep: true,
-    },
-  },
-  computed: {
-    // 给外层v-model赋值
-    selVal: {
-      // 动态计算selVal的值
-      get: function () {
-        if (!this.value) {
-          // filterMe在null时不触发,''就没问题
-          return ''
-        }
-        return this.value
-      },
-      set: function (val) {
-        // v-model input
-        // upName(val)//更新name
-        this.$emit('input', val)
-      },
-    },
-  },
-}
-</script>

package/src/hdcom/HdFileUpload.vue

@@ -1,167 +0,0 @@
-<template>
-  <el-dialog
-    :visible.sync="fileUploadVisible"
-    append-to-body
-    title="文件上传"
-    width="450px"
-  >
-    <el-alert
-      :closable="false"
-      :title="$t('点击文件即可下载')"
-      type="warning"
-    ></el-alert>
-    <el-upload
-      :action="upUrl"
-      :auto-upload="false"
-      :before-remove="beforeRemove"
-      :before-upload="beforeUpload"
-      :file-list="fileList"
-      :multiple="multiple"
-      :on-preview="handlePreview"
-      :on-remove="handleRemove"
-      :on-success="onUpSuccess"
-      ref="upload"
-      style="min-height: 300px; width: 400px"
-      v-bind="$attrs"
-    >
-      <el-button slot="trigger" type="primary" v-if="canEdit">{{
-        $t('选取文件')
-      }}</el-button>
-      <el-button
-        @click="submitUpload"
-        style="margin-left: 10px"
-        type="success"
-        v-if="canEdit"
-        >{{ $t('上传到服务器') }}
-      </el-button>
-      <div class="el-upload__tip" slot="tip"></div>
-    </el-upload>
-  </el-dialog>
-</template>
-
-<script>
-var FileSaver = require('file-saver')
-/**
- * 文件上传 包括上传和下载后台idev8入口为comfileupload
- * @module HdFileUpload
- */
-
-export default {
-  components: {},
-  name: 'HdFileUpload',
-  /**
-   * @prop 参考element-ui的el-upload
-   * */
-  props: {
-    url: {
-      type: String,
-      default: '/webresources/login/com/SysFile/comfileupload',
-    },
-  },
-  inheritAttrs: false,
-  data() {
-    return {
-      upUrl: '',
-      fileUploadVisible: false,
-      fileDownVisible: false,
-      fileList: [],
-      entityId: '',
-      entityName: '',
-      canEdit: true,
-      uploadNum: 0,
-    }
-  },
-  mounted() {},
-  methods: {
-    beforeUpload(file) {
-      this.uploadNum++
-    },
-    /**
-     * @method open
-     * @param entityName 区分名
-     * @param entityId 区分id
-     * @param canEdit 是否可编辑
-     * @event complete 文件全部上传完结束的事件
-     */
-    open(entityName, entityId, canEdit) {
-      this.entityId = entityId
-      this.entityName = entityName
-      this.fileUploadVisible = true
-      this.canEdit = canEdit
-      this.upUrl = `${this.url}/upload?entityId=${this.entityId}&entityName=${this.entityName}`
-      this.doQuery()
-    },
-    downShow() {
-      this.fileDownVisible = true
-    },
-    doQuery() {
-      const url = `${this.url}/find?entityId=${this.entityId}&entityName=${this.entityName}`
-      this.$http.post(url).then((response) => {
-        const fileLs = response.data
-        this.fileList = []
-        for (let i = 0; i < fileLs.length; i++) {
-          const fileOne = fileLs[i]
-          const oneObj = {}
-          oneObj.name = fileOne.fileName
-          oneObj.uploadId = fileOne.uploadId
-          this.fileList.push(oneObj)
-        }
-      })
-    },
-    submitUpload() {
-      this.$refs.upload.submit()
-    },
-    onUpSuccess(response, file, fileList) {
-      this.uploadNum--
-      if (this.uploadNum == 0) {
-        this.$emit('complete')
-      }
-      file.uploadId = response.message
-    },
-    beforeRemove(file, fileList) {
-      if (!this.canEdit) {
-        this.$message({
-          type: 'error',
-          message: this.$t('无权删除'),
-        })
-        return false
-      }
-      return this.$confirm(this.$t('确定删除') + file.name + '？').then(() => {
-        if (!file.uploadId) {
-          return true
-        }
-        this.$http
-          .post(`${this.url}/delete?uploadId=${file.uploadId}`)
-          .then((response) => {
-            const data = response.data
-            this.$message({
-              type: data.code == '-1' ? 'error' : 'success',
-              message: this.$t('操作成功'),
-            })
-            if (data.code == '-1') {
-              return false
-            }
-            // this.doQuery()
-          })
-      })
-    },
-    handleRemove(file, fileList) {},
-    handlePreview(file) {
-      if (!file.uploadId) {
-        this.$message({
-          type: 'error',
-          message: this.$t('这是未上传的文件'),
-        })
-        return false
-      }
-      const url = `${this.url}/download?uploadId=${file.uploadId}`
-      this.$http
-        .post(url, {}, { responseType: 'arraybuffer' })
-        .then((response) => {
-          var blob = new Blob([response.data])
-          FileSaver.saveAs(blob, file.name)
-        })
-    },
-  },
-}
-</script>