hd-idevvue3 3.0.2 → 3.0.4

package/src/hdcom/HdForm.vue

@@ -1,87 +1,101 @@
 <template>
-  <div style="height: 100%;">
+  <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>
+      <slot> </slot>
+      <extend-form
+        v-if="exFieldCode"
+        :gridCode="exFieldCode"
+        :hdformThis="() => $refs.hdform"
+      ></extend-form>
     </el-form>
   </div>
 </template>
 
 <script>
-  import ExtendForm from "./ExtendForm";
+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对应的列表
+    }
+  },
   /**
-   * 实现上一条下一条翻页等整合的form 使用参照AuthOrgnForm.vue
-   * @module HdForm
+   * Props
+   * @prop {String} findoneUrl 单值查询的url,与hdcomgrid的一致,非标准格式需要写
+   * @prop {String} saveoneUrl form的ref
+   * @prop {String} removeUrl form的ref
+   * @prop {Array} 或String,noCopy 复制时,不拷贝的,主键必然要加
+   * @prop {Boolean} readForm 是否只显示关闭按钮 默认为false
    */
-  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() {
+  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,
     },
-    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)
-              }
+  },
+  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 => { // 增加的
+      })
+    },
+    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// 新增标志
+          data._isAdd = true // 新增标志
           this.$emit('update:model', data)
           this.$nextTick(() => {
             if (this.$refs.hdform) {
@@ -89,120 +103,168 @@
             }
           })
         })
-        //        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(() => { // 异步
+      //        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)
+      } 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
         }
-      },
-      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.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) { // 开头不能上一条
+      } 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.gridThis.hdQuery._noLoadingOnce = true
-        this.gridThis.hdQuery.doCurPageChange(this.gridThis.hdQuery.page - 1).then(() => {
+        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(() => {
+    },
+    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')
-          }
+    },
+    /**
+     * @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)
         }
-        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 => {
+        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
+                duration: 1500,
               })
               if (data.code == '-1') {
                 reject(data)
@@ -215,64 +277,75 @@
                 // this.gridThis.$refs.hdgrid.setCurrentRow(this.index)
 
                 // this.index = 0 // 插入的index+1
-                console.log(this.gridThis.hdResult.rows);
+                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)
+                Object.assign(
+                  this.gridThis.hdResult.rows[this.index],
+                  data.data
+                )
               }
               this.$emit('update:model', Object.assign({}, data.data))
               resolve(data)
-            }).catch(() => {
+            })
+            .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
+      })
+      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);
               })
-              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(() => {
+              .catch(() => {
+                reject()
+              })
+          })
+          .catch(() => {
             reject()
           })
-        })
-        return promise
-      },
-      doAdd() {
-        this.index = 0
-        this.choose('')
-      }
-    }
-  }
+      })
+      return promise
+    },
+    doAdd() {
+      this.index = 0
+      this.choose('')
+    },
+  },
+}
 </script>
-