cnhis-design-vue 2.2.3 → 2.2.5

package/packages/big-table/src/utils/batchEditing.js

@@ -1,613 +0,0 @@
-// import { mapMutations, mapActions } from "vuex";
-import utils from '@/utils/utils-map';
-export default {
-  props: {
-    // 曾经的getters
-    isBatchEditing: Boolean,
-    isEditAllRow: Boolean,
-    isBatchSave: Boolean,
-    isBatchCancel: Boolean,
-    batchDynamicPropsCache: { type: Object, default: () => ({}) },
-    batchEditDoneNumber: { type: Object, default: () => ({}) },
-    batchError: Boolean,
-    batchFormData: { type: Object, default: () => ({}) },
-
-    // 曾经的mapActions
-    resetInlineBatchEdit: Function,
-    resetBatchEditRowStatus: Function
-  },
-  data() {
-    return {
-      cacheUniqueKey: {},
-      theUniqueKeyListObj: {},
-      batchFieldList: [],
-      editColumnMap: {},
-      fieldLength: 0,
-      // originFormatList: [],
-      isSaveForm: false,
-      isLoadData: false,
-      isLoadColumn: false,
-      addInlineEditPrimaryKey: ''
-    };
-  },
-  beforeCreate(){
-    this.originFormatList = []
-  },
-  computed: {
-    configuration() {
-      return {
-        userInfo: this.userInfo || {},
-        sysImageSize: this.sysImageSize || {},
-        switchConfig: this.switchConfig || {},
-        hospitalConfigData: this.iconObj || {}
-      };
-    },
-    tableLoad() {
-      return {
-        isLoadData: this.isLoadData,
-        isLoadColumn: this.isLoadColumn
-      };
-    },
-    isTableEdit() {
-      return this.isInlineOperating || this.isInlineAdding;
-    }
-  },
-  watch: {
-    tableLoad(obj) {
-      if (!obj) return;
-      let { isLoadData, isLoadColumn } = obj;
-      if (!(isLoadData && isLoadColumn)) return;
-      if (this.isBatchEditing) return;
-      this.$emit('tableLoad', true);
-    },
-    /**
-     * 编辑
-     */
-    async isBatchEditing(val) {
-      if (!val || this.isNestTable) return false;
-      if (this.isTree != 0 || !this.isMatchComponent) return false;
-      if (!this.checkOperateCurrentTable()) {
-        this.resetBatchOperationRowStatus();
-        return false;
-      }
-      // 非行内按钮触发
-      if (!this.isRowEditing) {
-        await this.toggleColumn();
-      }
-      this.hideSelectCloumns();
-      this.handleClickBatchEditBtnByInline();
-    },
-    /**
-     * 保存
-     */
-    isBatchSave(val) {
-      if (!val || this.isNestTable) return false;
-      if (this.isTree != 0 || !this.isMatchComponent) return false;
-      if (!this.checkOperateCurrentTable()) return false;
-      this.handleClickBatchSaveBtnByInline();
-    },
-    /**
-     * 取消
-     */
-    async isBatchCancel(val) {
-      if (!val || this.isNestTable) return false;
-      if (this.isTree != 0 || !this.isMatchComponent) return false;
-      if (!this.checkOperateCurrentTable()) return false;
-      await this.toggleColumn('showColumn');
-      this.handleClickBatchCancelBtnByInline();
-    },
-    /**
-     * 校验提交
-     */
-    batchEditDoneNumber(obj) {
-      if (!obj || !Object.keys(obj).length || this.isNestTable) return;
-      if (this.isTree != 0 || !this.isMatchComponent) return false;
-      if (!this.checkOperateCurrentTable()) return false;
-      this.submitBatchInlineForm(obj);
-    },
-    async isInlineAdding(val) {
-      if (!val || this.isNestTable) return false;
-      if (this.isTree != 0 || !this.isMatchComponent) return false;
-      if (!this.checkOperateCurrentTable()) {
-        this.resetBatchOperationRowStatus();
-        return false;
-      }
-      await this.toggleColumn();
-      this.hideSelectCloumns();
-      this.handleClickAddRow();
-    }
-  },
-  methods: {
-    toggleColumn(key) {
-      let method = key || 'hideColumn';
-      const xGrid = this.$refs.xGrid;
-      if (!xGrid) return Promise.resolve();
-      let operate = xGrid.getColumnByField('operatorColumn');
-      if (method === 'showColumn' && operate.visible) {
-        return Promise.resolve();
-      }
-      return xGrid[method](operate);
-    },
-    /**
-     * 获取配置的 api 方法
-     * @param {*} params  调用参数
-     * @param {String} key 方法名
-     * @param {Object} config 其他配置
-     */
-    async handleGetConfigApi(params, key, config = {}) {
-      try {
-        // TODO: 判断 fn 是异步函数还是同步
-        const editFormApiConfig = this?.editFormApiConfig || {};
-        const fn = editFormApiConfig[key] || null;
-        if (typeof fn === 'function') {
-          let res = await fn(params, config);
-          return Promise.resolve(res);
-        } else {
-          return Promise.reject(new Error(`${key} Is not a function`));
-        }
-      } catch (error) {
-        return Promise.reject(error);
-      }
-    },
-    /**
-     * 设置row 为编辑样式
-     */
-    getBatchOpreateRows(arr) {
-      let vxeTable = this.$refs.xGrid;
-      let { tableData } = vxeTable.getTableData();
-      if (!arr.length) return;
-      // 重置状态时使用
-
-      arr.forEach((item, i) => {
-        let rowIndex = i;
-        if (!this.isEditAllRow) {
-          let matchIndex = tableData.findIndex(v => v[this.primaryKey] == item[this.primaryKey]);
-          if (matchIndex > -1) {
-            rowIndex = matchIndex;
-          }
-        }
-        this.setRowStatus(vxeTable.$el, rowIndex, 66);
-        this.$set(item, '__isInlineEditing', true);
-      });
-    },
-    /**
-     * 重置样式
-     * @param {*} isCancel 保存之后
-     * @returns
-     */
-    resetBatchOperationRowStatus(isResetColumn) {
-      if (this.isTree != 0) return false;
-
-      const vxeTable = this.$refs.xGrid;
-      let { tableData } = vxeTable.getTableData();
-      vxeTable.clearActived();
-      vxeTable.resetColumn();
-      tableData.forEach((row, index) => {
-        this.setRowStatus(vxeTable.$el, index, null);
-        this.$set(row, '__isInlineEditing', false);
-        this.$set(row, '__isDisableInlineEdit', false);
-      });
-      this.checkedRows = [];
-    },
-    async handleClickAddRow() {
-      if (!this.checkListFormUnionSettingParamsList()) {
-        this.handleClickCancelBtnByInline();
-        return false;
-      }
-      this.addInlineEditPrimaryKey = Date.now();
-      let formData = {
-        [this.handleRowId]: this.addInlineEditPrimaryKey,
-        __isInsertRow: true
-      };
-      let vxeTable = this.$refs.xGrid;
-      await vxeTable.insert(formData);
-      await vxeTable.loadData([formData]);
-      await this.resetInlineBatchEdit();
-
-      this.setAllRowInlineStatus(true);
-      this.setRowStatus(vxeTable.$el, 0, 66);
-    },
-    /**
-     * 批量编辑
-     */
-    async handleClickBatchEditBtnByInline() {
-      if (!this.checkListFormUnionSettingParamsList()) {
-        this.handleClickCancelBtnByInline();
-        return false;
-      }
-      let vxeTable = this.$refs.xGrid;
-      let arr = this.checkedRows;
-      let { tableData } = vxeTable.getTableData();
-      // 全部行编辑
-      if (this.isEditAllRow) {
-        arr = tableData;
-      }
-      await vxeTable.loadData(arr);
-      await this.resetInlineBatchEdit();
-
-      this.setAllRowInlineStatus(true);
-      this.getBatchOpreateRows(arr);
-    },
-    /**
-     * 批量保存
-     */
-    handleClickBatchSaveBtnByInline() {
-      if (this.spinning) return false;
-      this.$emit('resetBatchEditDoneStatus');
-
-      let formDom = document.querySelectorAll('.js-inlineEditForm');
-      let filterFormDom = [];
-      [...formDom].map(item => {
-        let pNode = item.parentNode?.parentNode;
-        if (pNode) {
-          if (pNode.classList.contains('vxe-body--column') && !pNode.classList.contains('fixed--hidden')) {
-            filterFormDom.push(item);
-          }
-        }
-      });
-      if (!filterFormDom.length) return false;
-      // // HACK: vxeTable行内编辑时复制的DOM节点，无需触发提交
-      filterFormDom.forEach(item => {
-        item.__vue__.handleSubmitForm();
-      });
-    },
-    /**
-     * 处理需要submit的form个数
-     */
-    handleEditFormLength() {
-      let fieldLength = this.batchFieldList.length;
-      if (!fieldLength) return;
-      // 新增
-      if (this.isInlineAdding) {
-        return fieldLength;
-      }
-      let vxeTable = this.$refs.xGrid;
-      let rowLen = this.allSelectedLength;
-      let { tableData } = vxeTable.getTableData();
-      // 全部行
-      if (this.isEditAllRow) {
-        rowLen = tableData.length;
-      }
-      if (!rowLen) return;
-      return fieldLength * rowLen;
-    },
-    async handleClickBatchCancelBtnByInline() {
-      let vxeTable = this.$refs.xGrid;
-      this.isSaveForm = false;
-      this.$emit('resetInlineEditAll', false);
-      await vxeTable.reloadData(this.originFormatList);
-      this.resetBatchOperationRowStatus(true);
-    },
-    /**
-     * 避免每次点击都查询
-     * 初始化查一次 行编辑 表单search用
-     */
-    // 避免每次点击都查询
-    async handleFormTheUniqueKey() {
-      let hasEditRow = this.btnList?.find(item => {
-        let trigger_type = item.settingObj && item.settingObj[0]?.trigger_type;
-        if (item.isShow == 1 && trigger_type == 'EDIT_ROW') return true;
-        return false;
-      });
-      if (!hasEditRow) return;
-      await this.handleFieldTheUniqueKey();
-    },
-    /**
-     * 获取编辑的field
-     */
-    handleFieldTheUniqueKey() {
-      return new Promise((resolve, reject) => {
-        let { paramsList = [] } = this.listFormUnionSetting || {};
-        let { fieldList = [] } = this.inlineEditFormConfig || {};
-        fieldList = JSON.parse(JSON.stringify(fieldList));
-        this.batchFieldList = [];
-        let batchFieldList = [];
-        batchFieldList = fieldList
-          .map(item => {
-            let matchItem = paramsList.find(v => item.val_key === v.tableField);
-            if (matchItem) {
-              let NOWORDBOOK = item.wordbook && (item?.wordbook?.type || '') != 'WORDBOOK';
-              let id = item.wordbook?.id;
-              if (NOWORDBOOK && id && !this.theUniqueKeyListObj[id]) {
-                this.theUniqueKeyListObj[id] = id;
-              }
-              return item;
-            }
-            return null;
-          })
-          .filter(Boolean);
-        if (!batchFieldList || !batchFieldList.length) return resolve();
-        // 缓存行编辑需要的column配置
-        this.editColumnMap = this.handleColumnMap(batchFieldList, paramsList);
-        this.batchFieldList = batchFieldList;
-        this.fieldLength = this.handleFieldLength();
-        let keyList = Object.keys(this.theUniqueKeyListObj || {});
-        if (!keyList.length) return resolve();
-        keyList.forEach(async item => {
-          await this.handleRequestedUniqueKey(item);
-        });
-        resolve();
-      });
-    },
-    handleColumnMap(batchFieldList, paramsList) {
-      let { fieldList = [] } = this.columnConfig;
-      let editColumnMap = {};
-      fieldList.forEach(item => {
-        if (item.isShow != 1 || item.isEdit != 1) return;
-        let matchItem = paramsList.find(v => v.tableField === item.columnName);
-        if (!matchItem) return;
-        let fieldItem = batchFieldList?.find(field => {
-          return field.val_key === matchItem.tableField;
-        });
-        if (!fieldItem) return;
-        fieldItem = this.formatFieldItem(fieldItem);
-        let obj = {
-          columnName: item.columnName,
-          matchItem,
-          fieldItem
-        };
-        editColumnMap[item.columnName] = obj;
-      });
-      return editColumnMap;
-    },
-    async handleRequestedUniqueKey(id) {
-      let handleEditFormRequestedUniqueKey = this.editFormApiConfig?.handleEditFormRequestedUniqueKey;
-      if (!handleEditFormRequestedUniqueKey || typeof handleEditFormRequestedUniqueKey !== 'function') {
-        handleEditFormRequestedUniqueKey = this.getPrimaryKeyRequest;
-      }
-      return handleEditFormRequestedUniqueKey({ tableId: id }).then(val => {
-        val && (this.cacheUniqueKey[id] = { value: val, status: true });
-      });
-    },
-    getPrimaryKeyRequest(params) {
-      return new Promise((resolve, reject) => {
-        this.axios
-          .get('tableList/getPrimaryKey', { params })
-          .then(({ data }) => {
-            let result;
-            if (data.result == 'SUCCESS') {
-              const { map = {} } = data;
-              result = map.primaryKey || undefined;
-            } else {
-              result = undefined;
-            }
-            resolve(result);
-          })
-          .catch(err => {
-            reject(err);
-          });
-      });
-    },
-    /**
-     * 判断是否渲染EditForm
-     * @param {*} row
-     * @param {*} column
-     * @returns
-     */
-    showEditForm(row, column, $rowIndex) {
-      if (!this.isMatchComponent || this.isNestTable || this.isScanMultiTable) return false;
-      if (this.isBatchEditing || this.isInlineAdding) {
-        let matchObj = this.editColumnMap[column.property];
-        if (!matchObj || !matchObj.matchItem || !matchObj.fieldItem) return false;
-        // 批量编辑 未选择全部行编辑
-        if (this.isBatchEditing && !this.isEditAllRow) {
-          let matchIndex = this.checkedRows.findIndex(v => v[this.primaryKey] == row[this.primaryKey]);
-          if (matchIndex < 0) return false;
-        }
-        // 新增
-        if (this.isInlineAdding) {
-          if ($rowIndex !== 0) return false;
-        }
-        return matchObj.matchItem;
-      }
-      return false;
-    },
-    /**
-     * 初始化props
-     * @param {*} unionItem
-     * @param {*} row
-     * @param {*} column
-     * @param {*} $rowIndex
-     * @returns
-     */
-    initBatchDynamicProps(unionItem, row, column, $rowIndex) {
-      let id = row[this.primaryKey];
-      let dynamicPropsCache = this.batchDynamicPropsCache[id];
-      if (dynamicPropsCache && dynamicPropsCache[unionItem.tableField]) {
-        return dynamicPropsCache[unionItem.tableField];
-      }
-      let matchObj = this.editColumnMap[column.property];
-      let { fieldItem = {} } = matchObj || {};
-      let defaultCombinationForm = {};
-      if (!this.isInlineAdding) {
-        let originalRow = this.pageIndexOldtableData.find(item => {
-          let oldItemVal = utils.handleCurValue(item[this.primaryKey]);
-          let rowVal = utils.handleCurValue(row[this.primaryKey]);
-          return oldItemVal == rowVal;
-        });
-        defaultCombinationForm = this.setDefaultFormData(column.property, fieldItem, originalRow);
-      }
-      let tempFieldItem = JSON.parse(JSON.stringify(fieldItem));
-      let defaultForm = {
-        fieldList: [tempFieldItem],
-        defaultCombinationForm
-      };
-      let dynamicProps = {
-        props: {
-          formPrimaryKey: id,
-          defaultForm,
-          banRequest: true,
-          propsFormBtn: true,
-          propsDelSetting: true,
-          parentConfig: {
-            is_edit: '1'
-          },
-          configuration: this.configuration,
-          isPure: true,
-          isOpenShortcut: false,
-          cacheUniqueKey: this.cacheUniqueKey,
-          styleSetting: {},
-          editFormApiConfig: this.editFormApiConfig,
-          btnList: this.btnList
-        },
-        on: {
-          handleSubmit: this.handleSubmitEditForm,
-          banSubmit: this.banSubmit
-        }
-      };
-      this.$emit('setBatchDynamicPropsCache', {
-        primaryKey: row[this.primaryKey],
-        tableField: unionItem.tableField,
-        dynamicProps
-      });
-      return dynamicProps;
-    },
-    /**
-     * 单个form提交成功数据
-     * @param {*} obj formData
-     */
-    handleSubmitEditForm(obj = {}) {
-      this.$emit('submitEditFormSuccessBatch', obj);
-    },
-    /**
-     * 单个form提交失败
-     * @param {*} obj
-     */
-    banSubmit(obj) {
-      this.$emit('submitEditFormErrorBatch', obj);
-    },
-    formatFieldItem(fieldItem) {
-      return Object.assign({}, fieldItem, {
-        elem_width: '12',
-        is_show: '1'
-      });
-    },
-    formatField(value) {
-      if (value && typeof value == 'string' && value.startsWith('###')) {
-        value = value.slice(3);
-        value = JSON.parse(value);
-        value = value.tooltip || value.value;
-      }
-      return value;
-    },
-    setDefaultFormData(property, fieldItem, originalRow = {}) {
-      let defaultValue = originalRow[property];
-
-      return {
-        [fieldItem.name]: this.formatField(defaultValue)
-      };
-    },
-    /**
-     * 批量提交form
-     * @param {*} obj
-     * @returns
-     */
-    submitBatchInlineForm(obj) {
-      if (this.batchError) {
-        this.resetBatchEditRowStatus();
-        this.$emit('triggerSpinning', false);
-        return;
-      }
-      let isBatchDoneAll = this.handleIsBatchDoneAll(obj);
-      if (!isBatchDoneAll) {
-        this.resetBatchEditRowStatus();
-        this.$emit('triggerSpinning', false);
-        return;
-      }
-      let { listFormUnionSetting } = this;
-      let { formId } = listFormUnionSetting;
-      let params = this.handleSubmitParams(this.batchFormData);
-      if (!formId || !params) {
-        this.resetBatchEditRowStatus();
-        this.$emit('triggerSpinning', false);
-        return;
-      }
-      if (this.isSaveForm) return false;
-      this.isSaveForm = true;
-      this.savaForm(formId, params)
-        .then(async ({ data }) => {
-          this.$emit('triggerSpinning', false);
-          if (data.result !== 'SUCCESS') {
-            this.isSaveForm = false;
-            this.$message.error(data.resultMsg || '保存失败');
-            this.resetBatchEditRowStatus();
-            return false;
-          }
-
-          await this.resetInlineBatchEdit();
-          this.handleClickBatchCancelBtnByInline();
-          this.$emit('pubTableReload');
-        })
-        .finally(() => {
-          this.isSaveForm = false;
-          this.$emit('triggerSpinning', false);
-          this.resetBatchEditRowStatus();
-        });
-    },
-    /**
-     * 处理form
-     * @param {*} batchFormData
-     * @returns
-     */
-    handleSubmitParams(batchFormData) {
-      let arr = [];
-      for (let key in batchFormData) {
-        // v[this.primaryKey] 可能为数字
-        // key 为字符串 用全等匹配不到 改为 ==
-        let matchItem = this.oldtableData.find(v => v[this.primaryKey] == key);
-        let obj = batchFormData[key];
-        if (matchItem) {
-          obj = Object.assign({}, obj, {
-            [this.primaryKey]: matchItem[this.primaryKey]
-          });
-        }
-        arr.push(obj);
-      }
-      return arr;
-    },
-    savaForm(formId, params) {
-      let handleEditFormSavaForm = this.editFormApiConfig?.handleEditFormSavaForm;
-      if (!handleEditFormSavaForm || typeof handleEditFormSavaForm !== 'function') {
-        handleEditFormSavaForm = this.savaFormRequest;
-      }
-      return handleEditFormSavaForm(params, { formId });
-    },
-    savaFormRequest(params, config) {
-      let url = `/form/editRows/update/${config.formId}`;
-      return this.axios({
-        method: 'post',
-        url,
-        headers: { 'Content-Type': 'application/json; charset=utf-8' },
-        data: params
-      });
-    },
-    handleFieldLength() {
-      let { fieldList = [] } = this.columnConfig;
-      let fieldLength = 0;
-      fieldList.forEach(item => {
-        // table中有column隐藏
-        if (item.isShow == 1 && item.isEdit == 1) {
-          let matchItem = this.batchFieldList.find(v => v.val_key === item.columnName);
-          if (matchItem) {
-            fieldLength++;
-          }
-        }
-      });
-      return fieldLength;
-    },
-    /**
-     * 判断每个表单是否校验过
-     * @param {*} obj
-     * @returns
-     */
-    handleIsBatchDoneAll(obj) {
-      // let fieldLength = this.batchFieldList?.length;
-      let fieldLength = this.fieldLength;
-      if (!fieldLength) return false;
-      for (let key in obj) {
-        if (obj[key] < fieldLength) return false;
-      }
-      return true;
-    }
-  }
-};