cnhis-design-vue 2.2.3 → 2.2.6

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

@@ -1,577 +0,0 @@
-import vexutils from '@/utils/vexutils';
-import utils from '@/utils/utils-map';
-
-export default {
-  methods: {
-    // 行数据解析逻辑
-    formatData(
-      data = {
-        tableList: [],
-        fieldList: [],
-        btnList: [],
-        oldtableData: [],
-        showButtonTop: 0,
-        isNestTabel: false,
-        mainTableTheUniqueKey: "",
-        mainTableRow: {},
-        nestTableId: ""
-      }
-    ) {
-      let {
-        tableList,
-        fieldList,
-        btnList,
-        oldtableData,
-        showButtonTop,
-        isNestTabel,
-        mainTableTheUniqueKey,
-        mainTableRow,
-        nestTableId
-      } = data;
-      const { nobutton = false } = this.options?.config || {}; //  调用表格，设置表格是否要按钮操作。
-      return tableList.map((item, index) => {
-        if (isNestTabel) {
-          // 嵌套列表中, 点击子表需要获取主表theUniqueKey, 所以格式化子表数据时, 保存主表 theUniqueKey
-          this.$set(item, "__mainTableTheUniqueKey__", mainTableTheUniqueKey);
-          this.$set(item, "__isNestTabel__", isNestTabel);
-          this.$set(item, "__mainTableRow__", mainTableRow);
-          this.$set(item, "__nestTableId__", nestTableId);
-        }
-        this.$set(item, 'my_index', item.theUniqueKey); // 因为存在树形表格，这里一定要用theUniqueKey，后面才能找到对应节点
-        this.$set(item, 'isClick', false);
-        this.$set(item, 'isChecked', false);
-        item._triggerMethodField = this.triggerMethodField;
-        let originalValue = {}; // 记录修改前的值
-        Object.keys(item).forEach(key => {
-          originalValue[key] = item[key];
-          if (vexutils.isPlainObject(item[key])) {
-            item[key] = JSON.stringify(item[key]);
-          }
-          let matchFieldList = fieldList.find(field => field.columnName === key);
-          if (!matchFieldList) return;
-          // attrType colorAndIcon 在 formatData 方法外处理的。
-          let { attrType, colorAndIcon, settingObj } = matchFieldList || {};
-          if (!attrType) {
-            matchFieldList.attrType = settingObj?.attr || undefined;
-          }
-          if (!colorAndIcon) {
-            matchFieldList.colorAndIcon = settingObj?.colorAndIcon || undefined;
-          }
-
-          // 将字段为百分数类型的值 先转化
-          if (item[key] && matchFieldList?.settingObj?.attr === 'PERCENTAGE') {
-            if (vexutils.isNumber(+item[key])) {
-              // item[key] = ((+item[key] > 1 ? 1 : +item[key]) * 1000000) / 10000 + "%";
-              item[key] = this.accMul(+item[key], 100) + '%';
-            }
-          }
-          if (vexutils.isString(item[key])) {
-            if (matchFieldList && matchFieldList.attrType) {
-              if (item[key] && (item[key].includes('http://') || item[key].includes('https://')) && matchFieldList.attrType != 'PICTURE') {
-                if (utils.isJSON(item[key])) {
-                  item[key] = JSON.parse(item[key]);
-                }
-              }
-              // MULTISELECT PICTURE FILE
-              if (matchFieldList.attrType == 'FILE') {
-                item[key] = this.handleJson(item[key], 'str', '');
-              } else if (matchFieldList.attrType == 'MULTISELECT') {
-                if (utils.isJSON(item[key])) {
-                  item[key] = JSON.parse(item[key]);
-                }
-                item[key] = this.handleMULTISELECT(item[key], 'objStr');
-              } else if (matchFieldList.attrType == 'LABEL') {
-                if (utils.isJSON(item[key])) {
-                  item[key] = JSON.parse(item[key]);
-                  if (!item[key].labels) {
-                    item[key] = this.handleJson(item[key], 'type', 'labelStr');
-                  }
-                }
-                if (item[key]) {
-                  let labels = item[key].labels || item[key].split(',');
-                  let curHtml = [];
-                  if (labels?.length > 0) {
-                    curHtml = this.handleLabel(labels);
-                  }
-                  item[key] = this.source === 'guageChoice' ? curHtml.join('、') : curHtml.join('');
-                }
-              } else if (matchFieldList.attrType == 'CASCADE') {
-                if (utils.isJSON(item[key])) {
-                  item[key] = JSON.parse(item[key]);
-                }
-                item[key] = this.handleJson(item[key], 'type', 'objStr');
-              } else if (matchFieldList.attrType == 'EVALUATE') {
-                let str = item[key];
-                if (utils.isJSON(str)) {
-                  let obj = JSON.parse(str);
-                  item[key] = obj.star ? `${obj.star}星` : '';
-                } else {
-                  item[key] = str;
-                }
-              } else if (matchFieldList.attrType == 'MAP') {
-                let str = item[key];
-                if (utils.isJSON(str)) {
-                  let obj = JSON.parse(str);
-                  item[key] = obj.address || '';
-                } else {
-                  item[key] = str;
-                }
-              } else if (matchFieldList.attrType == 'PICTURE' && utils.isJSON(item[key])) {
-                let pics = JSON.parse(item[key]);
-                pics = pics.map(ii => ii.url);
-                item[key] = pics.join(',');
-              }
-            } else if (item[key].includes('http://') || item[key].includes('https://')) {
-              try {
-                item[key] = JSON.parse(item[key]);
-                item[key] = this.handleJson(item[key], 'str', '');
-              } catch (e) {
-                e;
-              }
-            }
-            // 样式处理
-            if (item[key] && vexutils.isString(item[key]) && item[key].startsWith('###{')) {
-              let temp = JSON.parse(item[key].replace('###', ''));
-              // 格式化时间
-              if ('tooltip' in temp) {
-                item[key] = temp;
-                // item[key] = temp.value;
-              } else {
-                if (this.source === 'guageChoice') {
-                  item[key] = temp.change_text;
-                } else {
-                  if (temp.background != '#ffffff') {
-                    item[key] = `<span class="field-span" style="color:${temp.background}"><span class="${temp.icon}"></span>${temp.change_text || ''}</span>`;
-                  } else {
-                    item[key] = temp.change_text;
-                  }
-                }
-              }
-            }
-
-          }
-          let SPANTAG_REGEXP = /<\/?span.*?>/g;
-          if (item[key] && matchFieldList && matchFieldList.colorAndIcon && !SPANTAG_REGEXP.test(item[key])) {
-            let { colorAndIcon = [] } = matchFieldList;
-            if (colorAndIcon && colorAndIcon.length) {
-              let findC = colorAndIcon.find(c =>
-                vexutils.parseCondition(
-                  c.condition,
-                  {
-                    form: {},
-                    table: { ...oldtableData[index] },
-                    sys: {}
-                  },
-                  fieldList
-                )
-              );
-              if (findC) {
-                if (this.source !== 'guageChoice') {
-                  item[key] = `<span style="color:${findC.color}"><span class="${findC.icon}"></span>${item[key] || ''}</span>`;
-                }
-              }
-            }
-          }
-        });
-        if (item.operatorColumn) {
-          this.$set(item, 'btnList', []);
-          this.$set(item, 'allBtnList', []);
-          this.$set(item, 'tileBtnList', []);
-          this.$set(item, 'foldBtnList', []);
-          let btnLinks = [];
-          if (!nobutton) {
-            btnList.forEach(btn => {
-              let rowOperatorId = item.operatorColumn.find(v => v.includes(btn.sid));
-              if (rowOperatorId) {
-                /** 获取按钮的操作对象 */
-                if (btn.isShow == '1') {
-                  if (btn.type == 'LINK') {
-                    btnLinks.push(btn.name);
-                    // 如果是 switch 类型的 需要取原始值(###开头的值会被解析,switch的有一套自己的解析逻辑)
-                    let settingObj = Array.isArray(btn.settingObj) ? btn.settingObj[0] : btn.settingObj;
-                    const name = btn.name;
-                    if (settingObj && settingObj.linkShowType == 'switch') {
-                      item[name] = originalValue[name] || item[name];
-                    }
-                  }
-                  item.btnList.push(btn);
-                  item.allBtnList.push(btn);
-                  if (!this.isPrintBtn(btn)) {
-                    // 不是打印按钮才显示在列表的操作按钮
-                    if (btn.toggle == 'fold') {
-                      // if (showButtonTop == 1) {
-                      //   if (
-                      //     ["EDIT", "DELETE"].includes(btn.type) &&
-                      //     btn.showStyle == "only_icon"
-                      //   ) {
-                      //     item.foldBtnList.push(btn);
-                      //     item.showOperatorBtn = true;
-                      //   }
-                      // } else {
-                      //   item.foldBtnList.push(btn);
-                      // }
-                      item.foldBtnList.push(btn);
-                    } else {
-                      // if (showButtonTop == 1) {
-                      //   if (
-                      //     ["EDIT", "DELETE"].includes(btn.type) &&
-                      //     btn.showStyle == "only_icon"
-                      //   ) {
-                      //     item.tileBtnList.push(btn);
-                      //     item.showOperatorBtn = true;
-                      //   }
-                      // } else {
-                      //   item.tileBtnList.push(btn);
-                      // }
-                      item.tileBtnList.push(btn);
-                    }
-                  }
-                }
-              } else if (btn.type == 'ADD' || btn.type == 'BATCH') {
-                btn.isShow == '1' ? item.allBtnList.push(btn) : null;
-              }
-            });
-          }
-
-          this.$set(item, 'btnLinks', btnLinks);
-        }
-        fieldList.forEach(field => {
-          if (field.fieldType == 'DATE' || field.fieldType == 'DATETIME' || field.fieldType == 'TIME') {
-            if (field.settingObj && field.settingObj.attr == 'BIRTHDAY' && field.settingObj.format) {
-              let year = 31536000000;
-              let nowDate = +new Date();
-              let curAge, curStr, mmdd;
-              let hasAge = field.settingObj.format.includes('age');
-              if (vexutils.isNumber(+item[field.columnName])) {
-                curStr = new Date(+item[field.columnName]).toLocaleDateString().replace(/\//g, '-');
-              } else {
-                curStr = item[field.columnName];
-              }
-              if (!curStr) return;
-              let curDate = +new Date(curStr.replace((/-/g, '/')));
-              if (hasAge) {
-                mmdd = curStr.split('-');
-                mmdd.shift();
-                curAge = parseInt((nowDate - curDate) / year);
-                if (curAge < 0 || isNaN(curAge)) {
-                  curAge = 0;
-                }
-                item[field.columnName] = field.settingObj.format == 'age' ? curAge + '岁' : mmdd.join('-') + `（${curAge}岁）`;
-              } else {
-                item[field.columnName] = vexutils.toDateString(curStr, field.settingObj.format);
-              }
-            } else if (vexutils.isNumber(+item[field.columnName])) {
-              item[field.columnName] = utils.formatTime(field.fieldType, item[field.columnName]);
-            } else if (utils.isJSON(field.guageSetting)) {
-              let guageSetting = JSON.parse(field.guageSetting);
-              if (guageSetting.startToStop === '1') {
-                try {
-                  let arr = JSON.parse(item[field.columnName]);
-                  item[field.columnName] = arr.join('~');
-                } catch {
-                  item[field.columnName] = '';
-                }
-              }
-            }
-          }
-          if (field.settingObj && field.settingObj.attr == 'WEBSITE') {
-            if (item[field.columnName]) {
-              let showKey = field.columnName;
-              let showName = '';
-              if (field.settingObj.websiteAttr) {
-                if (field.settingObj.websiteAttr.startsWith('table.')) {
-                  showKey = field.settingObj.websiteAttr.split('.')[1];
-                } else {
-                  showName = field.settingObj.websiteAttr;
-                }
-              }
-              showName = showName ? showName : item[showKey] || item[field.columnName];
-              if (this.source === 'guageChoice') {
-                item[field.columnName] = showName;
-              } else {
-                item[field.columnName] = `<span ><a href="${item[field.columnName]}" title="${item[field.columnName]}" target="_blank">${showName}</a></span>`;
-              }
-            }
-          } else if (field.fieldSetting) {
-            item.fieldSetting = field.fieldSetting;
-          }
-
-          // 处理量表数据
-          if (field.guageType) {
-            const { guageType, columnName, guageSetting, settingObj = {} } = field;
-            let guageSettingObj = '';
-            if (utils.isJSON(guageSetting)) {
-              guageSettingObj = JSON.parse(guageSetting);
-            }
-            if (guageType == 'CHECKBOX_BLOCK' || guageType == 'EVALUATE_CHECKBOX_BLOCK') {
-              if (utils.isJSON(item[columnName])) {
-                item[columnName] = JSON.parse(item[columnName]).join(',');
-              }
-            } else if (guageType == 'SELECT') {
-              if (guageSettingObj.isMultiple) {
-                if (utils.isJSON(item[columnName])) {
-                  item[columnName] = item[columnName] ? JSON.parse(item[columnName]).join(',') : '';
-                }
-              }
-            } else if (guageType == 'SEARCH_CASCADE') {
-              if (item[columnName]) {
-                if (utils.isJSON(item[columnName])) {
-                  item[columnName] = JSON.parse(item[columnName]).join(',');
-                } else {
-                  if (Array.isArray(item[columnName])) {
-                    item[columnName] = item[columnName].join(',');
-                  }
-                }
-              }
-            } else if (guageType == 'DATE' || guageType == 'TIME') {
-              if (guageSettingObj.startToStop == 1) {
-                item[columnName] = item[columnName] ? JSON.parse(item[columnName]).join(',') : '';
-              }
-            } else if (guageType == 'LOCATION') {
-              if (utils.isJSON(item[columnName])) {
-                const valObj = JSON.parse(item[columnName]);
-                item[columnName] = valObj.address || valObj.name || '';
-              }
-            } else if (guageType == 'LABEL' && settingObj.attr !== 'LABEL') {
-              if (utils.isJSON(item[columnName])) {
-                item[columnName] = JSON.parse(item[columnName]);
-                if (!item[columnName].labels) {
-                  item[columnName] = this.handleJson(item[columnName], 'type', 'labelStr');
-                }
-              }
-              if (item[columnName]) {
-                let { labels } = item[columnName];
-                let curHtml = [];
-                if (labels && utils.isJSON(labels)) {
-                  labels = JSON.parse(labels);
-                }
-                if (Array.isArray(labels) && labels?.length > 0) {
-                  curHtml = this.handleLabel(labels);
-                }
-                item[columnName] = this.source === 'guageChoice' ? curHtml.join('、') : curHtml.join('');
-              }
-            } else if (guageType == 'ADDRESS') {
-              if (utils.isJSON(item[columnName])) {
-                var valObj = JSON.parse(item[columnName]);
-                let p = valObj.province?.label || '';
-                let c = valObj.city?.label || '';
-                let a = valObj.area?.label || '';
-                let d = valObj.address || '';
-                if (!!p & !c & !a & !d) {
-                  item[columnName] = `${p}`;
-                } else if (!!p & !!c & !a & !d) {
-                  item[columnName] = `${p}/${c}`;
-                } else if (!!p & !!c & !!a & !d) {
-                  item[columnName] = `${p}/${c}/${a}`;
-                } else if (!!p & !!c & !!a & !!d) {
-                  item[columnName] = `${p}/${c}/${a}/${d}`;
-                }
-              }
-            }
-          }
-
-          // 过滤"{}" "[]" 字符串
-
-          if (item[field.columnName] == '[]' || item[field.columnName] == '{}') {
-            item[field.columnName] = '';
-          }
-        });
-
-        if (item.children) {
-          item.childrenList = item.children;
-          item.hasChildren = true;
-          delete item.children;
-          this.formatData({
-            tableList: item.childrenList,
-            fieldList,
-            btnList,
-            oldtableData,
-            showButtonTop
-          });
-        }
-        return item;
-      });
-    },
-    isPrintBtn(btn) {
-      if (!btn.settingList) return false;
-      const copySettingObj = JSON.parse(btn.settingList);
-      let settingObj = {};
-      if (Array.isArray(copySettingObj)) {
-        settingObj = copySettingObj[0];
-      } else {
-        settingObj = copySettingObj;
-      }
-      return settingObj.trigger_type === 'PRINT';
-    },
-    /**
-     * 量表下拉框为数据源时 需要解析数据
-     * @param {*} labels
-     */
-    handleLabel(labels) {
-      return labels.map(v => {
-        if (this.source === 'guageChoice') {
-          return v.labelName || v;
-        } else {
-          let color = '#5585f5';
-          if (v?.color?.includes('-')) {
-            color = '#5585f5';
-          } else {
-            color = v.color || '#5585f5';
-          }
-          return `<span class="table-label" style="background: ${color}; border-color: ${color}; color: #fff;">${v.labelName || v}</span>`;
-        }
-      });
-    },
-    handleJson(target, func, type) {
-      if (target && target.length > 0) {
-        if (func == 'str') {
-          target = this.toStr(target);
-        } else if (func == 'type') {
-          target = this.dataTypeFormat(target, type);
-        }
-      } else if (target.value && target.value.length > 0) {
-        if (func == 'str') {
-          target = this.toStr(JSON.parse(target.value));
-        } else if (func == 'type') {
-          target = this.dataTypeFormat(JSON.parse(target.value), type);
-        }
-      } else {
-        if (target[type]) {
-          return target[type];
-        }
-        // 没有解析的属性 “type” 返回空，避免列表展示出 json 字符串
-        return '';
-      }
-      return target;
-    },
-    // 单独处理搜索多选
-    handleMULTISELECT(target, type) {
-      if (Array.isArray(target)) {
-        return '';
-      } else {
-        target = this.dataTypeFormat(target, type);
-        return target;
-      }
-    },
-    // 处理表格中附件
-    toStr(list) {
-      let text = [];
-      if (!Array.isArray(list) || list.length === 0) return '';
-      list.forEach(obj => {
-        let res = `<span ><a href="${obj.url}" target="_blank">${obj.name}</a></span>`;
-        if (this.source === 'guageChoice') {
-          res = obj.name;
-        }
-        text.push(res);
-      });
-      if (this.source === 'guageChoice') {
-        return text.join('、');
-      }
-      return text.join(',');
-    },
-    // MULTISELECT 搜索多选
-    dataTypeFormat(list, type) {
-      let text = '';
-
-      if (Array.isArray(list)) return text || list;
-      if (vexutils.isPlainObject(list)) {
-        text = list[type];
-      } else {
-        return text;
-      }
-      return text;
-    },
-    /**
-     * 判断按钮是弹框/抽屉
-     * pop  右侧弹窗
-     * dialog    对话框
-     * skipPage  跳转新页面
-     * skipPopPage  跳转同一新页面
-     * get    发送ajax请求（get)
-     * post    发送ajax请求（post)
-     * @param {*} trigger_type
-     * @param {*} display
-     * @param {*} isAbout
-     */
-    showTablePop(trigger_type, display, isAbout) {
-      const notlist = ['SQLSAVE', 'API', 'PAGE_LAYOUT', 'LINK_ADDRESS'];
-      if (!notlist.includes(trigger_type) || (trigger_type == 'PAGE_LAYOUT' && display != 'skipPage') || (trigger_type == 'LINK_ADDRESS' && ['pop', 'dialog'].includes(display))) {
-        switch (display) {
-          case 'dialog':
-          case 'fullScreenDialog':
-            this.modalVisible = true;
-            break;
-          case 'skipPage':
-            break;
-          default:
-            if (isAbout) {
-              this.visible = trigger_type != 'ABOUT_ITEM';
-            } else {
-              this.visible = true;
-            }
-            break;
-        }
-        this.slotName = 'btn';
-      }
-    },
-    /**
-     * 百分比精度计算
-     */
-    accMul(value, percent) {
-      var m = 0,
-        s1 = value.toString(),
-        s2 = percent.toString();
-      try {
-        let len = s1.split('.')[1]?.length || 0;
-        m += len;
-      } catch (e) {
-        console.log(e);
-      }
-      try {
-        let len = s2.split('.')[1]?.length || 0;
-        m += len;
-      } catch (e) {
-        console.log(e);
-      }
-
-      return (Number(s1.replace('.', '')) * Number(s2.replace('.', ''))) / Math.pow(10, m);
-    },
-    parseDom(arg) {
-      const objE = document.createElement('div');
-      objE.innerHTML = arg;
-      return objE.childNodes;
-    },
-    /**
-     * @description: 将HTML格式转换为纯文本
-     */
-    htmlToText(HTML) {
-      var input = HTML;
-      return input
-        .replace(/<(style|script|iframe)[^>]*?>[\s\S]+?<\/\1\s*>/gi, '')
-        .replace(/<[^>]+?>/g, '')
-        .replace(/\s+/g, ' ')
-        .replace(/ /g, ' ')
-        .replace(/>/g, ' ');
-    },
-
-    checkHtml(str) {
-      var reg = /<[^>]+>/g;
-      return reg.test(str);
-    },
-
-    /**
-     * 树形数据平铺
-     */
-    formatTransFormList (list, pid, total)  {
-      if (!list.length) return;
-      list.forEach(item => {
-        item._row_field = item[this.handleRowId] || item['theUniqueKey']
-        item._parent_field = pid
-        total.push(item);
-        if (item.childrenList?.length) {
-          this.formatTransFormList(item.childrenList, item._row_field, total);
-        }
-      });
-    }
-  }
-};