cnhis-design-vue 2.1.78 → 2.1.80

package/packages/scale-view/mixin/index.js

@@ -1,337 +1,337 @@
-import { parseColorAndIconHTML } from "@/common/utils/tableParse";
-import vexutils from '@/utils/vexutils';
-
-export default {
-  methods: {
-    // 行数据解析逻辑
-    formatData(data) {
-      let { tableList = [], fieldList = [] } = data;
-      for (let index = 0; index < tableList.length; index++) {
-        let item = tableList[index];
-        item._triggerMethodField = this.triggerMethodField;
-        for (let key in item) {
-          if (vexutils.isPlainObject(item[key])) {
-            item[key] = JSON.stringify(item[key]);
-          }
-          let matchFieldList = fieldList.find(field => field.columnName === key);
-          // 将字段为百分数类型的值 先转化
-          if (item[key] && matchFieldList?.settingObj?.attr === "PERCENTAGE") {
-            if (vexutils.isNumber(+item[key])) {
-              item[key] = ((+item[key] > 1 ? 1 : +item[key]) * 10000) / 100 + "%";
-            } else {
-              item[key] = "";
-            }
-          }
-          if (vexutils.isString(item[key])) {
-            if (matchFieldList && matchFieldList.attrType) {
-              if (
-                item[key] &&
-                (item[key].includes("http://") || item[key].includes("https://")) &&
-                matchFieldList.attrType != "PICTURE"
-              ) {
-                if (vexutils.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 (vexutils.isJSON(item[key])) {
-                  item[key] = JSON.parse(item[key]);
-                }
-                item[key] = this.handleMULTISELECT(item[key], "objStr");
-              } else if (matchFieldList.attrType == "LABEL") {
-                if (vexutils.isJSON(item[key])) {
-                  item[key] = JSON.parse(item[key]);
-                  item[key] = item[key].labelStr;
-                }
-              } else if (matchFieldList.attrType == "CASCADE") {
-                if (vexutils.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 (vexutils.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 (vexutils.isJSON(str)) {
-                  let obj = JSON.parse(str);
-                  item[key] = obj.address || "";
-                } else {
-                  item[key] = str;
-                }
-              } else if (matchFieldList.attrType == "PICTURE" && vexutils.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;
-              }
-            }
-            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: { ...tableList[index] },
-                      sys: {}
-                    },
-                    fieldList
-                  )
-                );
-                if (findC) {
-                  item[key] = parseColorAndIconHTML(item[key], findC);
-                }
-              }
-            }
-          }
-        }
-        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] = vexutils.formatTime(
-                field.fieldType,
-                item[field.columnName]
-              );
-            } else if (vexutils.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];
-              item[field.columnName] = `<a href="${item[field.columnName]}" title="${item[field.columnName]
-                }" target="_blank">${showName}</a>`;
-            }
-          } else if (field.fieldSetting) {
-            item.fieldSetting = field.fieldSetting;
-          }
-
-          // 处理量表数据
-          if (field.guageType) {
-            const { guageType, columnName, guageSetting, settingObj = {} } = field;
-            let guageSettingObj = "";
-            if (vexutils.isJSON(guageSetting)) {
-              guageSettingObj = JSON.parse(guageSetting);
-            }
-            if (guageType == "CHECKBOX_BLOCK") {
-              if (vexutils.isJSON(item[columnName])) {
-                item[columnName] = JSON.parse(item[columnName]).join(",");
-              }
-            } else if (guageType == "SELECT") {
-              if (guageSettingObj.isMultiple) {
-                if (vexutils.isJSON(item[columnName])) {
-                  item[columnName] = item[columnName] ? JSON.parse(item[columnName]).join(",") : "";
-                }
-              }
-            } else if (guageType == "SEARCH_CASCADE") {
-              if (item[columnName]) {
-                if (vexutils.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 (vexutils.isJSON(item[columnName])) {
-                const valObj = JSON.parse(item[columnName]);
-                item[columnName] = valObj.address || valObj.name || "";
-              }
-            } else if (guageType == "LABEL" && settingObj.attr !== "LABEL") {
-              if (vexutils.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 && vexutils.isJSON(labels)) {
-                  labels = JSON.parse(labels);
-                }
-                if (Array.isArray(labels) && labels?.length > 0) {
-                  curHtml = labels.map(v => {
-                    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>`;
-                  });
-                }
-                item[columnName] = curHtml.join("");
-              }
-            } else if (guageType == "ADDRESS") {
-              if (vexutils.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
-          });
-        }
-      }
-      return tableList;
-    },
-    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 => {
-        text.push(`<a href="${obj.url}" target="_blank">${obj.name}</a>`);
-      });
-      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;
-    }
-  }
-};
+import { parseColorAndIconHTML } from "@/common/utils/tableParse";
+import vexutils from '@/utils/vexutils';
+
+export default {
+  methods: {
+    // 行数据解析逻辑
+    formatData(data) {
+      let { tableList = [], fieldList = [] } = data;
+      for (let index = 0; index < tableList.length; index++) {
+        let item = tableList[index];
+        item._triggerMethodField = this.triggerMethodField;
+        for (let key in item) {
+          if (vexutils.isPlainObject(item[key])) {
+            item[key] = JSON.stringify(item[key]);
+          }
+          let matchFieldList = fieldList.find(field => field.columnName === key);
+          // 将字段为百分数类型的值 先转化
+          if (item[key] && matchFieldList?.settingObj?.attr === "PERCENTAGE") {
+            if (vexutils.isNumber(+item[key])) {
+              item[key] = ((+item[key] > 1 ? 1 : +item[key]) * 10000) / 100 + "%";
+            } else {
+              item[key] = "";
+            }
+          }
+          if (vexutils.isString(item[key])) {
+            if (matchFieldList && matchFieldList.attrType) {
+              if (
+                item[key] &&
+                (item[key].includes("http://") || item[key].includes("https://")) &&
+                matchFieldList.attrType != "PICTURE"
+              ) {
+                if (vexutils.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 (vexutils.isJSON(item[key])) {
+                  item[key] = JSON.parse(item[key]);
+                }
+                item[key] = this.handleMULTISELECT(item[key], "objStr");
+              } else if (matchFieldList.attrType == "LABEL") {
+                if (vexutils.isJSON(item[key])) {
+                  item[key] = JSON.parse(item[key]);
+                  item[key] = item[key].labelStr;
+                }
+              } else if (matchFieldList.attrType == "CASCADE") {
+                if (vexutils.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 (vexutils.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 (vexutils.isJSON(str)) {
+                  let obj = JSON.parse(str);
+                  item[key] = obj.address || "";
+                } else {
+                  item[key] = str;
+                }
+              } else if (matchFieldList.attrType == "PICTURE" && vexutils.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;
+              }
+            }
+            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: { ...tableList[index] },
+                      sys: {}
+                    },
+                    fieldList
+                  )
+                );
+                if (findC) {
+                  item[key] = parseColorAndIconHTML(item[key], findC);
+                }
+              }
+            }
+          }
+        }
+        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] = vexutils.formatTime(
+                field.fieldType,
+                item[field.columnName]
+              );
+            } else if (vexutils.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];
+              item[field.columnName] = `<a href="${item[field.columnName]}" title="${item[field.columnName]
+                }" target="_blank">${showName}</a>`;
+            }
+          } else if (field.fieldSetting) {
+            item.fieldSetting = field.fieldSetting;
+          }
+
+          // 处理量表数据
+          if (field.guageType) {
+            const { guageType, columnName, guageSetting, settingObj = {} } = field;
+            let guageSettingObj = "";
+            if (vexutils.isJSON(guageSetting)) {
+              guageSettingObj = JSON.parse(guageSetting);
+            }
+            if (guageType == "CHECKBOX_BLOCK") {
+              if (vexutils.isJSON(item[columnName])) {
+                item[columnName] = JSON.parse(item[columnName]).join(",");
+              }
+            } else if (guageType == "SELECT") {
+              if (guageSettingObj.isMultiple) {
+                if (vexutils.isJSON(item[columnName])) {
+                  item[columnName] = item[columnName] ? JSON.parse(item[columnName]).join(",") : "";
+                }
+              }
+            } else if (guageType == "SEARCH_CASCADE") {
+              if (item[columnName]) {
+                if (vexutils.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 (vexutils.isJSON(item[columnName])) {
+                const valObj = JSON.parse(item[columnName]);
+                item[columnName] = valObj.address || valObj.name || "";
+              }
+            } else if (guageType == "LABEL" && settingObj.attr !== "LABEL") {
+              if (vexutils.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 && vexutils.isJSON(labels)) {
+                  labels = JSON.parse(labels);
+                }
+                if (Array.isArray(labels) && labels?.length > 0) {
+                  curHtml = labels.map(v => {
+                    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>`;
+                  });
+                }
+                item[columnName] = curHtml.join("");
+              }
+            } else if (guageType == "ADDRESS") {
+              if (vexutils.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
+          });
+        }
+      }
+      return tableList;
+    },
+    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 => {
+        text.push(`<a href="${obj.url}" target="_blank">${obj.name}</a>`);
+      });
+      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;
+    }
+  }
+};