cnhis-design-vue 2.1.56 → 2.1.58

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

@@ -1,557 +1,557 @@
-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, ' ');
-    }
-  }
-};
+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, ' ');
+    }
+  }
+};