zbcx_ckyc 1.0.0

package/src/plugins/cxMixin/IEditableDg.js

@@ -0,0 +1,477 @@
+/**
+ * 修改记录:
+ * 22-06-11       张发勇          js -> vue
+ * 23-03-27       张发勇          addRow 函数修，增加到数据库并显示出来
+ * 23-10-18       张发勇          BUG：flds 为NULL
+ */
+
+/**
+ * cx.mixin.IEditableDg
+ * 混淆类 - 可编辑Datagrid
+ *
+ * @module      cx.mixin.IEditableDg
+ * @memberof    cx.mixin
+ */
+
+export default
+{
+  /**
+   * created 钩子
+   * @method
+   */
+  created()
+  {
+    this.data = []                        // 备份数据
+    this.curRow = -1                      // 当前编辑行
+  },
+
+  /**
+   * 混合方法
+   * @class
+   */
+  methods:
+  {
+    /**
+     * 得到可编辑的列信息
+     * @method
+     * @returns {Array}                     返回可编辑的列信息 [{colname: String, isEdit:true, .....}]
+     */
+    getEditCols()
+    {
+      return []
+    },
+
+    getOpers()
+    {
+      const ret = []
+
+      if (!this.params.editCols)
+      {
+        let operCol
+
+        operCol = this.getColOper()
+        operCol.width = 85
+        this.addOperSave(operCol)
+          .addOperDel(operCol)
+        ret.push(operCol)
+      }
+
+      return ret
+    },
+
+    afterQuery()
+    {
+      const data = []
+      let item, att
+      let i
+
+      // 备份数据
+      for (item of this.list)
+      {
+        att = {}
+        for (i in item)
+          att[i] = item[i]
+        data.push(att)
+      }
+      this.data = data
+
+      if (this.list.length < 1 && this.dg.table.addable)
+      {
+        att = {}
+        if (this.dg.table.addNewRow)
+          this.dg.table.addNewRow(att)
+        this.list.push(att)
+      }
+    },
+
+    afterAdd(att)
+    {
+      // 增加备份
+      this.data.push(att)
+    },
+
+    afterDel(att)
+    {
+      // 删除备份数据
+      cx.array.remove(this.data, { id: att.id })
+    },
+
+    afterUpd(att)
+    {
+      // 修改备份数据
+      const item = cx.array.get1(this.data, { id: att.id })
+
+      if (item)
+        cx.base.extend(item, att)
+    },
+
+    onRowClick(att)
+    {
+      this.selected = att
+      this.calcOpers(att)
+    },
+
+    addOperSave(operCol)
+    {
+      const oper = cx.datagrid.getOper('save_', this.$locBase('save'), '')
+
+      oper.enable = (att) => true
+      oper.show = (att) =>
+      {
+        // eslint-disable-next-line
+        return this.editable && this.curRow >= 0 && this.curRow < this.list.length && this.list[this.curRow] == att
+      }
+      oper.onClick = (att) =>
+      {
+        this.lastEditRow()
+      }
+      operCol.btns.push(oper)
+      return this
+    },
+
+    /**
+     * 判断行的状态并返回数据
+     * @method
+     * @param   {Object}    row         当前输入行的数据
+     * @param   {Object}    att         返回 当前输入的属性信息
+     * @param   {Array}     updcols     返回修改的列名
+     * @returns {Numbrer}               返回值(0-不需要更新 1-新输入行 2-修改行)
+     */
+    rowState(row, att, updcols)
+    {
+      const self = this
+      const cols = self.cols, colNum = cols.length
+      let col, flds, fldNum, fld, fld1 = {}
+      let colname
+      let isNew = false, isEdit = false
+      let oldAtt, attEdit
+      let ret
+      let i
+
+      // 判断是否是新行
+      // eslint-disable-next-line
+      if (row.id == undefined || !row.id || row.id < 1)   //新行
+      {
+        isNew = true
+        for (i = 0; i < colNum; i++)
+        {
+          if (row[cols[i].colname])
+          {
+            isEdit = true
+            break
+          }
+        }
+
+        if (!isEdit)
+          return 0                                        // 空行
+      }
+
+      // 先得到旧属性，或者默认属性
+      if (isNew)
+        oldAtt = self.defVal()
+      else
+      {
+        oldAtt = cx.array.get1(self.data, { id: row.id })
+        if (!oldAtt)
+          return 0
+      }
+
+      // 把修改的属性加上去
+      attEdit = cx.datagrid.getEditVal(cols, row)
+      cx.base.extend(att, oldAtt, attEdit)
+      self.rowAtt(row, att)
+      self.attObj.calcAtt(att)
+
+      // 检查属性的有效性m
+      flds = self.flds || self.attObj.flds
+      fldNum = flds.length
+      for (i = 0; i < fldNum; i++)
+      {
+        fld = flds[i]
+        colname = fld.colname
+        col = cx.array.get1(cols, { colname })
+        if (!col)
+        {
+          colname = '_' + fld.colname
+          col = cx.array.get1(cols, { colname })
+        }
+        if (!col)
+          continue
+        if (col.isEdit || cols.isSelect || col.isDropdown || col.isDate || col.isDateTime)
+        {
+          cx.base.extend(fld1, fld)
+          fld1.disped = true
+          fld1.required = !fld.nullable
+          fld1.value = att[fld.colname]
+          fld1.title = fld._label
+          if (!self.$valid(fld1, fld1.value))
+            return 0
+        }
+      }
+      
+      ret = self.attObj.checkValue(flds, att)
+      if (ret !== true)
+      {
+        self.$showMsgErr(ret)
+        return 0                                          // 不满足属性要求
+      }
+
+      // 如果是新行，返回新行的数据
+      if (isNew)
+      {
+        delete att.id
+        return 1
+      }
+      else
+      {
+        // 找出需要修改的数据
+        for (i = 0; i < fldNum; i++)
+        {
+          fld = flds[i]
+          colname = fld.colname
+          // eslint-disable-next-line
+          if (colname.charAt(0) == '_')
+            colname = colname.substring(1)
+
+          // eslint-disable-next-line
+          if (oldAtt[colname] != att[colname])
+            updcols.push(colname)
+        }
+        if (updcols.length < 1)
+          return 0
+        return 2
+      }
+    },
+
+    /**
+     * 回调函数，当编辑行发生变化的时候
+     * @method
+     * @param   {Number}    oldRowIndex     旧行号索引（-1，代表没有）
+     * @param   {Number}    newRowIndex     新行号索引
+     */
+    onEditRow(oldRowIndex, newRowIndex)
+    {
+      const table = this.getTable()
+      const list = this.dg.table.list
+      let row, state, att, updcols = []
+
+      this.curRow = newRowIndex
+      if (oldRowIndex >= 0 && oldRowIndex < list.length)
+      {
+        row = list[oldRowIndex]
+        att = {}
+        state = this.rowState(row, att, updcols)
+        
+        // eslint-disable-next-line
+        if (state == 1)                       //新行，先添加到数据库，再修改该行的ID，再备份数据
+          this.addRow(att, row)
+        // eslint-disable-next-line
+        else if (state == 2)                  //旧行，修改到数据库，再备份数据
+          this.updRow(att, updcols, row)
+        this.calcOpers(row)
+      }
+      if (newRowIndex >= 0 && newRowIndex < list.length)
+      {
+        row = list[newRowIndex]
+        this.calcOpers(row)
+        table._focus()
+        this.onRowClick(row)
+      }
+    },
+
+    /**
+     * 处理当前最后编辑的那行
+     * @method
+     */
+    lastEditRow()
+    {
+      if (this.curRow >= 0)
+      {
+        const list = this.dg.table.list
+        const updcols = []
+        let row, state, att
+  
+        row = list[this.curRow]
+        if (!row)
+          row = {}
+        att = {}
+        state = this.rowState(row, att, updcols)
+
+        // eslint-disable-next-line
+        if (state == 1)                       //新行，先添加到数据库，再修改该行的ID，再备份数据
+          this.addRow(row, att)
+        // eslint-disable-next-line
+        else if (state == 2)                  //旧行，修改到数据库，再备份数据
+          this.updRow(att, updcols, row)
+
+        this.calcOpers(row)
+
+        // 更新显示
+        this.curRow = -1
+      }
+    },
+
+    /**
+     * 添加新行，先添加到数据库，再修改该行的ID，再备份数据
+     * @method
+     * @param   {Object}    att             拼装好的输入的属性信息
+     * @param   {Object}    row             编辑行的信息
+     */
+    addRow(att, row)
+    {
+      const self = this
+
+      if (!self.beforeAdd(att))
+        return
+
+      cx.svr.data.add(self.major, self.minor, att, 1)
+        .then(ret =>
+        {
+          const table = self.getTable()
+
+          row.id = ret.id
+
+          delete ret.ret
+
+          self.$showSuccess('save')
+          self.getDisp(ret)
+          self.afterAdd(ret)
+          self.updDisp(ret, row)
+          self.calcOpers(row)
+
+          self.dg.table.list.splice(0, 0, row)
+          table.editRow(0)
+          table._focus()
+
+          // 发送消息，为什么这里不用 AttInsert，是因为这样在 IDataMan会收到消息，导致数据显示错误
+          cx.events.publish('AttAdd', { major: self.major, minor: self.minor, newAtt: row })
+        })
+        .catch(self.onError)
+    },
+
+    /**
+     * 修改旧行，修改到数据库，再备份数据
+     * @method
+     * @param   {Object}    att             拼装好的输入的属性信息
+     * @param   {Array}     updcols         修改的列名
+     * @param   {Object}    row             编辑行的信息
+     */
+    updRow(att, updcols, row)
+    {
+      if (!this.beforeUpd(att))
+        return
+
+      cx.svr.data.update(this.major, this.minor, att, updcols.toString(), 1)
+        .then(ret =>
+        {
+          delete ret.ret
+
+          this.$showSuccess('save')
+          this.getDisp(ret)
+          this.afterUpd(ret)
+          this.updDisp(ret, row)
+
+          // 发送消息，为什么这里不用 AttUpdate，是因为这样在 IDataMan会收到消息，导致数据显示错误
+          cx.events.publish('AttUpd', { major: this.major, minor: this.minor, newAtt: row })
+        })
+        .catch(this.onError)
+    },
+
+    /**
+     * 重载函数，删除节点
+     * @method
+     * @param   {Object}    row             编辑行的信息
+     */
+    _del(row)
+    {
+      // eslint-disable-next-line
+      if (row.id == undefined || !row.id || row.id < 1)
+      {
+        for (let i = this.list.length - 1; i >= 0; i--)
+        {
+          // eslint-disable-next-line
+          if (this.list[i] == row)
+          {
+            this.list.splice(i, 1)
+            if (this.list.length < 1)
+              this._newLine()
+            return
+          }
+        }
+      }
+
+      let att = cx.array.get1(this.data, { id: row.id })
+
+      if (!att)
+      {
+        this.submitDel(att)
+        return
+      }
+
+      this.$cfm('del')
+        .then(() =>
+        {
+          this.submitDel(att)
+        })
+        .catch(() =>
+        {
+        })
+    },
+
+    /**
+     * 更新显示
+     * @method
+     * @param   {Object}    att             属性信息
+     * @param   {Object}    row             编辑行的信息
+     */
+    updDisp(att, row)
+    {
+      for (let i in att)
+        row[i] = att[i]
+
+      this.beforeDisp(att, row)
+    },
+
+    // 显示之前的处理
+    beforeDisp(att, row)
+    {
+    },
+
+    /**
+     * 从编辑行生成属性
+     * @method
+     * @param   {Object}    row             当前行的编辑数据
+     * @param   {Object}    att             生成之后的属性数据
+     */
+    rowAtt(row, att)
+    {
+    },
+
+    /**
+     * 增加新行
+     * @method
+     * @param   {Object}    att             属性
+     * @param   {String}    focusCol        获得焦点的列名
+     */
+    addNewRow(att, focusCol)
+    {
+      const table = this.getTable()
+
+      this.calcOpers(att)
+      this.dg.table.list.splice(0, 0, att)
+      table.editRow(0)
+      table._selCol(focusCol)
+      table._focus()
+    },
+
+    /**
+     * 取 GridTable 对象
+     * @method
+     * @returns {Obejct}
+     */
+    getTable()
+    {
+      return this.$refs.datagrid.$refs.gridtable
+    }
+  }
+}

package/src/plugins/cxMixin/IExpBase.js

@@ -0,0 +1,51 @@
+/**
+ * 修改记录:
+ * 22-06-11       张发勇          js -> vue
+ */
+
+/**
+ * cx.mixin.IExpBase
+ * 混淆类 - 表达式输入基类
+ *
+ * @module      cx.mixin.IExpBase
+ * @memberof    cx.mixin
+ */
+
+export default
+{
+  /**
+   * @member {Array}       expFlds   字段列表
+   */
+  data()
+  {
+    return {
+      expFlds: []
+    }
+  },
+
+  /**
+   * 混合方法
+   * @class
+   */
+  methods:
+  {
+    /**
+     * 取当前输入的表达式
+     * @method
+     * @returns {Object}
+     */
+    getExp()
+    {
+      const exp = cx.sqlexp.getDefExp()
+      const alias = this.unionQuery ? this.unionQuery.mainAlias : ''
+
+      for (let fld of this.expFlds)
+      {
+        if (fld.disporder < 1)
+          continue
+        cx.sqlexp.getFldExp(exp, fld, alias)
+      }
+      return exp
+    }
+  }
+}

package/src/plugins/cxMixin/IFormBase.js

@@ -0,0 +1,29 @@
+// import config from '../ui/Config'  --此文件未找到暂屏蔽
+
+/**
+ * 修改记录:
+ * 22-06-11       张发勇          js -> vue
+ */
+
+/**
+ * cx.mixin.IFormBase
+ * 混淆类 - Form 混合类
+ *
+ * @module      cx.mixin.IFormBase
+ * @memberof    cx.mixin
+ */
+
+export default
+{
+  /** @member   {Object}        tooltip         tooltip 配置 */
+  /** @member   {Object}        button          button 配置 */
+  /** @member   {Object}        icon            icon 配置 */
+  data()
+  {
+    return {
+      // tooltip: config.tooltip,
+      // button: config.button,
+      // icon: config.icon
+    }
+  }
+}