cnhis-design-vue 0.2.63-beta → 0.3.1-beta

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

@@ -1,534 +0,0 @@
-// import { mapMutations, mapActions } from "vuex";
-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
-    };
-  },
-  computed: {
-    configuration() {
-      return {
-        userInfo: this.userInfo || {},
-        sysImageSize: this.sysImageSize || {},
-        switchConfig: this.switchConfig || {},
-        hospitalConfigData: this.iconObj || {}
-      };
-    }
-  },
-  watch: {
-    /**
-     * 编辑
-     */
-    isBatchEditing(val) {
-      if (!val || this.isNestTable) return false;
-      if (this.isTree != 0 || !this.isMatchComponent) return false;
-      if (!this.checkOperateCurrentTable()) {
-        this.resetBatchOperationRowStatus();
-        return false;
-      }
-      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();
-    },
-    /**
-     * 取消
-     */
-    isBatchCancel(val) {
-      if (!val || this.isNestTable) return false;
-      if (this.isTree != 0 || !this.isMatchComponent) return false;
-      if (!this.checkOperateCurrentTable()) return false;
-      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);
-    }
-  },
-  methods: {
-    /**
-     * 设置row 为编辑样式
-     */
-    getBatchOpreateRows() {
-      let vxeTable = this.$refs.xGrid;
-      let arr = this.checkedRows;
-      let { tableData } = vxeTable.getTableData();
-      // 全部行编辑
-      if (this.isEditAllRow) {
-        arr = tableData;
-      }
-      // 重置状态时使用
-
-      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) => {
-        // row && vxeTable.revertData(row);
-        this.setRowStatus(vxeTable.$el, index, null);
-        this.$set(row, '__isInlineEditing', false);
-        this.$set(row, '__isDisableInlineEdit', false);
-      });
-    },
-    /**
-     * 批量编辑
-     */
-    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);
-
-      // 去掉更新后台时间
-      // let userInfo = await this.GetRealtimeSysParams();
-      // userInfo &&
-      //   Object.assign(this.configuration, {
-      //     userInfo
-      //   });
-
-      await this.resetInlineBatchEdit();
-
-      this.setAllRowInlineStatus(true);
-
-      this.getBatchOpreateRows();
-    },
-    /**
-     * 批量保存
-     */
-    handleClickBatchSaveBtnByInline() {
-      if (this.spinning) return false;
-      this.$emit('resetBatchEditDoneStatus');
-
-      let formDom = document.querySelectorAll('.js-inlineEditForm');
-      let sliceLen = this.handleEditFormLength();
-      // HACK: vxeTable行内编辑时复制的DOM节点，无需触发提交
-      formDom = [...formDom].slice(0, sliceLen);
-      formDom.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() {
-      this.$emit('initInlineEditFormConfig', { listFormUnionSetting: this.listFormUnionSetting, inlineEditFormConfig: this.inlineEditFormConfig });
-      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;
-    },
-    handleRequestedUniqueKey(id) {
-      return this.axios
-        .get('tableList/getPrimaryKey', { params: { tableId: id } })
-        .then(({ data }) => {
-          let result;
-          if (data.result == 'SUCCESS') {
-            const { map = {} } = data;
-            result = map.primaryKey || undefined;
-          } else {
-            result = undefined;
-          }
-          this.cacheUniqueKey[id] = { value: result, status: true };
-          return result;
-        })
-        .catch(err => {
-          console.log(err);
-          this.cacheUniqueKey[id] = { value: undefined, status: true };
-          return undefined;
-        });
-    },
-    /**
-     * 判断是否渲染EditForm
-     * @param {*} row
-     * @param {*} column
-     * @returns
-     */
-    showEditForm(row, column, $rowIndex) {
-      if (!this.isMatchComponent || this.isNestTable || this.isScanMultiTable) return false;
-      if (this.isBatchEditing || this.isInlineEditing || 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.isInlineEditing) {
-        //   let { index } = this.currentClickBtnInfo || {};
-        //   if ($rowIndex !== index) return false;
-        // }
-        if (this.isInlineEditing || 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 => item[this.primaryKey] == row[this.primaryKey]);
-        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: {}
-        },
-        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 = {}) {
-      // 单行编辑
-      if (this.isInlineEditing || this.isInlineAdding) {
-        this.$emit('submitEditFormSuccess', obj);
-        return;
-      }
-
-      // 批量编辑
-      if (this.isBatchEditing) {
-        this.$emit('submitEditFormSuccessBatch', obj);
-        return;
-      }
-    },
-    /**
-     * 单个form提交失败
-     * @param {*} obj
-     */
-    banSubmit(obj) {
-      // 单行编辑
-      if (this.isInlineEditing || this.isInlineAdding) {
-        this.$emit('submitEditFormError');
-        return;
-      }
-      // 批量编辑
-      if (this.isBatchEditing) {
-        this.$emit('submitEditFormErrorBatch', obj);
-        return;
-      }
-    },
-    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 url = `/form/editRows/update/${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;
-    }
-  }
-};

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

@@ -1,94 +0,0 @@
-const bigTableProps = {
-  data: { type: Array, default: () => [] },
-  MAX_CHECK_SIZE: [String, Number],
-  showFooter: Boolean,
-  sumData: { type: Object, default: () => ({}) },
-  avgData: { type: Object, default: () => ({}) },
-  columnConfig: {
-    type: Object,
-    default: () => {
-      return {};
-    }
-  },
-  refreshRow: Number,
-  relatedItems: {
-    type: Object,
-    default: () => {
-      return {
-        triggerMethodPc: '', // 相关项打开方式
-        triggerMethodField: '' // 相关项打开字段
-      };
-    }
-  },
-  pageVO: {
-    type: Object,
-    default: () => {
-      return {
-        pageIndex: 1, // 当前第几页
-        pageSize: 20, // 每页几条数据
-        total: 20 // 总数多少条
-      };
-    }
-  },
-  tableOptions: { type: Object, default: () => ({}) },
-  quickSearchConfig: { type: Array, default: () => [] },
-  primaryKey: String,
-  tableDataCache: { type: Array, default: () => [] },
-  oldtableData: { type: Array, default: () => [] }, // 原始数据
-  tableName: String,
-  fieldListOriginal: { type: Array, default: () => [] },
-  tableParams: { type: Object, default: () => ({}) },
-  emptyItems: {
-    type: Object,
-    default: () => {
-      return {
-        noDataImg: 'nodata',
-        noDataTip: ''
-      };
-    }
-  },
-  styleSetting: { type: Object, default: () => ({}) },
-  sysImageSize: { type: Array, default: () => [] },
-  height: String,
-  groupCountFields: { type: Array, default: () => [] },
-  groupCountMap: { type: Object, default: () => ({}) },
-  listFormUnionSetting: { type: Object, default: () => ({}) },
-  inlineEditFormConfig: { type: Object, default: () => ({}) },
-  clickRowData: { type: Object, default: () => ({}) },
-  btnList: { type: Array, default: () => [] },
-  spinning: Boolean,
-  rowGroupSetting: { type: Object, default: () => ({}) },
-  inlineEditFormSubmitDone: Boolean,
-  isInlineOperating: Boolean,
-  inlineEditCurrentOperateBtnId: String,
-  tableRefreshCache: { type: Object, default: () => ({}) }, // 记录需要刷新的列表，当切换到当前列表时更新
-  userInfo: { type: Object, default: () => ({}) },
-  isInlineEditing: Boolean,
-  isInlineAdding: Boolean,
-  isInlineSave: Boolean,
-  isInlineCancel: Boolean,
-  inlineError: Boolean,
-  resetInlineEdit: Function, // 重置状态（不包含编辑、新增状态)
-  resetEditRowStatus: Function, // 重置编辑行保存表单相关状态
-  pageIndexOldtableData: {
-    // 原始数据
-    type: Array,
-    default: () => []
-  },
-  submitForm: Function,
-  isMatchComponent: Boolean,
-  asyncCount: Boolean,
-  showSettings: { type: Object, default: () => ({}) },
-  inlineFormData: { type: Object, default: () => ({}) },
-  inlineOriginalTableRow: { type: Object, default: () => ({}) },
-  filterDomPortal:{ // 表头筛选挂载的地方
-    type: String,
-    default: "body"
-  },
-  filterTopOffset:{ // 表头 top 调节
-    type: Number,
-    default: 0
-  }
-};
-
-export default bigTableProps;