cnhis-design-vue 2.2.3 → 2.2.5

package/packages/form-table/src/components/table-component/mixins/dateType.js

@@ -1,217 +0,0 @@
-import vexutils from '@/utils/vexutils';
-export default {
-  methods: {
-    // 日期组件支持相互约束配置
-    disabledDatePicker(current, item) {
-      if (!item.validate) return;
-      const momentFormat = item?.validate?.momentFormat || "days";
-      if (!item.validate.max_date && item.validate.min_date) {
-        if (item.validate.min_date === "currTime") {
-          return current && current < this.$moment().startOf(momentFormat);
-        } else if (item.validate.min_date) {
-          return current && current < this.$moment(item.validate.min_date);
-        }
-      }
-      if (!item.validate.min_date && item.validate.max_date) {
-        if (item.validate.max_date === "currTime") {
-          return current >= this.$moment().endOf(momentFormat);
-        } else if (item.validate.max_date) {
-          return current && current >= this.$moment(item.validate.max_date).endOf(momentFormat);
-        }
-      }
-      if (item.validate.min_date && item.validate.max_date) {
-        if (item.validate.min_date != "currTime" && item.validate.max_date != "currTime") {
-          return (
-            (current && current < this.$moment(item.validate.min_date)) ||
-            (current && current >= this.$moment(item.validate.max_date).endOf(momentFormat))
-          );
-        } else if (item.validate.min_date == "currTime" && item.validate.max_date != "currTime") {
-          return (
-            (current && current < this.$moment().startOf("days")) ||
-            (current && current >= this.$moment(item.validate.max_date).endOf(momentFormat))
-          );
-        } else if (item.validate.min_date != "currTime" && item.validate.max_date == "currTime") {
-          return (
-            (current && current < this.$moment(item.validate.min_date)) ||
-            current >= this.$moment().endOf(momentFormat)
-          );
-        } else if (item.validate.min_date == "currTime" && item.validate.max_date == "currTime") {
-          return (
-            (current && current < this.$moment().startOf("days")) ||
-            current >= this.$moment().endOf(momentFormat)
-          );
-        }
-      }
-    },
-
-    // 日期选择组件 时间选择面板 约束
-    disabledTimePicker(current, item) {
-      if (!item.validate) return;
-      if (item.date_format === "YYYY-MM-dd HH:mm:ss") {
-        if (vexutils.isEmpty(item.validate.timeRange) || !item.validate.isSpliceHour) {
-          this.disabledMethodTimeRange(item);
-        }
-      }
-      const { timeRange = {} } = item.validate;
-      if (!vexutils.isEmpty(timeRange)) {
-        const { hArr = [], mArr = [], sArr = [] } = timeRange;
-        let hRange = this.range(hArr[0], hArr[1]);
-        if (item.date_format === "YYYY-MM-dd HH:mm:ss") {
-          if (item.validate.isSpliceHour) {
-            const length = hArr[1] - hArr[0];
-            const tempRange = this.range(0, 24);
-            tempRange.splice(hArr[0], length + 1);
-            hRange = tempRange;
-          }
-        }
-        let diff = 0;
-        // 如果 min_date = 'currTime' 时间禁用的“分”,“秒” 减 1 ,避免“当前时间（时分秒）”选不了
-        if (
-          ["startDate", "endDate"].includes(item.attr) &&
-          "currTime" == item?.validate?.min_date
-        ) {
-          diff = 1;
-        }
-        return {
-          disabledHours: () => hRange,
-          disabledMinutes: () => this.range(mArr[0], mArr[1] - diff),
-          disabledSeconds: () => this.range(sArr[0], sArr[1] - diff * 5)
-        };
-      }
-    },
-
-    openTimeChange(open, item) {
-      this.open = open;
-      if (!item.validate) return;
-      if (!open) {
-        this.$nextTick(() => {
-          this.$set(item.validate, "setCurrTime", false);
-        });
-      }
-    },
-
-    // 时间选择器 约束
-    disabledHours(item, type) {
-      if (!item.validate) return;
-      if (vexutils.isEmpty(item.validate.timeRange) || !item.validate.isSpliceHour) {
-        this.disabledMethodTimeRange(item);
-      }
-      const { timeRange = {} } = item.validate;
-      if (!vexutils.isEmpty(timeRange)) {
-        const { hArr = [], mArr = [], sArr = [] } = timeRange;
-        let hRange = this.range(hArr[0], hArr[1]);
-        if (item.validate.min_date && item.validate.max_date) {
-          const length = hArr[1] - hArr[0];
-          const tempRange = this.range(0, 24);
-          tempRange.splice(hArr[0], length + 1);
-          hRange = tempRange;
-        }
-        if (type === "h") {
-          return () => hRange;
-        } else if (type === "m") {
-          return () => this.range(mArr[0], mArr[1]);
-        } else if (type === "s") {
-          return () => this.range(sArr[0], sArr[1]);
-        }
-      }
-    },
-
-    disabledMethodTimeRange(item) {
-      const currTime = new Date().valueOf();
-      if (!item.validate) return;
-      if (
-        ((item.validate.max_date === "currTime" && item.attr === "startDate") ||
-          (item.validate.min_date === "currTime" && item.attr === "endDate")) &&
-        !item.validate.setCurrTime
-      ) {
-        this.$set(item.validate, "setCurrTime", true);
-        item.validate.timeRange = this.handleCompareTimeRange(currTime, item, "match");
-        item.validate.currTime = currTime;
-      }
-      if (
-        ((item.validate.min_date === "currTime" && item.attr === "startDate") ||
-          (item.validate.max_date === "currTime" && item.attr === "endDate")) &&
-        !item.validate.setCurrTime
-      ) {
-        this.$set(item.validate, "setCurrTime", true);
-        item.validate.timeRange = this.handleCompareTimeRange(currTime, item, "compare");
-        item.validate.currTime = currTime;
-      }
-    },
-
-    handleCompareTimeRange(time, item, type) {
-      let timeRange = {};
-      const h = this.$moment(time).hour();
-      const m = this.$moment(time).minute();
-      const s = this.$moment(time).second();
-      if (
-        (type === "compare" && item.attr === "startDate") ||
-        (type === "match" && item.attr === "endDate")
-      ) {
-        timeRange = this.setTimeRangeArr(0, h, 0, m, 0, s + 1);
-      } else if (
-        (type === "compare" && item.attr === "endDate") ||
-        (type === "match" && item.attr === "startDate")
-      ) {
-        timeRange = this.setTimeRangeArr(h + 1, 24, m + 1, 60, s, 60);
-      }
-      return timeRange;
-    },
-
-    setTimeRangeArr(hMin, HMax, mMin, mMax, sMin, sMax) {
-      const timeRange = {};
-      timeRange.hArr = [hMin, HMax];
-      timeRange.mArr = [mMin, mMax];
-      timeRange.sArr = [sMin, sMax];
-      return timeRange;
-    },
-
-    range(start, end) {
-      const result = [];
-      for (let i = start; i < end; i++) {
-        result.push(i);
-      }
-      return result;
-    },
-
-    openDateChange(open, item) {
-      let c = this?.$refs?.dataPickerRef?.$refs?.picker;
-      let dateType = this.handlerGetDateType(item);
-      if (open) {
-        setTimeout(() => {
-          if (c && !c.sValue) {
-            let v = this.$moment(new Date(), dateType);
-            this.autoVal = v;
-            c.setState({
-              sValue: v,
-              showDate: v
-            });
-            // c.handleChange(v);
-          }
-        }, 16);
-      } else {
-        if (c && c.sValue && this.autoVal) {
-          let v = c.sValue.format(dateType);
-          if (v === this.autoVal.format(dateType)) {
-            // c.handleChange(null);
-            c.setState({
-              sValue: null,
-              showDate: null
-            });
-          }
-        }
-      }
-      if (item.date_format === "YYYY-MM-dd HH:mm:ss") {
-        this.openTimeChange(open, item);
-      }
-      this.open = open;
-      // 获取焦点时，判断当前在第几个表单项
-      if (open) {
-        let index = this.shortcutFieldsList.findIndex(i => i.val_key == item.val_key);
-        if (index != -1) {
-          this.mainForm.parentIndex = index;
-        }
-      }
-    }
-  }
-};

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

@@ -1,257 +0,0 @@
-// import { mapGetters } from 'vuex';
-import validate from "../../table-item/validate-rules";
-import { formEvent } from "../../table-item/index";
-import { formCommom } from "../../table-mixins/index";
-import boundDate from "./bound-date";
-import vexutils from '@/utils/vexutils';
-export default {
-  mixins: [validate, formEvent, formCommom, boundDate],
-  components: {},
-  data() {
-    return {};
-  },
-  inject: {
-    formTable: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  props: {
-    mainForm: {
-      type: Object,
-      default: () => ({})
-    },
-    userInfo: {
-      type: Object,
-      default: () => ({})
-    },
-    styleSetting: {
-      type: Object,
-      default: () => ({})
-    },
-    defaultValue: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    dbParams: {
-      type: Object
-    },
-    row: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    item: {
-      type: Object,
-      default: () => {
-        return {
-          _own: {}
-        };
-      }
-    },
-    defaultFieldList: {
-      type: Array,
-      default: () => {
-        return [];
-      }
-    },
-    cacheUniqueKey: {
-      type: Object,
-      default: () => {
-        return {
-          _own: {}
-        };
-      }
-    },
-    params_formId: [String, Number],
-    formType: {
-      type: Object,
-      default: () => {
-        return {
-          _own: {}
-        };
-      }
-    },
-    isDetail: {
-      type: Boolean,
-      default: false
-    },
-    handleFormTableValue: Function
-  },
-  beforeCreate() {
-    // this.formFieldListCopy = [];
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.defaultInit();
-    });
-  },
-  computed: {
-    hasErr() {
-      let key = `__${this.item.val_key}-errorMsg__`;
-      let err = this.item?.[key];
-      return err;
-    }
-  },
-  methods: {
-    hanldegetUniqueKey(id) {
-      return this.cacheUniqueKey[id];
-    },
-    handleSysParams(str) {
-      // let sysData = this.userInfo.map.sysParams;
-      let p = {
-        form: { ...this.defaultValue },
-        sys: this?.userInfo?.map?.sysParams || {},
-        db: { ...(this.dbParams || {}) }
-      };
-      str = vexutils.handleSysParams(str, p);
-      if ((!str && str != 0) || ["undefined", "null"].includes(str)) {
-        str = "";
-      }
-      return str;
-    },
-    defaultInit() {
-      const { validate = {}, name, default_val, html_type } = this.item;
-      let targetStr = this.defaultValue[name] || default_val;
-      targetStr = this.handleSysParams(targetStr);
-      let isInitBlur = targetStr || String(targetStr) === "0";
-
-      // 搜索多选 空值默认不先校验
-      if (html_type == "SEARCH_MORE") {
-        isInitBlur = false;
-      }
-      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);
-      } else if (isInitBlur) {
-        // console.log(isInitBlur, "---targetStr---targetStr", name);
-        // 如果满足上面的条件，这里就不用触发了，避免重复处理
-        // 默认值有值触发表单绑定的事件。
-        this.handleTableBlur({}, { eventType: "init" });
-      }
-    },
-    handleTableBlur(e, config = {}) {
-      console.log("触发----handleTableBlur---handleTableBlur");
-      const { validate, html_type, val_key } = this.item;
-      let value = this.row[val_key];
-      let { validate: isValidate, errorMsg } = this.handleGetRules(value, this.item);
-      let key = `__${val_key}-errorMsg__`;
-      let err = errorMsg;
-      if (isValidate) {
-        err = undefined;
-      }
-
-      if (this.item.attr === "startDate" || this.item.attr === "endDate") {
-        this.isBoundDate(e, this.item);
-      }
-
-      // 数字框计算
-      if (["DIGITAL"].includes(html_type)) {
-        this.hanldeOperational(this.item);
-      }
-
-      // 设置校验信息
-      this.$set(this.item, key, err);
-      this.$emit("tableBlur", this.item, this.row, config);
-
-      // 阻止默认事件
-      e?.preventDefault && e.preventDefault();
-      e?.stopPropagation && e.stopPropagation();
-    },
-    handleFormParams(str) {
-      const { row } = this;
-      if (!str) return "";
-      return str.replace(/\${(.*?)\}/g, function() {
-        var pKey = arguments[1];
-        var pls = pKey.split("!");
-        var plsList = pls.slice(1);
-        var f = plsList.find(v => v || v == 0);
-        return row[pls[0]] || f || "";
-      });
-    },
-    // radio文字颜色
-    radioColor() {
-      return function(p, isOnlyRead) {
-        let def = isOnlyRead ? "#212121" : "rgba(0, 0, 0, 0.65)";
-        return p?.color || def;
-      };
-    },
-    /** 出生日期推算年龄的单位
-     * @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 {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
-        );
-      }
-    },
-    /**
-     * 年龄组件的单位改变
-     * @param {String} val YEAR 、 MONTH、 DAY
-     * @param {Object} item
-     * @returns
-     */
-    changeAgeSelect(val, item) {
-      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 (!this.ageRes) return;
-        this.hanldeSetFieldsValue(
-          {
-            [item.val_key]: this.ageRes[values]
-          },
-          item
-        );
-      }
-      this.$nextTick(() => {
-        this.handleTableBlur();
-        // mainForm.form.validateFields([item.val_key]);
-      });
-    }
-  },
-  watch: {}
-};