cnhis-design-vue 3.1.17-beta.9 → 3.1.18-beta.10

package/es/components/big-table/src/utils2.js

@@ -0,0 +1,630 @@
+import { nextTick } from 'vue';
+import XEUtils from 'xe-utils';
+import 'moment';
+import img from '../../../shared/assets/img/xb_small.js';
+
+const isJSON = (str) => {
+  if (typeof str == "string") {
+    try {
+      const obj = JSON.parse(str);
+      return !!(typeof obj == "object" && obj);
+    } catch (e) {
+      return false;
+    }
+  }
+  return false;
+};
+const getEvaluate = (row, item) => {
+  const str = row[item.columnName];
+  if (isJSON(str)) {
+    const obj = JSON.parse(str);
+    return obj.star ? `${obj.star}\u661F` : "";
+  }
+  return str;
+};
+const getMapVal = (row, item) => {
+  const str = row[item.columnName];
+  if (isJSON(str)) {
+    const obj = JSON.parse(str);
+    return obj.address || "";
+  }
+  return str;
+};
+const getageShowType = (row, item) => {
+  const objStr = row[item.columnName];
+  if (isJSON(objStr)) {
+    const obj = JSON.parse(objStr);
+    const days = obj.days || 0;
+    if (days > 0) {
+      if (days < 91) {
+        return `${days} \u5929`;
+      } else if (90 < days && days < 365) {
+        return `${Math.floor(days / 30)} \u4E2A\u6708`;
+      } else if (365 < days && days < 1095) {
+        return `${obj.year} \u5C81 ${obj.month} \u6708`;
+      } else if (1095 < days) {
+        return `${obj.year}\u5C81`;
+      }
+    } else {
+      return "";
+    }
+  }
+  return objStr || "";
+};
+const getConObj = (arr, state) => {
+  var _a;
+  if (!Array.isArray(arr)) {
+    return [];
+  }
+  const conObj = [];
+  for (let i = 0; i < arr.length; i++) {
+    const item = arr[i];
+    let value = 0;
+    let limit_date = "";
+    if (item.EQ || item.CL) {
+      value = item.EQ || item.CL;
+      if (((_a = item.settingObj) == null ? void 0 : _a.attr) === "PERCENTAGE") {
+        value = Number(value) / 100;
+      }
+      if (item.EVALUATEAttr) {
+        value = item.selecteds.join("|#|");
+      }
+    } else if (!XEUtils.isEmpty(item.QUOTE)) {
+      value = item.QUOTE.join("|#|");
+    } else if (!XEUtils.isEmpty(item.CONVERT)) {
+      value = item.CONVERT.map((item2) => JSON.parse(item2));
+    } else if (item.DATE) {
+      if (item.DATE.start_val || item.DATE.end_val) {
+        item.DATE.con = "IN";
+      }
+      item.tempCon = item.DATE.con;
+      item.start_val = item.DATE.start_val ? item.DATE.start_val.format("YYYY-MM-DD HH:mm:ss") : "";
+      item.end_val = item.DATE.end_val ? item.DATE.end_val.format("YYYY-MM-DD HH:mm:ss") : "";
+    } else if (item.BIRTHDAY) {
+      let isChange = false;
+      if (item.BIRTHDAY.limit_date.length > 0 || item.BIRTHDAY.start_val || item.BIRTHDAY.end_val) {
+        item.BIRTHDAY.con = "IN";
+      }
+      item.tempCon = item.BIRTHDAY.con;
+      if (item.BIRTHDAY.start_val || item.BIRTHDAY.end_val) {
+        isChange = true;
+      } else {
+        isChange = false;
+      }
+      if (item.BIRTHDAY.start_val) {
+        const res2 = XEUtils.validateBirthday(item.BIRTHDAY.start_val, item.title, item.BIRTHDAY.unit);
+        if (!res2)
+          return;
+      }
+      if (item.BIRTHDAY.end_val) {
+        const res2 = XEUtils.validateBirthday(item.BIRTHDAY.end_val, item.title, item.BIRTHDAY.unit);
+        if (!res2)
+          return;
+      }
+      if (+item.BIRTHDAY.start_val > +item.BIRTHDAY.end_val) {
+        window.$message.warning(`${item.title}\u8BF7\u8F93\u5165\u6709\u6548\u8303\u56F4`, 2);
+        return;
+      }
+      limit_date = state.limit_date || "";
+      item.unit = isChange ? item.BIRTHDAY.unit || "" : "";
+      item.start_val = item.BIRTHDAY.start_val || "";
+      item.end_val = item.BIRTHDAY.end_val || "";
+    } else if (item.LABELAttr) {
+      const valList = [];
+      item.labelSelectList.forEach((v) => {
+        valList.push(v.labelName);
+      });
+      value = valList.join("|#|");
+    } else if (item.EVALUATEAttr) {
+      value = item.selecteds.join("|#|");
+    }
+    const temp = {
+      field_key: item.columnName,
+      con: item.DATE || item.BIRTHDAY ? item.tempCon : item.con,
+      value,
+      limit_date: limit_date || "",
+      start_val: item.start_val || "",
+      end_val: item.end_val || "",
+      unit: item.unit || ""
+    };
+    conObj.push(temp);
+  }
+  const res = conObj.filter((item) => item.value || item.limit_date || item.start_val || item.end_val);
+  return res;
+};
+const reScrollFilterWrap = () => {
+  const filterWrapEl = document.querySelectorAll(".big-table-filter-wrap");
+  const checkboxWrapEl = filterWrapEl[filterWrapEl.length - 1].querySelector(".js-checkbox-wrap");
+  const tableScrollTop = checkboxWrapEl.scrollTop;
+  nextTick(() => {
+    checkboxWrapEl.scrollTop = tableScrollTop;
+  });
+};
+const showFilter = (field, columnName, event, props, state) => {
+  var _a, _b, _c;
+  if (props.isInlineOperating)
+    return false;
+  const target = event.target;
+  const FILTER_BOX_WIDTH = 400;
+  const FILTER_BOX_TOP_OFFSET = 20;
+  const transformWrap = document.body;
+  const { left: btnRectLeft, right: btnRectRight, top: btnRectTop, width: btnWidth } = target.getBoundingClientRect();
+  field.left = "initial";
+  field.right = "initial";
+  field.top = "initial";
+  const transformWrapWidth = transformWrap.clientWidth;
+  if (btnRectLeft + FILTER_BOX_WIDTH > transformWrapWidth) {
+    const transformWrapRight = (transformWrap == null ? void 0 : transformWrap.getBoundingClientRect().right) || 0;
+    field.right = transformWrapRight - btnRectRight - btnWidth / 2 + "px";
+  } else {
+    field.left = btnRectLeft + "px";
+  }
+  field.top = btnRectTop + FILTER_BOX_TOP_OFFSET + (props.filterTopOffset || 0) + "px";
+  field.visible = !field.visible;
+  const len = (_a = state.filterFields[columnName]) == null ? void 0 : _a.CONVERT.length;
+  field.checkAll = len === ((_c = (_b = state.filterFields[columnName]) == null ? void 0 : _b.filterItems) == null ? void 0 : _c.length);
+  field.indeterminate = !!len && len !== field.setting.showSetting.length;
+  field.searchFilterText = "";
+};
+const handleRowColumns = (rowColumns, columns, key) => {
+  rowColumns.map((item) => {
+    var _a;
+    const children = [];
+    let spliceIndex = -1;
+    const indexArr = [];
+    ((_a = item.list) == null ? void 0 : _a.length) && item.list.forEach((v) => {
+      const matchItem = columns == null ? void 0 : columns.find((column) => column[key] === v);
+      if (matchItem) {
+        const matchIndex = columns.findIndex((column) => column[key] === v);
+        indexArr.push(matchIndex);
+        delete matchItem.fixed;
+        children.push(matchItem);
+        columns.splice(matchIndex, 1);
+      }
+    });
+    const obj = {
+      title: item.title,
+      align: "center",
+      children
+    };
+    spliceIndex = Math.min(...indexArr);
+    spliceIndex > -1 && columns.splice(spliceIndex, 0, obj);
+  });
+};
+const handleGroupColums = (columns, props) => {
+  const { rowGroupSetting } = props;
+  if (!rowGroupSetting || !Object.keys(rowGroupSetting).length)
+    return columns;
+  const { firstRowGroup, secondRowGroup } = rowGroupSetting;
+  if (!firstRowGroup || !firstRowGroup.length)
+    return columns;
+  handleRowColumns(firstRowGroup, columns, "columnName");
+  if (!secondRowGroup || !secondRowGroup.length)
+    return columns;
+  handleRowColumns(secondRowGroup, columns, "title");
+  return columns;
+};
+const handlerInitSearchItem = (arr) => {
+  if (!Array.isArray(arr))
+    return;
+  arr.forEach((el) => {
+    var _a;
+    if (el.setting) {
+      el.setting = typeof el.setting == "string" ? JSON.parse(el.setting) : el.setting;
+      if (!XEUtils.isEmpty(el.setting.wordbook)) {
+        el["con"] = "QUOTE";
+        el["dataSource"] = [];
+        el["QUOTE"] = [];
+        return;
+      } else if (el.setting.showSetting && el.setting.showSetting.length > 0) {
+        el["con"] = "CONVERT";
+        el.setting.showSetting.forEach((set) => {
+          set["label"] = set.change_text;
+          set["value"] = JSON.stringify(set.filter);
+        });
+        el["CONVERT"] = [];
+        return;
+      }
+    }
+    if ((_a = el.fieldType) == null ? void 0 : _a.includes("DATE")) {
+      if (el.settingObj && el.settingObj.attr == "BIRTHDAY") {
+        el["con"] = "BIRTHDAY";
+        el["showDate"] = false;
+        el["marginx"] = "ml";
+      } else {
+        el["con"] = "DATE";
+        el["showDate"] = false;
+        el["marginx"] = "ml";
+        el["DATE"] = {
+          con: null,
+          start_val: null,
+          end_val: null
+        };
+      }
+    } else if (el.fieldType == "TEXT") {
+      el["con"] = "CL";
+      el["CL"] = "";
+    } else if (el.fieldType == "NUMBER") {
+      el["con"] = "EQ";
+      el["EQ"] = "";
+    } else if (el.fieldType == "JSONB") {
+      el["con"] = "EQ";
+      el["EQ"] = "";
+    }
+    if (el.setting.attr === "LABEL") {
+      el["con"] = "EQ";
+      el["LABELAttr"] = true;
+      el["labelSelectList"] = [];
+    }
+    if (el.setting.attr === "EVALUATE") {
+      el["con"] = "CL";
+      el["selecteds"] = [];
+      el["EVALUATEAttr"] = true;
+    }
+  });
+};
+const generateEditRender = (fieldItem) => {
+  if (fieldItem.columnName === "operatorColumn") {
+    return void 0;
+  }
+  return {
+    name: "EditInput",
+    enabled: fieldItem.isEdit == 1
+  };
+};
+const footerFieldSum = (list, field, conObj = [], props) => {
+  let sum = 0, count = 0;
+  const { fieldList = [] } = props.columnConfig;
+  list.forEach((i) => {
+    DFS(i, (node) => {
+      var _a, _b;
+      if (!node.childrenList || !node.childrenList.length) {
+        let isShow = true;
+        if (conObj.length) {
+          const paramObj = {
+            table: node,
+            form: {},
+            sys: ((_b = (_a = props == null ? void 0 : props.userInfo) == null ? void 0 : _a.map) == null ? void 0 : _b.sysParams) || {}
+          };
+          isShow = XEUtils.parseCondition(conObj, paramObj, fieldList);
+        }
+        if (isShow) {
+          const value = node[field] || 0;
+          sum += Number(value);
+          ++count;
+        }
+      }
+    });
+  });
+  return { sum, count };
+};
+const getFooterGroup = (columns, data, props) => {
+  const { groupCountMap } = props;
+  const res = [];
+  props.groupCountFields.forEach((item) => {
+    const tips = item.tips;
+    const color = item.color || "#000";
+    const unit = item.unit || "";
+    let value = item.defaultValue || 0;
+    if (item.range == "all") {
+      value = groupCountMap[item.key];
+    } else if (item.range == "page") {
+      const { sum = 0, count = 0 } = footerFieldSum(data, item.field, item.conObj, props);
+      value = count;
+      if (item.method == "avg") {
+        value = sum / count || 0;
+      } else if (item.method == "sum") {
+        value = sum;
+      }
+    }
+    value = XEUtils.round(value, 4);
+    res.push(`<span style="color: ${color}">${tips}\uFF1A${value}${unit}</span>`);
+  });
+  return res.join("\u3001");
+};
+const DFS = (node, fn) => {
+  if (!node)
+    return;
+  const stack = [node];
+  while (stack.length > 0) {
+    const first = stack.shift();
+    if (first) {
+      fn(first);
+    }
+    first.childrenList && first.childrenList.reverse().forEach((child) => {
+      stack.unshift(child);
+    });
+  }
+};
+const safeRandomNumber = () => {
+  return window.crypto.getRandomValues(new Uint32Array(1))[0];
+};
+const checkMethod = ({ row }) => {
+  return !row.forbiddenBatchSelect;
+};
+const visibleMethod = ({ row }) => {
+  return !row.$__SEPARATE;
+};
+const treeToList = (treeData) => {
+  const res = [];
+  const deepFilter = (arr, key) => {
+    if (arr.length > 0) {
+      arr.forEach((item) => {
+        if (!item.qianduan_id)
+          item.qianduan_id = item.theUniqueKey || safeRandomNumber();
+        item.qianduan_parent_id = key || null;
+        if (item.childrenList) {
+          deepFilter(item.childrenList, item.qianduan_id);
+          Reflect.deleteProperty(item, "childrenList");
+        }
+        res.push(item);
+      });
+    }
+  };
+  deepFilter(treeData);
+  return res;
+};
+const flattenRow = (row, newRow, newTheUniqueKeyArr, handleRowId) => {
+  newRow.push(row);
+  newTheUniqueKeyArr.push(row[handleRowId]);
+  if (row.childrenList && row.childrenList.length) {
+    row.childrenList.forEach((item) => {
+      if (item.childrenList && item.childrenList.length) {
+        flattenRow(item, newRow, newTheUniqueKeyArr, handleRowId);
+      } else {
+        newTheUniqueKeyArr.push(item[handleRowId]);
+        newRow.push(item);
+      }
+    });
+  }
+};
+const intersectRow = (checkedRow, newTheUniqueKeyArr, handleRowId) => {
+  const theUniqueKeyArr = [];
+  if (!checkedRow.length)
+    return 1;
+  checkedRow.forEach((item) => theUniqueKeyArr.push(item[handleRowId]));
+  if (!theUniqueKeyArr.length)
+    return 1;
+  if (theUniqueKeyArr.length !== newTheUniqueKeyArr.length)
+    return 1;
+  const res = theUniqueKeyArr.filter((x) => {
+    newTheUniqueKeyArr.includes(x);
+  });
+  return res.length;
+};
+const removeCheckedDisabledRows = (state) => {
+  if (state.checkedRows.length == 1 && !checkMethod({ row: state.checkedRows[0] })) {
+    state.checkedRows.pop();
+  }
+};
+const setFilterStatus = (state, props) => {
+  if (!state.filterFields || !Object.keys(state.filterFields).length)
+    return;
+  const val = props.quickSearchConfig;
+  if (!val || !val.length) {
+    const keys = Object.keys(state.filterFields);
+    keys.forEach((key) => {
+      state.filterFields[key]["CONVERT"] = [];
+    });
+    return false;
+  }
+  for (const key in state.filterFields) {
+    const item = state.filterFields[key];
+    item && (item["CONVERT"] = []);
+  }
+  val.forEach((item) => {
+    const itemKey = item.field_key;
+    if (itemKey in state.filterFields) {
+      if (!state.filterFields[item.field_key]) {
+        state.filterFields[item.field_key]["CONVERT"] = [];
+        return false;
+      }
+      const value = item.value;
+      state.filterFields[item.field_key]["CONVERT"] = value;
+    }
+  });
+};
+const getRowStyle = ({ row }) => {
+  if (row.rowColor) {
+    const rowRGBA = XEUtils.hexToRGBA(row.rowColor, 0.2);
+    const rowBg = `rgba(${rowRGBA.r}, ${rowRGBA.g}, ${rowRGBA.b}, ${rowRGBA.a})`;
+    return `background-color:${rowBg}`;
+  }
+  return null;
+};
+const handleTableHeight = (state, props) => {
+  var _a, _b;
+  if (!props.isNestTable)
+    return props.height;
+  const tableHeight = ((_a = props.styleSetting) == null ? void 0 : _a.tableHeight) || "table-simple";
+  const dataLen = ((_b = props.data) == null ? void 0 : _b.length) || 1;
+  const height = state.checkWidth[tableHeight] * dataLen + 90;
+  return `${height}px`;
+};
+const handleName = (item, key = "name") => {
+  return item.alias || item[key];
+};
+const formatField = (value) => {
+  if (value && typeof value == "string" && value.startsWith("###")) {
+    value = value.slice(3);
+    value = JSON.parse(value);
+    value = value.tooltip || value.value;
+  }
+  return value;
+};
+const handleImgArr = (imgs, type, imgs2imgArr) => {
+  if (type === "HEADPORTRAIT") {
+    if (!imgs)
+      imgs = img;
+  }
+  return imgs2imgArr(imgs);
+};
+const handleImgSrc = (curSrc, imageArr, type) => {
+  if (!imageArr || !imageArr.length)
+    return curSrc;
+  const matchItem = imageArr.find((item) => item.type === type);
+  if (!matchItem)
+    return curSrc;
+  if (matchItem.suffix)
+    return curSrc + matchItem.suffix;
+  let h = matchItem.h;
+  const w = matchItem.w;
+  if (matchItem.h === "adaptive" && matchItem.w != "adaptive") {
+    h = matchItem.w;
+  }
+  if (matchItem.w === "adaptive" && matchItem.h != "adaptive") {
+    h = matchItem.h;
+  }
+  const size = `_${h}x${w}`;
+  return curSrc + size;
+};
+const modalDetailImage = (imageArr, type, defaultHeight) => {
+  if (!imageArr || !imageArr.length)
+    return {
+      display: "inline-block",
+      maxWidth: "100%",
+      maxheight: defaultHeight
+    };
+  const matchItem = imageArr.find((item) => item.type === type);
+  if (!matchItem) {
+    return { display: "inline-block", height: defaultHeight };
+  }
+  const res = XEUtils.handleImageSize(matchItem, defaultHeight);
+  return res;
+};
+const getCandidateComponents = (row, item) => {
+  var _a;
+  const str = row[item.columnName];
+  if (XEUtils.isJSON(str)) {
+    const hasNameField = str.includes("user_name");
+    const obj = JSON.parse(str);
+    if (Array.isArray(obj)) {
+      const len = obj.length;
+      if (len > 1) {
+        return `\u5DF2\u9009${len}\u4EBA`;
+      } else if (len === 1) {
+        return hasNameField && ((_a = obj[0]) == null ? void 0 : _a.user_name) || `\u5DF2\u9009${len}\u4EBA`;
+      }
+    }
+  }
+};
+const handleQrCodeContent = (row, field) => {
+  var _a, _b;
+  const { settingObj = {}, fieldSetting = {} } = field;
+  const { mergedFeildExpression } = fieldSetting;
+  let content = row[field.field];
+  if (mergedFeildExpression) {
+    const regexp = /#{(.+?)\}/g;
+    const formatHtml = mergedFeildExpression.replace(regexp, (match, $1) => {
+      const value = row[$1] || "";
+      return value;
+    });
+    content = formatHtml;
+  }
+  const params = {
+    content
+  };
+  const btnObj = {
+    btnName: (_a = settingObj == null ? void 0 : settingObj.qrCode) == null ? void 0 : _a.name,
+    trigger_id: (_b = settingObj == null ? void 0 : settingObj.qrCode) == null ? void 0 : _b.id,
+    params
+  };
+  return btnObj;
+};
+const getInlineEditBtn = (row, btnListKey) => {
+  var _a;
+  if (!((_a = row[btnListKey]) == null ? void 0 : _a.length))
+    return [];
+  return row[btnListKey].filter((item) => {
+    return item.settingObj[0].trigger_type === "EDIT_ROW";
+  });
+};
+const isCopy = (item, row) => {
+  return row[item.columnName] && item.fieldSetting && item.fieldSetting.fontContentCopy == 1;
+};
+const handleTableImageSize = (imageArr, type, defaultHeight) => {
+  if (!imageArr || imageArr.length === 0) {
+    document.body.style.setProperty("--tableImageHeight", defaultHeight);
+    document.body.style.setProperty("--tableImageWidth", "auto");
+    return;
+  }
+  const matchItem = imageArr.find((item) => item.type === type);
+  if (!matchItem) {
+    document.body.style.setProperty("--tableImageHeight", defaultHeight);
+    document.body.style.setProperty("--tableImageWidth", "auto");
+    return;
+  }
+  let height = defaultHeight, width = "auto";
+  if (matchItem.h) {
+    height = matchItem.h === "adaptive" ? "auto" : matchItem.h + "px";
+  }
+  if (matchItem.w) {
+    width = matchItem.w === "adaptive" ? "auto" : matchItem.w + "px";
+  }
+  document.body.style.setProperty("--tableImageHeight", height);
+  document.body.style.setProperty("--tableImageWidth", width);
+};
+const setDefaultFormData = (property, fieldItem, originalRow = {}) => {
+  const defaultValue = originalRow[property];
+  return {
+    [fieldItem.name]: formatField(defaultValue)
+  };
+};
+const hideFilterWrap = (state, props) => {
+  const values = Object.values(state.filterFields);
+  values.forEach((item) => {
+    item.visible = false;
+  });
+  setFilterStatus(state, props);
+};
+const mergeConObjFn = (state, props) => {
+  const fields = Object.values(state.filterFields);
+  const fieldkeys = Object.keys(state.filterFields);
+  const conObj = getConObj(fields, state);
+  const mergeConObj = [...conObj];
+  const qqConObj = props.tableParams.qqConObj ? JSON.parse(props.tableParams.qqConObj) : [];
+  qqConObj.forEach((i) => {
+    if (!fieldkeys.includes(i.field_key)) {
+      mergeConObj.push(i);
+    }
+  });
+  return mergeConObj;
+};
+const isLink = (props, item, row) => {
+  var _a;
+  return item.clickFieldKey == item.columnName || props.relatedItems.triggerMethodPc == "field" && item.columnName == props.relatedItems.triggerMethodField || item.isbtnLink && row.btnLinks && ((_a = row.btnLinks) == null ? void 0 : _a.includes(item.columnName));
+};
+const setTableConfig = (config, state) => {
+  state.showButtonTop = config.showButtonTop;
+  state.isTree = config.isTree;
+  state.openOnly = config.openOnly;
+  state.isExpand = config.spreadAllBtn;
+  state.levelLazyLoadSetting = Object.assign({}, config.levelLazyLoadSetting);
+  state.checkWidth = Object.assign({}, state.checkWidth, config.checkWidth);
+};
+const setTreeGroupTitle = (formatList, key, GROUP_TITLE_KEY) => {
+  formatList.forEach((row) => {
+    if (XEUtils.has(row, "childrenList")) {
+      setTreeGroupTitle(row["childrenList"], key, GROUP_TITLE_KEY);
+    }
+    if (!XEUtils.has(row, GROUP_TITLE_KEY))
+      return;
+    row[key] = row[GROUP_TITLE_KEY];
+  });
+};
+const setVisibleCheckAllWrap = (state, props, currentCheckedKeys) => {
+  if (props.isNestTable)
+    return;
+  if (state.isTree == 1) {
+    state.visibleCheckAllWrap = false;
+    return false;
+  }
+  state.visibleCheckAllWrap = currentCheckedKeys.length > 1;
+  const len = currentCheckedKeys.length;
+  const isLargerOrEqualPageSize = len >= state.curAbleCheckedLen;
+  const isShowAllTable = props.pageVO.pageSize === props.pageVO.total;
+  const isSpreadSelected = currentCheckedKeys.length > state.currentPageSelectedLength;
+  state.visibleCheckAllWrapMore = isSpreadSelected || isLargerOrEqualPageSize && !isShowAllTable;
+};
+
+export { checkMethod, flattenRow, generateEditRender, getCandidateComponents, getEvaluate, getFooterGroup, getInlineEditBtn, getMapVal, getRowStyle, getageShowType, handleGroupColums, handleImgArr, handleImgSrc, handleName, handleQrCodeContent, handleTableHeight, handleTableImageSize, handlerInitSearchItem, hideFilterWrap, intersectRow, isCopy, isLink, mergeConObjFn, modalDetailImage, reScrollFilterWrap, removeCheckedDisabledRows, setDefaultFormData, setFilterStatus, setTableConfig, setTreeGroupTitle, setVisibleCheckAllWrap, showFilter, treeToList, visibleMethod };

package/es/components/big-table/style/index.css

@@ -0,0 +1 @@
+.big-table-filter-wrap{background-color:#fff;border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.2);display:flex;flex-direction:column;flex-wrap:wrap;margin-top:-6px;min-width:280px;overflow:hidden;position:fixed;transform:translateX(-2%);transition:width 2s;z-index:99998}.big-table-filter-wrap .sort-list{margin-top:6px}.big-table-filter-wrap .sort-item{align-items:center;display:flex;height:32px;padding:0 13px}.big-table-filter-wrap .sort-item.active,.big-table-filter-wrap .sort-item:hover{background:#f2f2f2}.big-table-filter-wrap .sort-icon{background-size:contain;display:inline-block;height:16px;width:16px}.big-table-filter-wrap .sort-text{color:rgba(0,0,0,.8);font-size:14px;line-height:32px;margin-left:11px}.big-table-filter-wrap .sort-icon-desc{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABT0lEQVRYR+3WvSuGYRTH8c9TykpJSimLMvgHpLyUCQsmg/wBMss/ILvdJgspNnkbZFYGk7JQSAaLwUuX7uFxu3E/nvvqSd3XeHW6zvec65zfORUNPpUG+1cClBnIysABhiMV5y4mqt/OAliPCHCImd8AIgWf/WzMIhzFK/Z/iigWQAtuE4A2PH0HEQugG5eJ005clwBlBmrJwDwGcorBNjYybOsqwit05QQ4R1/RAB3oqQHgoWiAnL5/NKvrC/4tQBNacYesDAR5fkxHV6QU72EQczhNSfE4VpOOmY01jsOyMYYXLGElcbSIZT4W4C1MxQIIUy9sU1ltGXyeYQSfuua7L2jOWYnPKbt2HKE3dR/0Iqx593lq4AT9OQE2MZ2yDTpyXKUlF0lthP3gy8nKwBqGcgLsYCHDNuwAAe4Nk7ipZRbk9F2MWZFt+CeiEuAdAU5CIQxYYdUAAAAASUVORK5CYII=")}.big-table-filter-wrap .filter-header{cursor:auto;padding:0 13px}.big-table-filter-wrap .filter-header-icon{border-right-color:#333;border-top-color:#333}.big-table-filter-wrap .filter-header-text{margin-left:11px}.big-table-filter-wrap .check-search-wrap{background:#f7f7f7;display:flex;justify-content:center;padding:8px 0;width:100%}.big-table-filter-wrap .check-seach-input{line-height:32px}.big-table-filter-wrap .checkbox-box{padding-right:3px;width:100%}.big-table-filter-wrap .checkbox-wrap{background:#fff;display:flex;flex-direction:column;overflow-y:auto;padding-left:13px;padding-right:3px}.big-table-filter-wrap .checkbox-wrap::-webkit-scrollbar{height:4px;width:4px}.big-table-filter-wrap .checkbox-wrap::-webkit-scrollbar-thumb{background-color:#d5d5d5;border-radius:4px}.big-table-filter-wrap .checkbox-wrap::-webkit-scrollbar-track{background-color:#fff;border-radius:4px}.big-table-filter-wrap .checkbox-wrap::-webkit-scrollbar-corner{background-color:#000;border-radius:4px;width:4px}.big-table-filter-wrap .checkbox-wrap--search{padding-right:10px}.big-table-filter-wrap .checkbox-btn-wrap{display:flex;padding:9px 10px 9px 14px}.big-table-filter-wrap .checkbox-btn-wrap .checkbox-btn{padding:0;width:56px}.big-table-filter-wrap .checkbox-btn-wrap .checkbox-btn+.checkbox-btn{margin-left:8px}.big-table-filter-wrap .checkbox-btn-wrap .checkbox-btn-status .checkbox-btn{border:0;border-radius:0;margin:0 13px;position:relative;width:auto}.big-table-filter-wrap .checkbox-btn-wrap .checkbox-btn-status .checkbox-btn:hover:after{background-color:#5585f5;bottom:5px;content:"";display:block;height:1px;position:absolute;width:100%}.big-table-filter-wrap .arrows-icon{bottom:-1px;cursor:nw-resize;font-size:15px;height:20px;position:absolute;right:-1px;width:25px}.big-table__separate{padding:4px}.big-table__separatePlaceholder{display:inline-block;max-width:0;visibility:hidden;width:0;word-break:keep-all}body>.vxe-table--tooltip-wrapper{display:none!important}.custom-big-table{position:relative}.custom-big-table .n-input{width:fit-content}.custom-big-table .img-wrap{align-items:center;display:flex;height:100%;line-height:1;padding:2px 0}.custom-big-table .img-wrap img{cursor:pointer;max-height:100%;object-fit:contain}.custom-big-table .img-wrap.img-circle img{border-radius:50%;object-fit:contain;width:28px}.custom-big-table .bigTable-qr-span{display:inline-block;height:100%;position:relative}.custom-big-table .bigTable-qr-span .bigTable-qr-img{max-height:96%}.custom-big-table .bigTable-qr-span>span{align-items:center;background:rgba(0,0,0,.7);color:#fff;cursor:pointer;display:none;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.custom-big-table .bigTable-qr-span:hover>span{display:inline-flex}.custom-big-table .base-form{align-items:center;display:flex;overflow:hidden!important;width:100%}.custom-big-table .base-form-content{width:100%}.custom-big-table textarea{height:32px;margin-bottom:0;resize:none}.custom-big-table .formItem-select-multiple{align-items:center;display:flex;line-height:40px;width:100%}.custom-big-table.mt{height:calc(100% - 78px)!important;margin-top:26px}.custom-big-table.expand-padding .vxe-table .vxe-body--expanded-cell{padding-left:66px!important;padding-right:66px!important}.custom-big-table th.vxe-header--column{cursor:pointer}.custom-big-table .row-btn{margin-right:10px}.custom-big-table .vxe-table{transform:translateZ(0)}.custom-big-table .vxe-table .vxe-table--empty-content,.custom-big-table .vxe-table .vxe-table--empty-content>div{height:100%;width:100%}.custom-big-table .vxe-table .vxe-table--empty-content>div .no-data-tip{display:inline-flex}.custom-big-table .vxe-table .col--checkbox .vxe-cell,.custom-big-table .vxe-table .col--seq .vxe-cell{padding:0}.custom-big-table .vxe-table .col--checkbox .vxe-cell .vxe-checkbox--label,.custom-big-table .vxe-table .col--seq .vxe-cell .vxe-checkbox--label{padding-left:0}.custom-big-table .vxe-table .vxe-cell .vxe-tree-cell{height:100%}.custom-big-table .vxe-table .scan-multi-delete{color:#f06f64}.custom-big-table .vxe-table .vxe-table--header{background-color:#f2f2f2}.custom-big-table .vxe-table .vxe-table--header .vxe-header--column .vxe-cell--title{display:inline-flex;height:100%;line-height:unset;width:100%}.custom-big-table .vxe-table .vxe-table--header .col--checkbox .vxe-cell--title,.custom-big-table .vxe-table .vxe-table--header .col--seq .vxe-cell--title{display:inline-block}.custom-big-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar,.custom-big-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar{background-color:#f2f2f2;height:10px;width:10px}.custom-big-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb:hover,.custom-big-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar-thumb:hover{background-color:#b2b2b2}.custom-big-table .vxe-table .vxe-footer--row .vxe-footer--column>.vxe-cell .vxe-cell--item{height:30px;line-height:30px}.custom-big-table .vxe-table .vxe-cell--checkbox .vxe-checkbox--label{display:none}.custom-big-table .filter-box{align-items:center;display:flex;width:100%}.custom-big-table .filter-box .text-over-tooltip-components{max-width:calc(100% - 40px)}.custom-big-table .filter-box .vxe-filter--btn{border-right-color:#c0c4cc;border-top-color:#c0c4cc}.custom-big-table .filter-box .vxe-filter--btn.active{border-right-color:#35393c;border-top-color:#35393c}.custom-big-table .filter-box .vxe-filter--btn.checked{border-right-color:#5585f5;border-top-color:#5585f5}.custom-big-table .disabled-checked-tips{background:#fff;border:2px solid #ff1818;border-radius:50%;bottom:0;box-sizing:border-box;height:16px;margin-top:-8px;overflow:hidden;position:absolute;right:0;top:50%;width:16px}.custom-big-table .disabled-checked-tips:after{background-color:#ff1818;content:"";height:2px;left:0;position:absolute;top:0;transform:rotate(45deg);transform-origin:0 2px;width:16px}.custom-big-table .form-select-table .n-base-select-menu__empty{display:none}.custom-big-table .percent-wrap{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.custom-big-table .percent-wrap .percent-value{line-height:1;margin-bottom:-4px;margin-top:4px}.custom-big-table .refresh{align-items:center;background-color:#fff;border-bottom-left-radius:14px;border-top-left-radius:14px;box-shadow:0 2px 4px 0 hsla(0,0%,42%,.13);color:#5585f5;cursor:pointer;display:flex;font-size:12px;height:27px;padding-left:14px;padding-right:14px;position:absolute;right:0;top:6px;z-index:1}.custom-big-table .refresh-row{margin-bottom:0;margin-left:3px}.custom-big-table .check-wrap{background:#ffffe9;display:flex;justify-content:center;line-height:26px;margin-top:-26px;position:absolute;width:100%}.custom-big-table .check-wrap .check-wrap-btn,.custom-big-table .check-wrap .check-wrap-title{color:#000;cursor:pointer;font-size:12px;margin-bottom:0}.custom-big-table .check-wrap .check-wrap-btn{color:#5585f5}.custom-big-table .domPropsInnerHTML-span{height:100%}.custom-big-table .domPropsInnerHTML-span img{display:inline-block;height:var(--tableImageHeight);width:var(--tableImageWidth)}.custom-big-table .domPropsInnerHTML-span .icon-dot-custom{background:var(--table-icon-color);box-shadow:0 2px 4px 0 var(--table-icon-shadow)}.custom-big-table .domPropsInnerHTML-span .icon-dot-custom,.custom-big-table .domPropsInnerHTML-span .icon-dot-red{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-red{background:red;box-shadow:0 2px 4px 0 rgba(255,0,0,.5)}.custom-big-table .domPropsInnerHTML-span .icon-dot-blue{background:blue;box-shadow:0 2px 4px 0 rgba(0,0,255,.5)}.custom-big-table .domPropsInnerHTML-span .icon-dot-blue,.custom-big-table .domPropsInnerHTML-span .icon-dot-green{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-green{background:green;box-shadow:0 2px 4px 0 rgba(0,128,0,.5)}.custom-big-table .domPropsInnerHTML-span .icon-dot-gray{background:gray;box-shadow:0 2px 4px 0 hsla(0,0%,50%,.5)}.custom-big-table .domPropsInnerHTML-span .icon-dot-gray,.custom-big-table .domPropsInnerHTML-span .icon-dot-yellow{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-yellow{background:#ff0;box-shadow:0 2px 4px 0 rgba(255,255,0,.5)}.custom-big-table .domPropsInnerHTML-span .icon-dot-resolved{background:#36be8c;box-shadow:0 2px 4px 0 rgba(54,190,140,.5)}.custom-big-table .domPropsInnerHTML-span .icon-dot-huifu,.custom-big-table .domPropsInnerHTML-span .icon-dot-resolved{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-huifu{background:#42d0f6;box-shadow:0 2px 4px 0 rgba(66,208,246,.5)}.custom-big-table .domPropsInnerHTML-span .icon-dot-close{background:#718391;box-shadow:0 2px 4px 0 rgba(113,131,145,.5)}.custom-big-table .domPropsInnerHTML-span .icon-dot-audit,.custom-big-table .domPropsInnerHTML-span .icon-dot-close{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-audit{background:#f4ba32;box-shadow:0 2px 4px 0 rgba(244,186,50,.5)}.custom-big-table .domPropsInnerHTML-span .icon-dot-design{background:#927ce1;box-shadow:0 2px 4px 0 rgba(146,124,225,.5)}.custom-big-table .domPropsInnerHTML-span .icon-dot-design,.custom-big-table .domPropsInnerHTML-span .icon-dot-develop{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-develop{background:#4eb0ef;box-shadow:0 2px 4px 0 rgba(78,176,239,.5)}.custom-big-table .domPropsInnerHTML-span .icon-dot-develop-complete{background:#6381f9;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;box-shadow:0 2px 4px 0 rgba(99,129,249,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .vxe-table--render-default .vxe-table--fixed-left-wrapper.scrolling--middle{box-shadow:4px 0 4px 0 rgba(0,0,0,.12)}.custom-big-table .vxe-table--render-default .vxe-table--fixed-right-wrapper.scrolling--middle{box-shadow:-4px 0 4px 0 rgba(0,0,0,.12)}.annotation-edit{align-items:center;color:#0067ee;cursor:pointer;display:inline-flex;font-size:16px;user-select:none}.annotation-edit.is-active{color:#ff9828}.annotation-edit__icon{align-items:center;display:inline-flex}.no-data-tip{align-items:center;color:#333;display:flex;flex-direction:column;font-size:22px;height:100%;justify-content:center;width:100%}.no-data-tip>img{max-width:70%;width:260px}.no-data-tip>p{color:rgba(0,0,0,.8);font-size:16px;margin-bottom:0;margin-top:12px}.no-data-tip>span{color:rgba(0,0,0,.4);font-size:14px;margin-top:6px}.text-over-tooltip-components{display:inline-block;max-width:98%}.text-over-tooltip-components .ellipsis{color:#35393c;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-over-tooltip-components .ellipsis i{font-style:normal;white-space:nowrap;word-break:keep-all}.text-over-tooltip-components .fs20{color:green;font-size:20px;font-weight:600;line-height:22px}.text-over-tooltip-components .fs12{color:orange;font-size:12px;font-weight:400;line-height:14px}.svg-icon{fill:currentColor;height:1em;overflow:hidden;vertical-align:-.15em;width:1em}.vxe-header--column [annotation-hover-show=true]{visibility:hidden}.vxe-header--column:hover [annotation-hover-show=true]{visibility:visible}.big-table__annotationWrapper{align-items:center;display:inline-flex;width:20px}