hd-idevvue3 3.0.5 → 3.0.8

package/src/hdcom/HdFilterBox.vue

@@ -1,90 +0,0 @@
-<template>
-  <el-row>
-    <el-col :span="10" align="left">
-      <div class="icon" @click.stop.prevent="doShrink" v-show="shrinkVisable">
-        <i :class="[fa, arrowClass]" style="cursor: pointer" />
-      </div>
-      <div
-        ref="searchBox"
-        class="filter-item-box"
-        :style="{ height: nowHeight }"
-      >
-        <slot> </slot>
-      </div>
-    </el-col>
-    <el-col :span="4" align="left">
-      <div class="filter-btn-search">
-        <slot name="searchBtn"> </slot>
-      </div>
-    </el-col>
-    <el-col :span="10" align="right">
-      <div class="filter-btn-otheritem">
-        <slot name="otherBtn"></slot>
-      </div>
-    </el-col>
-  </el-row>
-</template>
-
-<script>
-export default {
-  name: 'HdFilterBoxTmp',
-  data() {
-    return {
-      arrowClass: 'fa-chevron-down',
-      fa: 'fa',
-      isShrink: false,
-      nowHeight: '28px',
-      nowWidth: null,
-      shrinkVisable: false,
-    }
-  },
-  mounted() {
-    let elementResizeDetectorMaker = require('element-resize-detector')
-    let erd = elementResizeDetectorMaker()
-    // console.log('this.$refs.searchBox.$el', this.$refs.searchBox)
-    erd.listenTo(this.$refs.searchBox, (element) => {
-      if (element.scrollHeight < 40) {
-        this.shrinkVisable = false
-      } else {
-        this.shrinkVisable = true
-      }
-    })
-  },
-  methods: {
-    doShrink() {
-      if (this.isShrink) {
-        this.nowHeight = '28px'
-        this.arrowClass = 'fa-chevron-down'
-      } else {
-        this.nowHeight = '100%'
-        this.arrowClass = 'fa-chevron-up'
-      }
-      this.isShrink = !this.isShrink
-    },
-  },
-  computed: {
-    searchBoxWidth() {
-      // return this.nowWidth ? this.nowWidth%180 + 'px'  : 'auto';
-      return 'auto'
-    },
-  },
-}
-</script>
-
-<style scoped>
-.filter-item-box {
-  overflow: hidden;
-  display: flex;
-  flex-wrap: wrap;
-  /*height: 28px;*/
-}
-
-.icon {
-  margin-top: 0px;
-  /*margin-right: 10px;*/
-  line-height: 28px;
-  font-size: 14px;
-  color: #bbbbbb;
-  float: right;
-}
-</style>

package/src/hdcom/HdFooter.vue

@@ -1,182 +0,0 @@
-<template>
-  <ExFooter
-    :height="nowHeight"
-    ref="footer"
-    style="display: flex; flex-direction: column"
-  >
-    <div
-      class="asideDrag"
-      @mousedown="mousedown($event)"
-      v-if="!noDrag"
-      :class="{ dragShowCls: dragShow }"
-      @mouseover="dragShow = true"
-      @mouseout="dragShow = false"
-    ></div>
-    <div ref="moveline" class="moveline" v-show="dragFrom != null"></div>
-    <div class="hdFooter">
-      <template v-if="title">
-        <div class="hd-title">
-          <div align="left" style="float: left">{{ $t(title) }}</div>
-          <slot name="title"></slot>
-          <div align="right" v-if="arrowShow">
-            <i
-              v-bind:class="[fa, arrowClass]"
-              @click="isShrink ? doShrink(false) : doShrink(true)"
-              style="cursor: pointer"
-            >
-            </i>
-          </div>
-        </div>
-      </template>
-      <div style="flex: 1; height: 100%; position: relative">
-        <div
-          style="position: absolute; width: 100%; height: 100%"
-          v-show="!isShrink"
-        >
-          <slot></slot>
-        </div>
-      </div>
-    </div>
-  </ExFooter>
-</template>
-
-<script>
-/**
- * 覆写ElFooter,增加拖动和title
- * 插槽:<slot name="title"></slot> title进行额外扩展如增加按钮等
- * @module HdFooter
- */
-export default {
-  name: 'HdFooter',
-  component: {},
-  /**
-   * Props 继承ElFooter属性和事件,,如果仅需要elementui的ElFooter请使用ExFooter
-   * @prop {String} title 标题
-   * @prop {Boolen} arrowShow 是否显示一键收缩
-   * @prop {Boolen} noDrag 是否可拖动,默认否
-   */
-  props: {
-    height: String,
-    title: String,
-    arrowShow: { type: Boolean, default: true },
-    noDrag: { type: Boolean, default: false },
-  },
-  inheritAttrs: false,
-  data() {
-    return {
-      isShrink: false, // 收缩还是展开
-      dragFrom: null,
-      iconCls: 'el-icon-d-caret',
-      arrowClass: 'fa-chevron-down',
-      fa: 'fa',
-      inputHeight: 0,
-      nowHeight: '100px',
-      dragShow: false,
-    }
-  },
-  mounted() {
-    if (this.height) {
-      this.nowHeight = this.height
-    }
-    this.inputHeight = this.nowHeight
-  },
-  methods: {
-    doShrink(isShrink) {
-      if (isShrink) {
-        if (this.title) {
-          this.nowHeight = '30px'
-        } else {
-          this.nowHeight = '15px'
-        }
-        this.arrowClass = 'fa-chevron-up'
-      } else {
-        this.nowHeight = this.inputHeight
-        this.arrowClass = 'fa-chevron-down'
-      }
-      this.isShrink = isShrink
-    },
-    mousedown: function (event) {
-      this.$set(this.$store.state, 'hotKey', '-1') //避免热键样式影响体验
-      this.dragFrom = event.y
-      this.$refs.moveline.style.top = this.dragFrom + 'px'
-      document.documentElement.addEventListener(
-        'mousemove',
-        this.handleMove,
-        true
-      )
-      document.documentElement.addEventListener(
-        'mouseup',
-        this.handleMouseup,
-        true
-      )
-    },
-    handleMove: function (event) {
-      this.$refs.moveline.style.top = event.y + 'px'
-    },
-    handleMouseup: function (event) {
-      document.documentElement.removeEventListener(
-        'mousemove',
-        this.handleMove,
-        true
-      )
-      document.documentElement.removeEventListener(
-        'mouseup',
-        this.handleMouseup,
-        true
-      )
-      let newHeight =
-        this.$refs.footer.$el.offsetHeight - event.y + this.dragFrom
-      this.nowHeight = newHeight + 'px'
-      this.dragFrom = null
-      this.$set(this.$store.state, 'hotKey', null) //避免热键样式影响体验
-      if (newHeight <= 70) {
-        // 少于一定宽度自动收缩
-        this.doShrink(true)
-      }
-      if (newHeight >= 100) {
-        // 少于一定宽度自动收缩
-        this.isShrink = false
-      }
-    },
-  },
-  watch: {
-    nowHeight(val) {
-      this.$emit('update:height', val)
-    },
-    width(val) {
-      this.nowHeight = val
-    },
-  },
-}
-</script>
-
-<style lang="scss" rel="stylesheet/scss" scoped>
-.hdFooter {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-}
-
-.asideDrag {
-  width: 100%;
-  height: 5px;
-  overflow: hidden;
-  cursor: ns-resize;
-  user-select: none;
-}
-
-.moveline {
-  width: 100%;
-  height: 5px;
-  overflow: hidden;
-  position: fixed;
-  cursor: ns-resize;
-  background-color: red;
-  z-index: 9999;
-  user-select: none;
-}
-
-.dragShowCls {
-  background-color: #409eff;
-}
-</style>

package/src/hdcom/HdForm.vue

@@ -1,351 +0,0 @@
-<template>
-  <div style="height: 100%">
-    <el-form v-bind="$attrs" v-on="$listeners" ref="hdform">
-      <slot> </slot>
-      <extend-form
-        v-if="exFieldCode"
-        :gridCode="exFieldCode"
-        :hdformThis="() => $refs.hdform"
-      ></extend-form>
-    </el-form>
-  </div>
-</template>
-
-<script>
-import ExtendForm from './ExtendForm'
-
-/**
- * 实现上一条下一条翻页等整合的form 使用参照AuthOrgnForm.vue
- * @module HdForm
- */
-export default {
-  name: 'HdForm',
-  components: { ExtendForm },
-  inheritAttrs: false,
-  data() {
-    return {
-      tsLoading: false,
-      loading: false,
-      hdResult: {},
-      index: -1, // 当前位置
-      formThis: {}, // 外层form
-      gridThis: { hdQuery: {}, hdResult: { rows: [] } }, // hdcomgrid对应的列表
-    }
-  },
-  /**
-   * Props
-   * @prop {String} findoneUrl 单值查询的url,与hdcomgrid的一致,非标准格式需要写
-   * @prop {String} saveoneUrl form的ref
-   * @prop {String} removeUrl form的ref
-   * @prop {Array} 或String,noCopy 复制时,不拷贝的,主键必然要加
-   * @prop {Boolean} readForm 是否只显示关闭按钮 默认为false
-   */
-  props: {
-    findoneUrl: String,
-    saveoneUrl: String,
-    removeUrl: String,
-    noCopy: [Array, String], // 不拷贝的主键,请确保第一位是主键  //:noCopy="['codeId']"或者noCopy="codeId"
-    readForm: { type: Boolean, default: false },
-    exFieldCode: String,
-    customeChooseUpdateFn: {
-      type: Function,
-      default: null,
-    },
-  },
-  mounted() {},
-  methods: {
-    show: function (row, gridThis, customeChooseUpdateFn) {
-      this.$nextTick(() => {
-        this.gridThis = gridThis || this.gridThis
-        this.choose(row)
-        if (row) {
-          for (let i = 0; i < this.gridThis.hdResult.rows.length; i++) {
-            // 给index赋初值
-            if (row == this.gridThis.hdResult.rows[i]) {
-              this.index = i
-              this.gridThis.$refs.hdgrid.setCurrentRow(this.index)
-            }
-          }
-        }
-      })
-    },
-    choose: function (row) {
-      // row为''是增加
-      // 弹窗重复使用时,清除校验项目
-      if (row) {
-        // 列表的数据
-        if (
-          this.customeChooseUpdateFn &&
-          this.customeChooseUpdateFn instanceof Function
-        ) {
-          this.customeChooseUpdateFn(row)
-          return true
-        } else {
-          const newRow = Object.assign({}, row)
-          newRow._oldRow = row
-          this.$emit('update:model', newRow) // 不能影响列表
-          return true
-        }
-      }
-      this.$http
-        .post(
-          this.findoneUrl ? this.findoneUrl : this.gridThis.findoneUrl,
-          this.gridThis.hdQuery
-        )
-        .then((response) => {
-          // 增加的
-          const data = response.data
-          data._isAdd = true // 新增标志
-          this.$emit('update:model', data)
-          this.$nextTick(() => {
-            if (this.$refs.hdform) {
-              this.$refs.hdform.clearValidate()
-            }
-          })
-        })
-      //        for (let index = 0; index < this.hdQuery.rows; index++) {
-      //          let tempId = eval("this.hdResult.rows[index]." + this.hdParam.idName);
-      //          if (tempId === id) {
-      //            this.index = index;
-      //            break;
-      //          }
-      //        }
-    },
-    goBack() {
-      if (this.index <= 0) {
-        if (this.gridThis.hdQuery.page <= 1) {
-          // 开头不能上一条
-          return true
-        }
-        this.gridThis.hdQuery._noLoadingOnce = true
-        this.gridThis.hdQuery
-          .doCurPageChange(this.gridThis.hdQuery.page - 1)
-          .then(() => {
-            // 异步
-            this.index = this.gridThis.hdResult.rows.length - 1
-            this.gridThis.$refs.hdgrid.setCurrentRow(this.index)
-            this.choose(this.gridThis.hdQuery.selRow)
-            return true
-          })
-      } else {
-        this.index--
-        this.gridThis.$refs.hdgrid.setCurrentRow(this.index)
-        this.choose(this.gridThis.hdQuery.selRow)
-      }
-    },
-    goNext() {
-      if (this.index >= this.gridThis.hdResult.rows.length - 1) {
-        // 需要翻页
-        console.log(
-          '2',
-          this.gridThis.hdQuery.page,
-          this.gridThis.hdResult.total / this.gridThis.hdResult.rows
-        )
-        if (
-          this.gridThis.hdQuery.page >=
-          this.gridThis.hdResult.total / this.gridThis.hdQuery.rows
-        ) {
-          // 开头不能上一条
-          return true
-        }
-        this.gridThis.hdQuery._noLoadingOnce = true
-        this.gridThis.hdQuery
-          .doCurPageChange(this.gridThis.hdQuery.page + 1)
-          .then(() => {
-            // 翻页成功才能执行
-            this.index = 0
-            this.gridThis.$refs.hdgrid.setCurrentRow(this.index)
-            this.choose(this.gridThis.$refs.hdgrid.hdQuery.selRow)
-            return true
-          })
-      } else {
-        console.log(
-          '1',
-          this.index +
-            (this.gridThis.hdQuery.page - 1) * this.gridThis.hdQuery.rows,
-          this.gridThis.hdResult.total
-        )
-        if (
-          this.index +
-            (this.gridThis.hdQuery.page - 1) * this.gridThis.hdQuery.rows >=
-          this.gridThis.hdResult.total
-        ) {
-          return true
-        }
-        this.index++
-        this.gridThis.$refs.hdgrid.setCurrentRow(this.index)
-        this.choose(this.gridThis.$refs.hdgrid.hdQuery.selRow)
-      }
-    },
-    pageBack() {
-      if (this.gridThis.hdQuery.page <= 1) {
-        // 开头不能上一条
-        return true
-      }
-      this.gridThis.hdQuery._noLoadingOnce = true
-      this.gridThis.hdQuery
-        .doCurPageChange(this.gridThis.hdQuery.page - 1)
-        .then(() => {
-          this.index = 0
-          this.gridThis.$refs.hdgrid.setCurrentRow(0)
-          this.choose(this.gridThis.hdQuery.selRow)
-        })
-    },
-    pageNext() {
-      if (
-        this.gridThis.hdQuery.page >=
-        this.gridThis.hdResult.total / this.gridThis.hdQuery.rows
-      ) {
-        // 开头不能上一条
-        return true
-      }
-      this.gridThis.hdQuery._noLoadingOnce = true
-      this.gridThis.hdQuery
-        .doCurPageChange(this.gridThis.hdQuery.page + 1)
-        .then(() => {
-          this.index = 0
-          this.gridThis.$refs.hdgrid.setCurrentRow(0)
-          this.choose(this.gridThis.hdQuery.selRow)
-        })
-    },
-    /**
-     * @function doCopy 支持深度复制(对象中嵌套对象)
-     * */
-    doCopy() {
-      const one = JSON.parse(JSON.stringify(this.gridThis.hdQuery.selRow))
-      let noCpLs = [
-        'recNam',
-        'recTim',
-        'updNam',
-        'updNam',
-        'updTim',
-        'idevVersionUse',
-      ]
-      if (this.noCopy) {
-        if (typeof this.noCopy == 'string') {
-          // 可以是字符串或者数组
-          noCpLs.push(this.noCopy)
-        } else {
-          noCpLs = noCpLs.concat(this.noCopy)
-        }
-        for (let j = 0; j < noCpLs.length; j++) {
-          // 不需要复制的属性给null
-          eval('one.' + noCpLs[j] + ' = null')
-        }
-      }
-      this.$message({
-        type: 'success',
-        message: this.$t('复制完成'),
-        duration: 1500,
-      })
-      one._isAdd = true
-      this.index = 0
-      this.choose(one)
-    },
-    /**
-     * @function doSave  触发事件:this.$emit('saveCall', data.data, this.$attrs.model._isAdd)
-     * */
-    doSave() {
-      const promise = new Promise((resolve, reject) => {
-        this.$refs.hdform.validate((valid) => {
-          if (!valid) {
-            reject()
-            return false
-          }
-          this.loading = true
-          this.$http
-            .post(
-              this.saveoneUrl ? this.saveoneUrl : this.gridThis.saveoneUrl,
-              this.$attrs.model
-            )
-            .then((response) => {
-              this.loading = false
-              const data = response.data
-              this.$message({
-                type: data.code == '-1' ? 'error' : 'success',
-                message: data.message,
-                duration: 1500,
-              })
-              if (data.code == '-1') {
-                reject(data)
-                return
-              }
-              this.$emit('saveCall', data.data, this.$attrs.model._isAdd)
-              if (this.$attrs.model._isAdd) {
-                // this.index++ // 插入的index+1
-                // this.gridThis.hdResult.rows.splice(this.index, 0, data.data)
-                // this.gridThis.$refs.hdgrid.setCurrentRow(this.index)
-
-                // this.index = 0 // 插入的index+1
-                console.log(this.gridThis.hdResult.rows)
-                this.gridThis.hdResult.rows.unshift(data.data)
-                this.gridThis.$refs.hdgrid.setCurrentRow(this.index)
-              } else {
-                Object.assign(
-                  this.gridThis.hdResult.rows[this.index],
-                  data.data
-                )
-              }
-              this.$emit('update:model', Object.assign({}, data.data))
-              resolve(data)
-            })
-            .catch(() => {
-              this.loading = false
-              reject()
-            })
-        })
-      })
-      return promise
-    },
-    /**
-     * @function doDel  触发事件: this.$emit('delCall', this.gridThis.hdQuery.selRow)
-     * */
-    doDel() {
-      const promise = new Promise((resolve, reject) => {
-        this.$confirm(this.$t('确定删除本数据?'), this.$t('提示'), {})
-          .then(() => {
-            this.$http
-              .post(
-                this.removeUrl ? this.removeUrl : this.gridThis.removeUrl,
-                this.$attrs.model
-              )
-              .then((response) => {
-                const data = response.data
-                this.$emit('delCall', this.gridThis.hdQuery.selRow)
-                this.$message({
-                  type: data.code == '-1' ? 'error' : 'success',
-                  showClose: true,
-                  duration: 1500,
-                  message: data.message,
-                })
-                if (data.code == '-1') {
-                  reject(data)
-                  return
-                }
-                this.gridThis.hdResult.rows.remove(this.gridThis.hdQuery.selRow)
-                if (this.gridThis.hdResult.rows.length != 0) {
-                  this.gridThis.$refs.hdgrid.setCurrentRow(this.index)
-                  this.choose(this.gridThis.hdQuery.selRow)
-                } else {
-                  this.doAdd() // 删除最后一条时增加
-                }
-                resolve(data)
-                // this.hdQuery.doCurPageChange(1);
-              })
-              .catch(() => {
-                reject()
-              })
-          })
-          .catch(() => {
-            reject()
-          })
-      })
-      return promise
-    },
-    doAdd() {
-      this.index = 0
-      this.choose('')
-    },
-  },
-}
-</script>