cnhis-design-vue 2.1.56 → 2.1.57

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

@@ -1,639 +1,639 @@
-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: {}
-};
+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: {}
+};