cnhis-design-vue 2.2.3 → 2.2.5

package/packages/big-table/src/components/edit-form/edit-mixins/form-commom.js

@@ -1,673 +0,0 @@
-import vexutils from '@/utils/vexutils';
-export const formCommom = {
-  /** 这里的方法 basefrom formitem 都引用， 注意使用 this.xxx 的值 */
-  props: { styleSetting: { type: Object, default: () => { } } },
-  computed: {
-    isFormBoldOpen() {
-      return function (item) {
-        let res = item.is_null == '0' && this.styleSetting.formBoldOpen;
-        return res;
-      };
-    },
-    // 组合组件 是否显示拖拽icon
-    showDragIcon() {
-      return function (item) {
-        let { combinationList = [] } = item || {};
-        if (!combinationList.length) return false;
-        // delete 之后是软删除 过滤 isCombinationHide=true
-        let showCombination = combinationList.filter(v => !v.isCombinationHide);
-        return showCombination?.length > 1;
-      };
-    }
-  },
-  beforeCreate() { },
-  created() { },
-  methods: {
-    // 获取表单默认值
-    handleGetdef(item) {
-      let defVal;
-      // let optionsList = Object.entries(item.option || {});
-      switch (item.html_type) {
-        case 'CHECKBOX_BLOCK':
-        case 'CHECKBOX':
-          defVal = this.handleGetcheckboxDef(item);
-          break;
-        case 'RADIO_BLOCK':
-        case 'RADIO':
-          defVal = this.transformStr(item);
-          defVal = this.handleSysParams(defVal);
-          if (!defVal && defVal !== 0) {
-            defVal = undefined;
-          }
-          break;
-        case 'RICH_TEXT':
-        case 'MAP':
-          defVal = this.defaultValue[item.name] || item.default_val || '';
-          defVal = this.handleSysParams(defVal);
-          break;
-        case 'TEXTAREA':
-          defVal = this.handlerFormatTextarea(item) || '';
-          break;
-        case 'INPUT':
-        case 'DIGITAL':
-        case 'COLOR':
-        case 'ICON':
-          defVal = this.handleGetTextDef(item);
-          break;
-        case 'DATE':
-        case 'TIME-INPUT':
-        case 'DATE-INPUT':
-        case 'DATETIME-INPUT':
-          defVal = this.handleGetdateTypeDef(item);
-          break;
-        case 'SELECT':
-        case 'PHONE_TYPE':
-        case 'IDCARD_TYPE':
-          defVal = this.getSelectVal(item);
-          break;
-        case 'UPFILE':
-        case 'UPPICTURE':
-          var def = this.defaultValue[item.name] || item.default_val;
-          if (typeof def === 'string') {
-            def = this.handleSysParams(def);
-          }
-          defVal = this.handlerDefaultUpload(def, 'values');
-          break;
-        case 'SEARCH':
-          defVal = this.handleSysParams(item.default_val || undefined) || this.defaultValue[item.name] || undefined;
-          break;
-        case 'SEARCH_MORE':
-          defVal = [];
-          break;
-        case 'SEARCH_CASCADE':
-        case 'LEVEL_SEARCH_CASCADE':
-        case 'LEVEL_SEARCH_CASCADE2':
-          defVal = this.getCascaderDef(item);
-          break;
-        case 'LABEL':
-          defVal = [];
-          break;
-        case 'GUAGE':
-          defVal = this.defaultValue[item.name];
-          break;
-        case 'SLIDER_COMPONENT':
-          defVal = this.getInitializeDef(item);
-          defVal = this.transformNumber(defVal);
-          break;
-        case 'SWITCH_COMPONENT':
-          defVal = this.getSwitchDef(item);
-          break;
-        case 'EVALUATE':
-          defVal = this.getInitializeDef(item);
-          break;
-        case 'AGE_JSON':
-          var d = this.getInitializeDef(item) || {};
-          if (vexutils.isJSON(d)) {
-            d = JSON.parse(d);
-          }
-          if (typeof d == 'object') {
-            Object.keys(d).forEach(v => {
-              d[v] = [-1, '-1'].includes(d[v]) ? '' : d[v];
-            });
-            defVal = Object.assign({ year: '', month: '', day: '', days: '' }, d);
-          } else {
-            defVal = { year: '', month: '', day: '', days: '' };
-          }
-          break;
-        case 'AGE':
-          defVal = this.defaultValue[item.name] || this.handleSysParams(item.default_val || '');
-          break;
-        default:
-          break;
-      }
-      if (item.html_type === 'ICON') {
-        this.defaultValue[item.name] = defVal;
-      }
-      return defVal;
-    },
-    getSwitchDef(item) {
-      let tempDef = this.getInitializeDef(item)
-      return tempDef === item?.open?.value
-
-    },
-    getInitializeDef(item) {
-      return this.handleSysParams(this.defaultValue[item.name] || item.default_val || '');
-    },
-
-    //  获取分组
-    hanldeGetTargetList(t = {}) {
-      if (t.group) {
-        return this.defaultFieldList.filter(v => v.group == t.group);
-      }
-      return this.defaultFieldList || [];
-    },
-
-    /** xxx def */
-    handleGetcheckboxDef(item) {
-      let optionsList = item.option;
-      var valList = [];
-      var checkboxVal = this.defaultValue[item.name] || item.default_val;
-      var checkboxList = [];
-      checkboxVal = this.handleSysParams(checkboxVal);
-      if (typeof checkboxVal === 'string') {
-        if (vexutils.isJSON(checkboxVal)) {
-          checkboxList = JSON.parse(checkboxVal);
-        } else {
-          checkboxList = checkboxVal ? checkboxVal.split(',') : [];
-        }
-      } else if (Array.isArray(checkboxVal)) {
-        checkboxList = checkboxVal;
-      }
-      //  checkboxList = checkboxVal ? checkboxVal.split(",") : [];
-      checkboxList = Array.isArray(checkboxList) ? checkboxList : [];
-      checkboxList.forEach(v => {
-        optionsList.forEach(j => {
-          if (j.text == v || j.value == v) {
-            valList.push(String(v));
-          }
-        });
-      });
-      return valList || [];
-    },
-
-    handleGetTextDef(item) {
-      let defVal = '';
-      var def = this.defaultValue[item.name];
-      var propsDef = def || (def !== '' && def === 0) ? def : this.handleSysParams(item.data_value || item.default_val);
-      defVal = propsDef || propsDef === 0 ? propsDef : undefined;
-      if (item.html_type === 'DIGITAL') {
-        defVal = defVal ? +defVal : defVal;
-      }
-      return defVal;
-    },
-
-    handlerFormatTextarea(data) {
-      let defVal = this.defaultValue[data.name] || data.default_val || '';
-      defVal = this.handleSysParams(defVal);
-      if (!defVal) {
-        return '';
-      } else if (defVal instanceof Object) {
-        // 如是 Textarea 类型但传来的默认值是 Object 或 Array
-        return JSON.stringify(defVal);
-      }
-      return defVal;
-    },
-
-    handleGetdateTypeDef(item) {
-      var propsDate = this.defaultValue[item.name] || item.default_val;
-      if (item.condition === 'IN_THE_PAST' || item.condition === 'IN_THE_FUTURE') {
-        propsDate = this.handleDateCondition(item);
-      } else {
-        propsDate = this.handleSysParams(propsDate);
-      }
-      let dateType = this.handlerGetDateType(item);
-      if (dateType == 'HH:mm:ss' || dateType == 'HH:mm') {
-        return propsDate && this.$moment(propsDate, dateType).isValid() ? this.$moment(propsDate, dateType) : null;
-      } else {
-        if (dateType === 'YYYY-MM-DD HH:mm:ss' && propsDate) {
-          // 配置了 YYYY-MM-DD HH:mm:ss 格式， 但是传来的参数是 '2021-5-18'，默认补上 '00:00:00'。
-          if (typeof propsDate === 'string') {
-            let [, h] = propsDate.split(' ');
-            if (!h) {
-              propsDate = `${propsDate} 00:00:00`;
-            }
-          }
-        }
-        return propsDate && this.$moment(new Date(propsDate), dateType).isValid() ? this.$moment(new Date(propsDate), dateType) : null;
-      }
-    },
-    // 日期默认解析
-    handleDateCondition(item) {
-      let { condition, attr, unit = 'DAY', default_val } = item;
-      let format = this.handlerGetDateType(item);
-      let useTime,
-        count = Number(default_val) || 0;
-      let getUnit = unit.toLowerCase();
-      let useUnit = getUnit + 's';
-      if (condition == 'IN_THE_PAST') {
-        useTime = this.$moment().subtract(count, useUnit);
-      } else {
-        useTime = this.$moment().add(count, useUnit);
-      }
-      let res = useTime.format(format);
-      if (attr == 'startDate') {
-        res = useTime.startOf('day').format(format);
-      } else if (attr == 'endDate') {
-        res = useTime.endOf('day').format(format);
-      }
-      return res;
-    },
-    handlerDefaultUpload(data, type = 'default') {
-      let currentData;
-      let fileList;
-      if (vexutils.isJSON(data)) {
-        currentData = JSON.parse(data);
-      } else {
-        currentData = data;
-      }
-
-      if (currentData instanceof Array) {
-        currentData.forEach(item => {
-          item.thumbUrl = item.url;
-          item.uid = (-Math.random()).toString();
-          item.status = 'done';
-        });
-        fileList = currentData;
-      } else if (typeof currentData === 'string' && currentData.length > 0) {
-        const currentList = currentData.split(',');
-        fileList = [];
-        currentList.forEach(v => {
-          if (v) {
-            fileList.push({
-              url: v,
-              thumbUrl: v,
-              uid: (-Math.random()).toString(),
-              name: 'name',
-              status: 'done'
-            });
-          }
-        });
-      } else {
-        fileList = [];
-      }
-      if (type === 'default') {
-        return fileList;
-      } else {
-        return { fileList: fileList };
-      }
-    },
-
-    getCascaderDef(v) {
-      try {
-        const is_multi = v.is_multi == '1';
-        let defaultValue = this.defaultValue[v.name] || v.default_val;
-        if (typeof defaultValue === 'string') {
-          defaultValue = this.handleSysParams(defaultValue);
-          if (!vexutils.isJSON(defaultValue)) {
-            return [];
-          }
-        }
-        if (!defaultValue) return [];
-        if (defaultValue.includes('objStr')) {
-          if (is_multi) {
-            const multiData = this.handleGetJsonStr(defaultValue);
-            const objs = multiData['objs'] || [];
-            const objStrList = [];
-            objs.forEach(e => {
-              objStrList.push(e.objStr.split('/'));
-            });
-            return [...objStrList];
-          } else {
-            defaultValue = this.handleGetJsonStr(defaultValue).objStr;
-          }
-        }
-        if (typeof defaultValue == 'string') {
-          if (defaultValue.includes('_')) {
-            defaultValue = defaultValue.split('_');
-          } else {
-            defaultValue = defaultValue.split('/');
-          }
-        }
-
-        if (!Array.isArray(defaultValue)) {
-          defaultValue = [];
-        } else {
-          defaultValue = defaultValue.filter(Boolean);
-        }
-        return is_multi ? [] : defaultValue || [];
-      } catch (error) {
-        console.log(error);
-        return [];
-      }
-    },
-
-    getSelectVal(data) {
-      let targetStr = this.transformDefStr(data) || '';
-
-      if (['SELECT', 'PHONE_TYPE', 'IDCARD_TYPE'].includes(data.html_type)) {
-        // 传来的默认值
-        targetStr = String(targetStr);
-        // 环境变量
-        targetStr = this.handleSysParams(targetStr);
-        if (!Array.isArray(data.option)) return targetStr;
-
-        let f = data.option.find(o => o.value == targetStr);
-        if (f) {
-          return targetStr;
-        } else {
-          // SELECT 都没又默认去第一个
-          // let valList = Object.values(data.option);
-          // let curVal = valList.find(e => !!e);
-          const curVal = data.option[0] && data.option[0].value;
-          return curVal;
-        }
-      } else {
-        return targetStr;
-      }
-    },
-
-    transformDefStr(item) {
-      var def = this.defaultValue[item.name];
-      var propsDef = def || (def !== '' && def == 0) ? def : item.default_val;
-      let defVal = propsDef || propsDef == 0 ? propsDef : '';
-      defVal = String(defVal);
-      return defVal;
-    },
-    /** xxx def */
-
-    handleGetJsonStr(str) {
-      // {objs:[],objstr:''}, {type: 'jsonb', value: "{objs:[],objstr:''}"}
-      let resObj = {};
-      if (vexutils.isJSON(str)) {
-        resObj = JSON.parse(str);
-      } else {
-        resObj = typeof str === 'string' ? {} : str;
-      }
-      if (resObj && !resObj.objs && resObj.value) {
-        if (vexutils.isJSON(resObj.value)) {
-          resObj = JSON.parse(resObj.value);
-          // loop
-          if (resObj.type === 'jsonb') {
-            resObj = this.handleGetJsonStr(resObj);
-          }
-        }
-      }
-      return resObj;
-    },
-
-    handleGetItemDefVal(item = {}) {
-      let defVal = this.defaultValue[item.name] || item.default_val || '';
-      defVal = this.handleSysParams(defVal);
-      return defVal;
-    },
-
-    // 变量解析
-    handleSysParams(str) {
-      // let sysData = this.userInfo.map.sysParams;
-      let p = {
-        form: { ...this.defaultValue },
-        sys: this?.userInfo?.map?.sysParams || {},
-        db: { ...(this.dbParams || {}) }
-      };
-      // let isEmpty = v => Object.keys(v || {}).length;
-      const that = this;
-      const getVal = (t, r, k) => {
-        return t.replace(r, function () {
-          var pKey = arguments[1];
-          var pls = pKey.split('!');
-          var plsList = pls.slice(1);
-          var l = [];
-          plsList.forEach(v => {
-            let c = v;
-            if (v.includes('.')) {
-              var [_k, _v] = v.split('.');
-              c = typeof p[_k] === 'object' ? p[_k][_v] : '';
-            }
-            if (c || c == 0) {
-              l.push(c);
-            }
-          });
-          var f = l.find(v => v || v == 0);
-          var res = p[k][pls[0]];
-          res = that.$utils.notEmpty(res) ? res : '';
-          if (pls.length > 1) {
-            return res || f;
-          }
-          return res;
-        });
-      };
-      if (typeof str === 'string') {
-        if (str.includes('form')) {
-          str = getVal(str, /\${form.(.*?)\}/g, 'form');
-        }
-        if (str.includes('sys')) {
-          str = getVal(str, /\${sys.(.*?)\}/g, 'sys');
-        }
-        if (str.includes('db')) {
-          str = getVal(str, /\${db.(.*?)\}/g, 'db');
-        }
-      }
-      if ((!str && str != 0) || ['undefined', 'null'].includes(str)) {
-        str = '';
-      }
-      return str;
-    },
-
-    // 获取日期格式
-    handlerGetDateType(data) {
-      let dateType;
-      switch (data.html_type) {
-        case 'DATETIME-INPUT':
-          dateType = 'YYYY-MM-DD HH:mm:ss';
-          break;
-        case 'DATE-INPUT':
-          dateType = 'YYYY-MM-DD';
-          break;
-        case 'TIME-INPUT':
-          dateType = 'HH:mm:ss';
-          break;
-        case 'DATE':
-          data.date_format = data.date_format && data.date_format.replace(/yyyy/gi, 'YYYY');
-          dateType = (data.date_format || 'YYYY-MM-DD')
-            .replace(/yyyy-MM-dd/gi, 'YYYY-MM-DD')
-            .replace(/hh:mm:ss/gi, 'HH:mm:ss')
-            .replace(/hh:mm/gi, 'HH:mm');
-          break;
-        default:
-          dateType = data.date_format || 'YYYY-MM-DD';
-          break;
-      }
-      return dateType;
-    },
-
-    // 获取身份证上的信息
-    handlerGetIdcatInfo(idNo) {
-      let parseInner = (certificateNo, idxSexStart, birthYearSpan) => {
-        let res = {};
-        let idxSex = 1 - (certificateNo.substr(idxSexStart, 1) % 2);
-        // 女: "2" 男: "1"
-        res.sex = idxSex == '1' ? '2' : '1';
-
-        let year = (birthYearSpan == 2 ? '19' : '') + certificateNo.substr(6, birthYearSpan);
-        let month = certificateNo.substr(6 + birthYearSpan, 2);
-        let day = certificateNo.substr(8 + birthYearSpan, 2);
-        res.birthday = year + '-' + month + '-' + day;
-
-        let d = new Date();
-        let monthFloor = d.getMonth() + 1 < parseInt(month, 10) || (d.getMonth() + 1 == parseInt(month, 10) && d.getDate() < parseInt(day, 10)) ? 1 : 0;
-        // res.age = d.getFullYear() - parseInt(year, 10) - monthFloor;
-        res.year = d.getFullYear() - parseInt(year, 10) - monthFloor;
-        res.day = this.$moment(d).diff(this.$moment(new Date(res.birthday)), 'days');
-        res.month = this.$moment(d).diff(this.$moment(new Date(res.birthday)), 'months');
-        return res;
-      };
-      return parseInner(idNo, idNo.length == 15 ? 14 : 16, idNo.length == 15 ? 2 : 4);
-    },
-
-    // 根据末次月经时间推算预产期、孕周、孕阶段等
-    handlerSetMenstrual(v, i) {
-      let mapList = this.hanldeGetTargetList(i);
-
-      if (!v) {
-        // function CompareDate(param) {  }
-        mapList.forEach(item => {
-          const { validate } = item;
-          if (validate) {
-            switch (validate.obj_type) {
-              case 'due_date':
-                this.$set(item, 'useFormValue', '');
-                break;
-              case 'gestational_weeks':
-                this.$set(item, 'useFormValue', '');
-                break;
-              case 'gestational_weeks_week':
-                this.$set(item, 'useFormValue', '');
-                break;
-              case 'gestational_weeks_day':
-                this.$set(item, 'useFormValue', '');
-                break;
-              case 'gestational_stage':
-                this.$set(item, 'useFormValue', '');
-                break;
-              default:
-                break;
-            }
-          }
-        });
-      }
-      if (!v || v.type === 'blur') return;
-      const curDateStr = v.format('YYYY-MM-DD');
-      const nowDateStr = vexutils.toDateString(new Date(), 'yyyy-MM-dd');
-      let timeDiff;
-      if (CompareDate(curDateStr, nowDateStr)) {
-        timeDiff = vexutils.getDateDiff(curDateStr, nowDateStr);
-      } else if (curDateStr == nowDateStr) {
-        timeDiff = { time: 0 };
-      } else if (CompareDate(nowDateStr, curDateStr)) {
-        timeDiff = vexutils.getDateDiff(nowDateStr, curDateStr);
-        timeDiff.time = -timeDiff.time;
-      }
-      if (!timeDiff) return;
-      const [year, month, day] = curDateStr.split('-');
-      let gestationalWeeks, gestation, dueDate; // 孕周 孕期 预产期
-      const w = parseInt(timeDiff.time / 3600 / 24 / 1000 / 7);
-      const d = (timeDiff.time / 3600 / 24 / 1000) % 7;
-      gestationalWeeks = `${w}周${d}天`;
-      if (d >= 0 && w >= 0 && w <= 12) {
-        gestation = '孕早期';
-      } else if (w > 12 && w <= 25) {
-        gestation = '孕中期';
-      } else if (w > 25) {
-        gestation = '孕晚期';
-      }
-      let dueDateM = parseInt(month) + 9 > 12 ? parseInt(month) - 3 : parseInt(month) + 9;
-      dueDateM = dueDateM >= 10 ? dueDateM : '0' + dueDateM;
-      const dueDateY = parseInt(month) + 9 > 12 ? parseInt(year) + 1 : year;
-      dueDate = vexutils.toDateString(vexutils.getWhatDay(`${dueDateY}-${dueDateM}-${day}`, 7), 'yyyy-MM-dd');
-      // function CompareDate(param) {  }
-      mapList.forEach(item => {
-        const { validate } = item;
-        if (validate) {
-          switch (validate.obj_type) {
-            case 'due_date':
-              this.hanldeSetFieldsValue(
-                {
-                  [item.val_key]: this.$moment(dueDate, 'YYYY-MM-DD')
-                },
-                item
-              );
-              break;
-            case 'gestational_weeks':
-              this.hanldeSetFieldsValue(
-                {
-                  [item.val_key]: gestationalWeeks
-                },
-                item
-              );
-              break;
-            case 'gestational_weeks_week':
-              this.hanldeSetFieldsValue(
-                {
-                  [item.val_key]: w
-                },
-                item
-              );
-              break;
-            case 'gestational_weeks_day':
-              this.hanldeSetFieldsValue(
-                {
-                  [item.val_key]: d
-                },
-                item
-              );
-              break;
-            case 'gestational_stage':
-              this.hanldeSetFieldsValue({ [item.val_key]: gestation }, item);
-              break;
-            default:
-              break;
-          }
-        }
-      });
-      function CompareDate(d1, d2) {
-        return new Date(d1.replace(/-/g, '/')) < new Date(d2.replace(/-/g, '/'));
-      }
-    },
-
-    transformNumber(val) {
-      if (val) {
-        let resVal = +val;
-        // marks
-        return isNaN(resVal) ? 0 : resVal;
-      }
-      return undefined;
-    },
-
-    transformStr(item) {
-      var def = this.defaultValue[item.name];
-      var propsDef = def || (def !== '' && def == 0) ? def : item.default_val;
-      let defVal = propsDef || propsDef == 0 ? propsDef : '';
-      defVal = String(defVal);
-      return defVal;
-    },
-
-    /** form methods */
-    // TODE 目前支支持单个值
-    // 赋值给表单
-    hanldeSetFieldsValue(setObj = {}, item) {
-      const setVal = { ...setObj };
-      if (typeof setVal === 'object') {
-        let list = Object.entries(setVal || {});
-        list.forEach(f => {
-          let [key, value] = f;
-          if (!key) return;
-          if (item) {
-            this.defaultValue[item.name] = value;
-          } else {
-            if (this.formFieldObj[key]) {
-              let name = this.formFieldObj[key].name;
-              name && (this.defaultValue[name] = value);
-            }
-          }
-          this.$set(item, 'useFormValue', value);
-        });
-      }
-    },
-
-    // 获取
-    hanldeGetFieldValue(item, key) {
-      return item?.useFormValue;
-    },
-
-    // 清空
-    hanldeResetFields(key) {
-      this.baseForm.resetFields();
-    },
-
-    // 获取表单的值
-    handleGetAllFormValue(submit, cache) {
-      // formItem 组件没有 hanldeGetSubmitParams 用 mainform 的
-      // const hanldeGetSubmitParams =
-      //   this?.hanldeGetSubmitParams || this?.mainForm?.hanldeGetSubmitParams || false;
-      let submData = Object.assign({});
-      // if (typeof hanldeGetSubmitParams === "function") {
-      //   hanldeGetSubmitParams(submData);
-      // }
-      return submData;
-    },
-
-    handleGetFieldsError(key) {
-      /* */
-      // let errInfo = this.baseForm?.getFieldsError();
-    },
-
-    RandomId(len) {
-      return (
-        Math.random()
-          .toString(36)
-          .substr(3, len) + new Date().getTime()
-      );
-    }
-    /** form methods */
-  }
-};

package/packages/big-table/src/components/edit-form/edit-mixins/index.js

@@ -1,3 +0,0 @@
-import { formCommom } from "./form-commom";
-
-export { formCommom };