cnhis-design-vue 2.2.3 → 2.2.5

package/packages/big-table/src/components/edit-form/edit-component/mixins/item-default.js

@@ -1,639 +0,0 @@
-import { formCommom } from '../../edit-mixins/index';
-
-import { formEvent, renderMethods } from '../../edit-item/index';
-import globalProps from '../../edit-item/global-props';
-import validateRules from '../../edit-item/validate-rules';
-import formUtils from '../../edit-utils/index';
-import boundDate from '../mixins/bound-date';
-
-import {
-  Icon,
-  Checkbox,
-  Tooltip,
-  Input,
-  FormModel,
-  Divider,
-  Button,
-  Select
-} from "ant-design-vue";
-
-
-// import { mapGetters } from 'vuex';
-export default {
-  mixins: [formCommom, formEvent, renderMethods, globalProps, validateRules, boundDate],
-  components: {
-    [Icon.name]: Icon,
-    [Input.name]: Input,
-    [Input.Search.name]: Input.Search,
-    [Checkbox.name]: Checkbox,
-    [Divider.name]: Divider,
-    [Button.name]: Button,
-    [FormModel.name]: FormModel,
-    [FormModel.Item.name]: FormModel.Item,
-    [Tooltip.name]: Tooltip,
-    [Select.name]: Select,
-  },
-  data() {
-    return {};
-  },
-  inject: {
-    /** baseForm */
-    mainForm: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  props: {
-    // 只有 guage 使用
-    // defaultForm: {
-    //   type: Object,
-    //   default: () => {
-    //     return {};
-    //   }
-    // },
-
-    defaultValue: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-
-    // 表单排列方式 'horizontal' / 水平|'vertical'|'inline'
-    propsFormLayout: {
-      type: String,
-      default: 'vertical'
-    },
-
-    item: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-
-    formFieldList: {
-      type: Array,
-      default: () => []
-    },
-
-    form: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-
-    cacheForm: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-
-    formStyle: {
-      type: Object,
-      default: () => ({})
-    },
-
-    showLable: {
-      type: Boolean,
-      default: true
-    },
-
-    handleFormatSubmit: Function,
-
-    formFieldObj: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-
-    defaultFieldList: {
-      type: Array,
-      default: () => []
-    },
-
-    shortcutFieldsList: {
-      type: Array,
-      default: () => []
-    },
-    isOpenShortcut: {
-      type: Boolean,
-      default: false
-    },
-    layoutForm: {
-      type: Boolean,
-      default: false
-    },
-
-    dbParams: {
-      type: Object
-    },
-    styleSetting: {
-      type: Object,
-      default: () => { }
-    },
-    editFormApiConfig: Object // 编辑表格api
-  },
-  beforeCreate() {
-    // this.formFieldListCopy = [];
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.defaultInit();
-    });
-  },
-  computed: {
-    // ...mapGetters(['styleSetting']),
-
-    baseForm() {
-      return this.form;
-    }
-  },
-  methods: {
-    /**
-    * 获取配置的 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);
-      }
-    },
-    defaultInit() {
-      // this.formFieldListCopy = JSON.parse(JSON.stringify(this.formFieldList));
-      const { validate = {}, name, default_val } = this.item;
-      let targetStr = this.defaultValue[name] || default_val;
-      targetStr = this.handleSysParams(targetStr);
-      if (['last_menstrual'].includes(validate.obj_type)) {
-        targetStr && this.handlerInputBlur(this.item, this.$moment(targetStr));
-      } else if (['birthday'].includes(validate.obj_type)) {
-        targetStr && this.handleBirthday(this.$moment(targetStr), this.item, true);
-      }
-
-      // 默认值有值触发表单绑定的事件。
-      // if (this.$utils.notEmpty(targetStr)) {
-      //   this.handlerInputBlur(this.item, null, "blur", { eventType: "init" });
-      // }
-    },
-
-    // 失去焦点
-    /**
-     * @param data
-     * @param v // 时间类型的 值
-     * @param eventType // 事件类型标识
-     */
-    handlerInputBlur(data = {}, v, eventType = 'blur', eventConfig = {}) {
-      const { validate, html_type } = data;
-      if (html_type == 'SEARCH_MORE' || html_type == 'SEARCH' || html_type == 'SELECT' || html_type == 'PHONE_TYPE' || html_type == 'IDCARD_TYPE' || html_type == 'GUAGE') {
-        this.open = false;
-        if (html_type == 'GUAGE') {
-          return false;
-        }
-      }
-      // select 类型 失去焦点 不触发事件
-      if (eventType === 'select-blur') {
-        return;
-      }
-      let valiStatus = 'id_card_noReg';
-      // 大陆/港澳台多种身份证及手机号校验
-      if (validate && validate.vali_obj) {
-        let vali_objFlag = this.checkMultipleIdCard(data);
-        if (['id_card', 'mobile', 'telephone'].includes(validate.obj_type)) {
-          valiStatus = vali_objFlag.status;
-        }
-      }
-      // 身份证
-      if (valiStatus === 'id_card_noReg' && validate && (validate.obj_type == 'id_card' || validate.vali_obj == 'id_card')) {
-        this.handlerSetIdCarInfo(data);
-      }
-
-      if (validate && validate.obj_type == 'birthday') {
-        // birthday
-        // change 事件才计算年龄。
-        eventType == 'change' && this.handleBirthday(v, data);
-      } else if (validate && validate.obj_type == 'last_menstrual') {
-        // 末次月经
-        this.handlerSetMenstrual(v, data);
-      } else if (['mobile_noReg', 'telephone_noReg'].includes(valiStatus) && validate && validate.vali_obj == 'mobile') {
-        this.handlecheckPhone(data);
-      }
-
-      if (['DIGITAL'].includes(html_type)) {
-        this.hanldeOperational(data);
-      }
-
-      this.handleTriggerCheck(data);
-
-      const formValueObj = this.getFormValue();
-      this.formValueObj = { ...formValueObj };
-      // 通讯事件
-      // if (eventType == "change") {
-      //   this.autoVal = null;
-      //   this.mainForm.formfieldOnChange(data);
-      // }
-
-      this.$emit('hanldeFromBlur', { ...formValueObj });
-
-      this.handleGetFieldsError(data.val_key);
-    },
-    // 大陆/港澳台多种身份证及手机号校验
-    checkMultipleIdCard(data) {
-      const {
-        group,
-        val_key,
-        validate: { obj_type }
-      } = data;
-      // let options = JSON.parse(this.$refs[phone_idcard_type].$attrs.optionData);
-      const is_PHONE_TYPE = obj_type == 'mobile' || obj_type == 'telephone';
-      const is_IDCARD_TYPE = obj_type == 'id_card';
-      const findHtmlType = is_PHONE_TYPE ? 'PHONE_TYPE' : is_IDCARD_TYPE ? 'IDCARD_TYPE' : '';
-
-      let targetItem = this.defaultFieldList.find(v => v.html_type == findHtmlType);
-      if (!targetItem) return { status: `${obj_type}_noReg` };
-      const options = targetItem.option;
-      const selectedValue = this.hanldeGetFieldValue(targetItem.val_key);
-      // let selectedText = options.filter(item => item.value === selectedValue)[0]
-      //   .text;
-      let StrVal = String(selectedValue);
-      if (!selectedValue && StrVal !== '0') return { status: 'none' };
-
-      const regKey = obj_type === 'id_card' ? 'reg' : obj_type === 'mobile' ? 'mobileReg' : 'telephoneReg';
-      const findList = options.filter(item => item.value == selectedValue);
-      if (!findList[0]) return { status: 'noOptions' };
-      const selectedRegStr = findList[0][regKey];
-      const selectedReg = new RegExp(selectedRegStr);
-      const checkingInput = this.hanldeGetFieldValue(val_key);
-      if (!checkingInput) return { status: 'noPass' };
-      if (!selectedReg.test(checkingInput)) {
-        this.baseForm.setFields({
-          [val_key]: {
-            value: checkingInput,
-            errors: [
-              {
-                message: `请输入正确的号码`
-              }
-            ]
-          }
-        });
-        return { status: 'noPass' };
-      } else {
-        this.baseForm.setFields({
-          [val_key]: {
-            value: checkingInput
-          }
-        });
-        if (selectedValue === 'CN') {
-          this.handlerSetIdCarInfo(data);
-        }
-        return { status: 'pass' };
-      }
-    },
-
-    // 设置身份证的信息
-    handlerSetIdCarInfo(data = {}) {
-      const { validate } = data;
-      // 不是 field_toggle 的事件类型返回(默认触发不校验事件类型)
-      if (!validate) {
-        return;
-      }
-      const idCarItem = data;
-      let mapList = this.hanldeGetTargetList(data);
-      if (idCarItem) {
-        const idCarNo = this.hanldeGetFieldValue(idCarItem['val_key']);
-        if (!idCarNo) {
-          if (validate.obj_type == 'id_card') {
-            mapList.forEach(item => {
-              const { validate } = item;
-              if (validate && validate.obj_type == 'age') {
-                this.$set(item, 'useFormValue', '');
-                this.handlerInputBlur(item);
-              } else if (validate && validate.obj_type == 'sex') {
-                this.$set(item, 'useFormValue', '');
-                this.handlerInputBlur(item);
-              } else if (validate && validate.obj_type == 'birthday') {
-                this.$set(item, 'useFormValue', '');
-                this.handlerInputBlur(item);
-              }
-            });
-          }
-          return;
-        }
-        const pat = /^\d{6}(((19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2][0-9]|3[0-1])\d{3}([0-9]|x|X))|(\d{2}(0[1-9]|1[0-2])(0[1-9]|[1-2][0-9]|3[0-1])\d{3}))$/;
-        if (!pat.test(idCarNo)) {
-          if (validate.vali_obj == 'id_card') {
-            this.baseForm.setFields({
-              [idCarItem['val_key']]: {
-                value: idCarNo,
-                errors: [
-                  {
-                    message: '请输入正确的身份证号码'
-                  }
-                ]
-              }
-            });
-            if (validate.obj_type == 'id_card') {
-              mapList.forEach(item => {
-                const { validate } = item;
-                if (validate && validate.obj_type == 'age') {
-                  this.$set(item, 'useFormValue', '');
-                  this.handlerInputBlur(item);
-                } else if (validate && validate.obj_type == 'sex') {
-                  this.$set(item, 'useFormValue', '');
-                  this.handlerInputBlur(item);
-                } else if (validate && validate.obj_type == 'birthday') {
-                  this.$set(item, 'useFormValue', '');
-                  this.handlerInputBlur(item);
-                }
-              });
-            }
-            // resetFields
-          }
-
-          return false;
-        }
-        if (validate.obj_type != 'id_card') return;
-        const idCarInfo = this.handlerGetIdcatInfo(idCarNo);
-        // 回填上
-        mapList.forEach(item => {
-          const { validate, html_type } = item;
-          if (validate && validate.obj_type == 'age') {
-            if (html_type != 'AGE_JSON') {
-              let values = 'year';
-              if (item.val_key_unit) {
-                const curUnit = this.baseForm.getFieldValue(item.val_key_unit);
-                if (item.option && item.option.length > 0) {
-                  values = curUnit?.toLowerCase() || item.option[0].value.toLowerCase();
-                }
-              }
-
-              this.$set(item, 'ageRes', idCarInfo);
-              this.$set(item, 'isFillAge', true);
-              this.hanldeSetFieldsValue(
-                {
-                  [item.val_key]: idCarInfo[values]
-                },
-                item
-              );
-            }
-            if (html_type == 'AGE_JSON') {
-              let v = this.$moment(idCarInfo['birthday'], 'YYYY-MM-DD');
-              this.handleBirthday(v, item);
-            }
-            // 表单配置事件
-            this.handlerInputBlur(item);
-          } else if (validate && validate.obj_type == 'sex') {
-            this.hanldeSetFieldsValue(
-              {
-                [item.val_key]: idCarInfo['sex']
-              },
-              item
-            );
-            // 表单配置事件
-            this.handlerInputBlur(item, idCarInfo['sex']);
-          } else if (validate && validate.obj_type == 'birthday') {
-            this.hanldeSetFieldsValue(
-              {
-                [item.val_key]: this.$moment(idCarInfo['birthday'], 'YYYY-MM-DD')
-              },
-              item
-            );
-            // 表单配置事件
-            this.handlerInputBlur(item, this.$moment(idCarInfo['birthday'], 'YYYY-MM-DD'));
-          }
-        });
-      }
-    },
-
-    /**
-     * @param v val 值
-     * @param i item 表单数据
-     * @param isDef  是否默认赋值
-     */
-    handleBirthday(v, i, isDef = false) {
-      let mapList = this.hanldeGetTargetList(i);
-      if (v && v.format) {
-        const birthdayInfo = this.handleBirthdayToAge(v);
-        mapList.forEach(item => {
-          const { validate } = item;
-          if (validate && validate.obj_type == 'age') {
-            let hasDef = this.handleSysParams(item.default_val || '') || this.defaultValue[item.name];
-            if (item.html_type != 'AGE_JSON') {
-              if (isDef) {
-                if (hasDef || [0, '0'].includes(hasDef) || isNaN(hasDef)) {
-                  return;
-                }
-              }
-              let values = 'year';
-              const curUnit = (item.val_key_unit && this.hanldeGetFieldValue(item.val_key_unit)) || '';
-              if (item.option && item.option.length > 0) {
-                values = curUnit?.toLowerCase() || item.option[0].value.toLowerCase();
-              }
-              this.$set(item, 'ageRes', birthdayInfo);
-              this.$set(item, 'isFillAge', true);
-              this.hanldeSetFieldsValue(
-                {
-                  [item.val_key]: birthdayInfo[values]
-                },
-                item
-              );
-
-              // 推算年龄的单位
-              this.handleSetAgeUnit(birthdayInfo, item);
-            }
-
-            if (item.html_type == 'AGE_JSON') {
-              if (isDef) {
-                if (hasDef && hasDef.days > 0) {
-                  return;
-                }
-              }
-              const curDateStr = v.format('YYYY-MM-DD');
-              let obj = formUtils.getAgeInfo(curDateStr);
-              this.hanldeSetFieldsValue({
-                [item.val_key]: { ...obj, days: birthdayInfo.day }
-              });
-            }
-            this.handlerInputBlur(item);
-          }
-        });
-      } else {
-        mapList.forEach(item => {
-          const { validate } = item;
-          if (validate && validate.obj_type == 'age') {
-            this.$set(item, 'useFormValue', '');
-            this.handlerInputBlur(item);
-          }
-        });
-      }
-    },
-
-    handleBirthdayToAge(v) {
-      const res = {};
-      const curDateStr = v.format('YYYY-MM-DD');
-      const [year, month, day] = curDateStr.split('-');
-      const d = new Date();
-      const monthFloor = d.getMonth() + 1 < parseInt(month, 10) || (d.getMonth() + 1 == parseInt(month, 10) && d.getDate() < parseInt(day, 10)) ? 1 : 0;
-      let age = d.getFullYear() - parseInt(year, 10) - monthFloor;
-      if (age < 0) {
-        age = 0;
-      }
-      res.year = isNaN(age) ? '' : age;
-      res.day = this.$moment(d).diff(this.$moment(new Date(curDateStr)), 'days') || 0;
-      res.month = this.$moment(d).diff(this.$moment(new Date(curDateStr)), 'months') || 0;
-      return res;
-    },
-
-    /** 默认的电话号码校验 */
-    handlecheckPhone(item = {}) {
-      const checkingInput = this.baseForm.getFieldValue(item.val_key);
-      const selectedReg = /(^[0-9]{11,11}$)/;
-      if (!checkingInput) return { status: 'noPass' };
-      if (!selectedReg.test(checkingInput)) {
-        this.baseForm.setFields({
-          [item.val_key]: {
-            value: checkingInput,
-            errors: [
-              {
-                message: `请输入正确的手机号码`
-              }
-            ]
-          }
-        });
-        return { status: 'noPass' };
-      }
-    },
-
-    handleTriggerCheck(item) {
-      if (['PHONE_TYPE', 'IDCARD_TYPE'].includes(item.html_type)) {
-        let mapList = this.defaultFieldList;
-        if (item.group) {
-          mapList = this.defaultFieldList.filter(v => v.group == item.group);
-        }
-        let targetList = mapList.filter(t => t.validate && ['mobile', 'telephone', 'id_card'].includes(t.validate.vali_obj));
-        targetList.forEach(v => {
-          this.checkMultipleIdCard(v);
-        });
-      }
-    },
-
-    getFormValue() {
-      // this.$parent.handleFormatSubmit
-      return this.handleGetAllFormValue();
-    },
-
-    // 普通下拉框设置open值
-    dropdownVisibleChange(e) {
-      this.$nextTick(() => {
-        this.open = e;
-      });
-    },
-
-    /** 出生日期推算年龄的单位
-     * @param {Object} ageInfo  {year: 0, day: 108, month: 3}
-     */
-    handleGetAgeUnit(ageInfo = {}) {
-      if (Object.keys(ageInfo || {}).length === 0) {
-        return;
-      }
-      const list = ['year', 'month', 'day'];
-
-      let f = list.find(v => ageInfo[v] > 0) || 'day';
-      return f;
-    },
-
-    /**
-     * 设置年龄组件的单位
-     * @param {*} ageInfo
-     * @param {*} item
-     */
-    handleSetAgeUnit(ageInfo, item) {
-      const { changeAgeSelect, handleGetAgeUnit } = this;
-      let f = handleGetAgeUnit(ageInfo);
-      if (f && item.val_key_unit) {
-        f = f.toLocaleUpperCase();
-        this.hanldeSetFieldsValue({
-          [item.val_key_unit]: f
-        });
-        if (typeof changeAgeSelect === 'function') {
-          changeAgeSelect(f, item);
-        }
-      }
-    },
-
-    /**
-     * 年龄组件的单位改变
-     * @param {String} val YEAR 、 MONTH、 DAY
-     * @param {Object} item
-     * @returns
-     */
-    changeAgeSelect(val, item) {
-      const { mainForm } = this;
-      const values = val.toLowerCase();
-      const matchAgeItem = this.defaultFieldList.find(v => v.html_type == 'AGE' && v.validate?.obj_type == 'age');
-      if (matchAgeItem && matchAgeItem.isFillAge) {
-        const mapList = this.defaultFieldList;
-        mapList.forEach(v => {
-          const { validate, html_type } = v;
-          if (validate && validate.obj_type == 'age' && html_type == 'AGE') {
-            item.ageRes = v.ageRes;
-            this.hanldeSetFieldsValue(
-              {
-                [v.val_key]: v.ageRes[values]
-              },
-              v
-            );
-          }
-        });
-      } else {
-        if (!item.ageRes) return;
-        this.hanldeSetFieldsValue(
-          {
-            [item.val_key]: item.ageRes[values]
-          },
-          item
-        );
-      }
-      this.$nextTick(() => {
-        mainForm.form.validateFields([item.val_key]);
-      });
-    },
-
-    /**
-     * 年龄推算出生日期
-     * @param {Number} val
-     * @param {String} f  year / day / month
-     * @param {Object} item
-     */
-    handleAgeToBirthDay(val, f, item) {
-      const fn = (val, key) => this.$moment().subtract(val, key);
-      let curVal = fn(val, f);
-      if (!curVal?._isAMomentObject) return;
-      let mapList = this.hanldeGetTargetList(item);
-      let target = mapList.find(v => v.validate && v.validate.obj_type == 'birthday');
-      if (target) {
-        this.hanldeSetFieldsValue(
-          {
-            [target.val_key]: curVal
-          },
-          target
-        );
-      }
-    }
-  },
-  watch: {}
-};