cnhis-design-vue 3.1.24-beta.7 → 3.1.24-beta.8

package/es/components/scale-view/src/hooks/use-component.js

@@ -0,0 +1,86 @@
+import { shallowRef } from 'vue';
+import RInput from '../components/formitem/r-input.js';
+import scriptRadio from '../components/formitem/r-radio.js';
+import scriptCheckbox from '../components/formitem/r-checkbox.js';
+import scriptSelect from '../components/formitem/r-select.js';
+import scriptDatetime from '../components/formitem/r-datetime.js';
+import RCascader from '../components/formitem/r-cascader.js';
+import RCollection from '../components/formitem/r-collection.js';
+import RAddress from '../components/formitem/r-address.js';
+import RUpload from '../components/formitem/r-upload.js';
+import RMap from '../components/formitem/r-map.js';
+import script from '../../../chunk-upload/src/vod-chunk-upload/vod-chunk-upload.js';
+import SelectLabel from '../../../select-label/index.js';
+import RSign from '../components/formitem/r-sign.js';
+
+const RInputCom = shallowRef(RInput);
+const RRadioCom = shallowRef(scriptRadio);
+const RCheckboxCom = shallowRef(scriptCheckbox);
+const RSelectCom = shallowRef(scriptSelect);
+const RDatetimeCom = shallowRef(scriptDatetime);
+const RCascaderCom = shallowRef(RCascader);
+const RCollectionCom = shallowRef(RCollection);
+const RAddressCom = shallowRef(RAddress);
+const RUploadCom = shallowRef(RUpload);
+const RMapCom = shallowRef(RMap);
+const RVodChunkUploadCom = shallowRef(script);
+const CSelectLabelCom = shallowRef(SelectLabel);
+const RSignCom = shallowRef(RSign);
+const componentMap = {
+  TITLE: RCollectionCom,
+  LINEBAR: RCollectionCom,
+  RADIO_BLOCK: RRadioCom,
+  CHECKBOX_BLOCK: RCheckboxCom,
+  SELECT: RSelectCom,
+  SEARCH_CASCADE: RCascaderCom,
+  INPUT: RInputCom,
+  DATE: RDatetimeCom,
+  TIME: RDatetimeCom,
+  DATETIME: RDatetimeCom,
+  ID_CARD: RInputCom,
+  ADDRESS: RAddressCom,
+  LOCATION: RMapCom,
+  LABEL: CSelectLabelCom,
+  UPFILE: RUploadCom,
+  UPPICTURE: RUploadCom,
+  VEDIO: RVodChunkUploadCom,
+  MOBILE: RInputCom,
+  EVALUATE_RADIO_BLOCK: RRadioCom,
+  EVALUATE_CHECKBOX_BLOCK: RCheckboxCom,
+  EVALUATE_SELECT: RSelectCom,
+  EVALUATE_INPUT: RInputCom,
+  PROMPT: RCollectionCom,
+  IMGCARD: RCollectionCom,
+  RICH_TEXT: RCollectionCom,
+  SIGN: RSignCom
+};
+const componentMapStr = {
+  TITLE: "RInputCom",
+  LINEBAR: "RInputCom",
+  RADIO_BLOCK: "RRadioCom",
+  CHECKBOX_BLOCK: "RCheckboxCom",
+  SELECT: "RSelectCom",
+  SEARCH_CASCADE: "RCascaderCom",
+  INPUT: "RInputCom",
+  DATE: "RInputCom",
+  TIME: "RInputCom",
+  DATETIME: "RInputCom",
+  ID_CARD: "RInputCom",
+  ADDRESS: "RInputCom",
+  LOCATION: "RMapCom",
+  LABEL: "CSelectLabelCom",
+  UPFILE: "RUploadCom",
+  UPPICTURE: "RUploadCom",
+  VEDIO: "RVodChunkUploadCom",
+  MOBILE: "RInputCom",
+  EVALUATE_RADIO_BLOCK: "RRadioCom",
+  EVALUATE_CHECKBOX_BLOCK: "RCheckboxCom",
+  EVALUATE_SELECT: "RSelectCom",
+  EVALUATE_INPUT: "RInputCom",
+  PROMPT: "RInputCom",
+  IMGCARD: "RInputCom",
+  RICH_TEXT: "RInputCom",
+  SIGN: "RSignCom"
+};
+
+export { componentMap, componentMapStr };

package/es/components/scale-view/src/hooks/use-evaluate.d.ts

@@ -0,0 +1,21 @@
+export declare const useEvaluate: (props: any, state: any, config: any) => {
+    evaluateState: {
+        totalLen: number;
+        timer: null;
+        countdownStr: string;
+        isTimeOut: boolean;
+        countdownRed: boolean;
+        filterArr: string[];
+    };
+    evaluateStartTime: any;
+    getEvaluateStartTime: import("vue").ComputedRef<false | Date>;
+    getEvaluateText: import("vue").ComputedRef<"测评已结束" | "开始测评">;
+    showCountdown: import("vue").ComputedRef<any>;
+    showRange: import("vue").ComputedRef<boolean>;
+    getTotalLen: () => void;
+    countdown: (startTime: any) => void;
+    clearTimer: () => void;
+    disabledEvaluate: import("vue").ComputedRef<any>;
+    isBanStart: () => boolean;
+    getEvaluateTime: any;
+};

package/es/components/scale-view/src/hooks/use-evaluate.js

@@ -0,0 +1,150 @@
+import { reactive, computed, onMounted, onUnmounted } from 'vue';
+import moment from 'moment';
+import XEUtils from 'xe-utils';
+
+const useEvaluate = (props, state, config) => {
+  let { emit } = config;
+  const evaluateState = reactive({
+    totalLen: 0,
+    timer: null,
+    countdownStr: "",
+    isTimeOut: false,
+    countdownRed: false,
+    filterArr: [
+      "LINEBAR",
+      "TITLE",
+      "CALLBACK_INTERFACE",
+      "SPREAD_PARAMS",
+      "REDIRECT",
+      "FRONT_ADDRESS",
+      "PROMPT",
+      "IMGCARD",
+      "RETURN_PATH",
+      "RICH_TEXT",
+      "SUCCESS_TIP"
+    ]
+  });
+  const evaluateStartTime = computed(() => {
+    var _a;
+    return (_a = props.evaluateResultSetting) == null ? void 0 : _a.evaluateStartTime;
+  });
+  const getEvaluateStartTime = computed(() => {
+    let tempSt = new Date(evaluateStartTime.value);
+    let isValidDate = XEUtils.isValidDate(tempSt);
+    if (!isValidDate)
+      return false;
+    return tempSt;
+  });
+  const getEvaluateTime = computed(() => {
+    let { evaluateTime } = props.evaluateResultSetting;
+    return +evaluateTime;
+  });
+  const getEvaluateEnd = computed(() => {
+    if (!showRange)
+      return false;
+    if (!getEvaluateTime.value)
+      return false;
+    let rangTime = moment(evaluateStartTime.value).add(getEvaluateTime.value, "minutes").valueOf();
+    if (state.curTime >= rangTime)
+      return true;
+    return props.isFinished;
+  });
+  const getEvaluateText = computed(() => {
+    if (getEvaluateEnd.value || state.banStart) {
+      return "\u6D4B\u8BC4\u5DF2\u7ED3\u675F";
+    }
+    return "\u5F00\u59CB\u6D4B\u8BC4";
+  });
+  const disabledEvaluate = computed(() => {
+    let res = getEvaluateStartTime.value && !evaluateState.isTimeOut || getEvaluateEnd.value;
+    return res;
+  });
+  const showRange = computed(() => {
+    if (!evaluateStartTime.value || !getEvaluateStartTime.value)
+      return false;
+    return true;
+  });
+  const showCountdown = computed(() => {
+    if (!evaluateStartTime.value)
+      return getEvaluateTime.value;
+    if (!getEvaluateTime.value)
+      return false;
+    if (getEvaluateStartTime.value)
+      return true;
+    let rangTime = moment(evaluateStartTime.value).add(getEvaluateTime.value, "minutes").valueOf();
+    return state.curTime < rangTime;
+  });
+  onMounted(() => {
+    clearTimer();
+  });
+  onUnmounted(() => {
+    clearTimer();
+  });
+  const isBanStart = () => {
+    if (!evaluateStartTime.value || !getEvaluateTime.value)
+      return false;
+    let startTime = getEvaluateStartTime.value;
+    if (!startTime)
+      return false;
+    let endTime = moment(evaluateStartTime.value).add(getEvaluateTime.value, "minutes").valueOf();
+    let cur = new Date().getTime();
+    return cur >= endTime;
+  };
+  const getTotalLen = () => {
+    var _a;
+    let arrList = (_a = props.formArray) == null ? void 0 : _a.filter((item) => !evaluateState.filterArr.includes(item.type) && !item.hide);
+    if (!arrList || !arrList.length)
+      return;
+    evaluateState.totalLen = arrList.length;
+  };
+  const countdown = (startTime) => {
+    clearTimer();
+    let msec = startTime - new Date().getTime();
+    if (msec <= 0) {
+      evaluateState.countdownStr = "00:00:00";
+      evaluateState.isTimeOut = true;
+      if (state.source == "countdown") {
+        emit("closeEvaluateCountdown");
+      }
+      return;
+    }
+    if (msec <= 15 * 60 * 1e3 && !evaluateState.countdownRed) {
+      evaluateState.countdownRed = true;
+    }
+    let day = parseInt(String(msec / 1e3 / 60 / 60 / 24)) + "";
+    let hr = parseInt(String(msec / 1e3 / 60 / 60 % 24));
+    let min = parseInt(String(msec / 1e3 / 60 % 60));
+    let sec = parseInt(String(msec / 1e3 % 60));
+    if (day) {
+      day += ":";
+    }
+    hr = hr > 9 ? hr + ":" : "0" + hr + ":";
+    min = min > 9 ? min + ":" : "0" + min + ":";
+    sec = sec > 9 ? sec : "0" + sec;
+    evaluateState.countdownStr = `${day}${hr}${min}${sec}`;
+    evaluateState.timer = setTimeout(function() {
+      countdown(startTime);
+    }, 1e3);
+  };
+  const clearTimer = () => {
+    if (evaluateState.timer)
+      clearTimeout(evaluateState.timer);
+    evaluateState.countdownRed = false;
+  };
+  return {
+    evaluateState,
+    evaluateStartTime,
+    getEvaluateStartTime,
+    getEvaluateText,
+    showCountdown,
+    showRange,
+    getTotalLen,
+    countdown,
+    clearTimer,
+    disabledEvaluate,
+    isBanStart,
+    getEvaluateTime
+  };
+};
+
+export { useEvaluate };

package/es/components/scale-view/src/hooks/use-event.d.ts

@@ -0,0 +1,4 @@
+export declare const useEvent: (props: any, state: any) => {
+    nextLogicEvent: (choiceValue: any, formItem: any, formArray?: any[], isInit?: boolean) => void;
+    handleDynamicDataRelation: (list: any[], formItem: any, formArray: any[]) => void;
+};

package/es/components/scale-view/src/hooks/use-event.js

@@ -0,0 +1,129 @@
+import XEUtils from 'xe-utils';
+import 'moment';
+
+const useEvent = (props, state) => {
+  const formKey = (item) => {
+    return item.databaseTitle || item.title;
+  };
+  const handleLogicMaxNext = (condition = []) => {
+    const arr = condition.map((item) => item.next_subject == "end" ? 9999 : +(item.next_subject || 9999));
+    const max = Math.max.call(null, ...arr);
+    return max;
+  };
+  const handleLogicList = (formItem, formArray) => {
+    const { seq } = formItem;
+    let list = formArray.map((item2) => {
+      if (item2.seq > seq && item2.isShow && item2.__isLogic__)
+        return item2;
+      return false;
+    });
+    let nextItemMax = 0;
+    let i = 0, len = list.length, item;
+    for (; i < len; i++) {
+      item = list[i];
+      let curVal = state.form[formKey(item)];
+      if (!curVal)
+        continue;
+      if (Array.isArray(curVal)) {
+        if (!curVal.length)
+          continue;
+      }
+      const { nextLogic, seq: seq2, __isLogic__, __lastSeq__ } = item;
+      if (!nextLogic.next_logic_is || !nextLogic.condition.length)
+        continue;
+      if (__lastSeq__) {
+        nextItemMax = __lastSeq__;
+        break;
+      }
+    }
+    return nextItemMax;
+  };
+  const nextLogicEvent = (choiceValue, formItem, formArray = [], isInit) => {
+    const { nextLogic, seq } = formItem;
+    if (!nextLogic)
+      return;
+    if (nextLogic.next_logic_is && nextLogic.condition.length) {
+      let nextMax = 9999, nextItemMax = 0;
+      if (!isInit) {
+        nextMax = handleLogicMaxNext(nextLogic.condition);
+        nextItemMax = handleLogicList(formItem, formArray);
+      }
+      nextLogic.condition.some((con) => {
+        const { value, next_subject } = con;
+        const lastSeq = next_subject == "end" ? 9999 : next_subject;
+        if (nextItemMax && nextItemMax > seq && nextItemMax < nextMax) {
+          nextMax = nextItemMax;
+        }
+        if (nextLogic.next_logic == "condition") {
+          let hasValue = false;
+          if (Array.isArray(choiceValue)) {
+            hasValue = choiceValue.includes(value);
+          } else {
+            hasValue = choiceValue === value;
+          }
+          formItem.__isLogic__ = hasValue;
+          formItem.__lastSeq__ = seq + 1;
+          if (hasValue) {
+            formArray.forEach((item) => {
+              if (item.seq > seq && item.seq < lastSeq) {
+                item.isShow = false;
+                const key = item.val_key;
+                state.form[key] && (state.form[key] = "");
+              } else if (item.seq >= lastSeq && item.seq < nextMax) {
+                item.isShow = true;
+              }
+            });
+            return true;
+          } else {
+            formArray.forEach((item) => {
+              if (item.seq > seq && item.seq < lastSeq) {
+                item.isShow = true;
+              }
+            });
+          }
+        } else if (nextLogic.next_logic == "uncondition") {
+          let res = XEUtils.isEmpty(choiceValue);
+          formItem.__isLogic__ = !res;
+          formItem.__lastSeq__ = seq + 1;
+          formArray.forEach((item) => {
+            const key = item.val_key;
+            if (item.seq > seq && item.seq < lastSeq) {
+              item.isShow = res;
+              if (!res) {
+                state.form[key] && (state.form[key] = "");
+              }
+            }
+          });
+        }
+      });
+    }
+  };
+  const handleDynamicDataRelation = (list, formItem, formArray) => {
+    let { targetSource } = formItem;
+    if (!targetSource || !Object.keys(targetSource).length)
+      return;
+    if (!targetSource.target_id)
+      return;
+    let { relationParam = [] } = targetSource;
+    if (!relationParam.length)
+      return;
+    relationParam.forEach((item) => {
+      let matchEle = formArray.find((v) => v.seq === item.relationElement);
+      const key = matchEle.val_key;
+      if (matchEle) {
+        if (!list.length) {
+          state.form[key] = "";
+        } else {
+          let relationFieldList = list.map((v) => v[item.relationField] || "/") || "";
+          state.form[key] = relationFieldList.join(",");
+        }
+      }
+    });
+  };
+  return {
+    nextLogicEvent,
+    handleDynamicDataRelation
+  };
+};
+
+export { useEvent };

package/es/components/scale-view/src/hooks/use-noData.d.ts

@@ -0,0 +1,9 @@
+export default function (): {
+    noDataState: {
+        noData: boolean;
+        noDataTip: string;
+        noDataImg: string;
+    };
+    setNoData: (noData: any, noDataTip?: string, noDataImg?: string) => void;
+    resetNodata: () => void;
+};

package/es/components/scale-view/src/hooks/use-noData.js

@@ -0,0 +1,41 @@
+import { reactive } from 'vue';
+
+function useNoData() {
+  let state = reactive({
+    noData: false,
+    noDataTip: "1.1.6.11",
+    noDataImg: "nodata"
+  });
+  const setNoData = (noData, noDataTip = "1.1.6.11", noDataImg = "nodata") => {
+    state.noData = noData;
+    state.noDataTip = noDataTip || "1.1.6.11";
+    state.noDataImg = errResult(noDataImg) || "nodata";
+  };
+  const resetNodata = () => {
+    state.noData = false;
+    state.noDataTip = "1.1.6.11";
+    state.noDataImg = "nodata";
+  };
+  const errResult = (result) => {
+    let res = "nodata";
+    switch (result) {
+      case "10000":
+        res = "no-permission";
+        break;
+      case "Failure":
+        res = "failure";
+        break;
+      default:
+        res = "nodata";
+        break;
+    }
+    return res;
+  };
+  return {
+    noDataState: state,
+    setNoData,
+    resetNodata
+  };
+}
+
+export { useNoData as default };

package/es/components/scale-view/src/utils/judge-types.d.ts

@@ -0,0 +1,5 @@
+export declare const isOnlyOptions: (e: string) => boolean;
+export declare const isCollection: (e: string) => boolean;
+export declare const isEvaluation: (e: string) => boolean;
+export declare const handleQueryParams: () => {};
+export declare const getQueryVariable: (variable: any, state: any, params: any) => any;

package/es/components/scale-view/src/utils/judge-types.js

@@ -0,0 +1,36 @@
+const isOnlyOptions = (e) => {
+  const list = ["RADIO_BLOCK", "CHECKBOX_BLOCK"];
+  return list.includes(e);
+};
+const isCollection = (e) => {
+  const list = ["TITLE", "LINEBAR", "PROMPT", "IMGCARD", "RICH_TEXT"];
+  return list.includes(e);
+};
+const isEvaluation = (e) => {
+  let list = ["EVALUATE_RADIO_BLOCK", "EVALUATE_CHECKBOX_BLOCK", "EVALUATE_SELECT", "EVALUATE_INPUT"];
+  return list.includes(e);
+};
+const handleQueryParams = () => {
+  let params = {};
+  let hash = window.location.search.split("?")[1];
+  if (!hash)
+    return {};
+  hash = hash.replace(/\+/g, "%20");
+  for (let [key, value] of new URLSearchParams(hash).entries()) {
+    params[key] = decodeURIComponent(value);
+  }
+  return params;
+};
+const getQueryVariable = (variable, state, params) => {
+  let query = {};
+  if (state.source == "layout") {
+    query = params;
+  } else {
+    query = handleQueryParams() || {};
+  }
+  if (!query)
+    return false;
+  return query[variable] || false;
+};
+
+export { getQueryVariable, handleQueryParams, isCollection, isEvaluation, isOnlyOptions };

package/es/components/scale-view/style/index.css

@@ -0,0 +1 @@
+.c-choice-wrap{display:flex;flex-wrap:wrap;width:100%}.c-choice-wrap .n-radio-input{height:14px;width:14px}.c-choice-wrap .scale-choice-img-wrap{background:#fff;border:1px solid #d5d5d5;border-radius:4px;display:inline-block;height:62px;margin-right:16px;min-width:74px;position:relative;width:74px}.c-choice-wrap .scale-choice-img-wrap:hover .scale-preview-wrap{display:flex}.c-choice-wrap .scale-choice-img-wrap>img{height:100%;object-fit:cover;width:100%}.c-choice-wrap .scale-choice-img-wrap .scale-preview-wrap{align-items:center;background:rgba(0,0,0,.75);border-radius:8px;bottom:0;display:none;font-size:20px;justify-content:center;left:0;position:absolute;right:0;top:0}.c-choice-wrap .scale-choice-img-wrap .scale-preview-wrap i.anticon{color:#fff;margin:0}.c-choice-wrap .presuffix-wrap{align-items:center;display:inline-flex;white-space:normal;width:100%}.c-choice-wrap .n-input{border-bottom:1px solid #d9d9d9;flex:1;max-width:300px}.c-choice-wrap .choose-other{flex:1}.c-choice-wrap .other-span{word-break:break-all}.c-choice-wrap.choice-wrap-1 label{width:100%}.c-choice-wrap.choice-wrap-1 label .n-input{max-width:300px}.c-choice-wrap.choice-wrap-2 label{width:50%}.c-choice-wrap.choice-wrap-3 label{width:33%}.c-choice-wrap.choice-wrap-4 label{width:25%}.c-choice-wrap label{align-items:center;display:inline-flex;margin:4px 0}.c-choice-wrap label .n-radio__label{align-items:center;display:inline-flex;flex:1;white-space:normal}.c-choice-wrap>.n-checkbox{align-items:center;display:inline-flex;margin:4px 0}.c-choice-wrap>.n-checkbox .n-checkbox__label{align-items:center;display:inline-flex;flex:1;white-space:normal}.c-choice-wrap.choice-wrap-1 .n-checkbox{width:100%}.c-choice-wrap.choice-wrap-1 .n-checkbox .n-input{max-width:300px}.c-choice-wrap.choice-wrap-2 .n-checkbox{width:50%}.c-choice-wrap.choice-wrap-3 .n-checkbox{width:33%}.c-choice-wrap.choice-wrap-4 .n-checkbox{width:25%}.c-scale{box-sizing:border-box;color:rgba(0,0,0,.65);height:100%;overflow:hidden;padding-bottom:50px;padding-top:4px;position:relative;text-align:left;width:100%}.c-scale.c-scale-nobtn{padding-bottom:4px}.c-scale .scale-container{box-sizing:border-box;height:100%;overflow-y:auto;padding-bottom:10px;transform-origin:0 0;width:100%}.c-scale .scale-container.scale-container-nopadding{height:100%}.c-scale .scale-container.scale-container-hasfooter{height:calc(100% - 50px)}.c-scale .scale-container::-webkit-scrollbar{background-color:#f5f5f5;height:6px;width:10px}.c-scale .scale-container::-webkit-scrollbar-track{background-color:#f2f2f2;border-radius:10px}.c-scale .scale-container::-webkit-scrollbar-thumb{background-color:#dbdcdc;border-radius:10px}.c-scale .no-data-tip{height:100%;width:100%}.c-scale .lb-title{text-align:center}.c-scale .map-container{cursor:pointer}.c-scale .linebar-div{margin-top:24px;text-align:center;width:100%}.c-scale .linebar-div .n-divider{margin-top:4px}.c-scale .my-prompt{background-color:#fff;border-radius:4px;box-shadow:0 5px 13px rgba(0,0,0,.14);padding:10px}.c-scale .img-card{width:100%}.main{box-sizing:border-box}.main .n-form-item .n-form-item-blank,.main .n-form-item.n-form-item--top-labelled .n-form-item-label{display:block}.main .scale-label-required{font-weight:700}.main .required-text{color:#e02828;font-weight:700}.main .score-i{word-break:keep-all}.main .evalute-label{background:rgba(45,122,255,.1);border:1px solid rgba(45,122,255,.5);border-radius:4px;color:#2d7aff;display:inline-block;font-size:12px;height:20px;line-height:20px;margin-left:4px;padding:0 5px}.main .evalute-tip{background:rgba(255,194,0,.15);border-radius:2px;color:#fe9626;cursor:pointer;display:inline-block;margin-left:8px;padding:0 5px}.footer{align-items:center;background:#fff;border-top:1px solid #e8e8e8;bottom:0;box-sizing:border-box;display:flex;height:50px;left:0;position:absolute;width:100%}.footer .n-button+.n-button{margin-left:8px}.rich-text-content{word-break:break-all}.rich-text-content p{margin-bottom:0}.rich-text-content img{max-width:100%}.n-dialog.n-modal.c-evatip-dialog-wrap{max-height:unset;overflow-y:hidden;padding:0;width:494px!important}.n-dialog.n-modal.c-evatip-dialog-wrap .n-dialog__title{border-bottom:1px solid #e8e8e8;font-weight:600;height:52px;line-height:52px;padding-left:16px}.n-dialog.n-modal.c-evatip-dialog-wrap .n-base-icon{color:#666;margin:0;position:absolute}.n-dialog.n-modal.c-evatip-dialog-wrap .n-dialog__content{margin:0}.n-dialog.n-modal.c-evatip-dialog-wrap .evatip-container{color:#2e2e2e;font-size:16px;max-height:60vh;min-height:100px;overflow-y:auto;padding:26px 16px}.n-dialog.n-modal.c-evatip-dialog-wrap .evatip-container p{border:1px solid hsla(0,0%,84%,.6);border-radius:4px;font-size:14px;margin-bottom:0;margin-top:12px;padding:16px}.n-dialog.n-modal.c-evatip-dialog-wrap .n-dialog__action{border-top:1px solid #e8e8e8;box-sizing:border-box;display:block;padding:10px 16px;text-align:right;width:100%}.c-answerParse{background:hsla(0,64%,98%,.6);border-radius:8px;color:#2e2e2e;margin-bottom:12px;margin-top:6px;padding:16px}.c-answerParse .answer-res-wrap{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.c-answerParse .answer-res-wrap .answer-res{align-items:center;background:#f06f64;border-radius:18px;color:#fff;display:inline-flex;font-weight:700;line-height:36px;padding:0 18px}.c-answerParse .answer-res-wrap .answer-res svg{font-size:16px;margin-right:8px}.c-answerParse .answer-res-wrap .answer-score{color:#2e2e2e;font-size:14px;font-weight:600}.c-answerParse .correct-answer{line-height:20px;margin-bottom:16px}.c-answerParse .correct-answer p{display:inline-block;font-weight:700}.c-answerParse .correct-answer span{color:#91c850;font-size:16px;word-break:break-all}.c-answerParse .answer-key{line-height:20px}.c-answerParse .answer-key p{font-weight:700;line-height:20px;margin-bottom:16px}.c-answerParse .answer-key span{word-break:break-all}.c-answerParse.answerParse-success{background:rgba(234,251,228,.6)}.c-answerParse.answerParse-success .answer-res{background:#91c850}.c-evaluateCountdown{background:#f2f2f4;border-radius:8px;color:#212121;min-width:166px;padding:8px 12px;position:absolute;right:0;text-align:center;top:0;z-index:1}.c-evaluateCountdown.evaluateCountdown-hasTime:hover{background:#f1f1f4;padding:8px 32px}.c-evaluateCountdown.evaluateCountdown-hasTime:hover .countdown{font-size:26px;line-height:40px}.c-evaluateCountdown.evaluateCountdown-hasTime:hover .countdown span{line-height:unset}.c-evaluateCountdown.evaluateCountdown-hasTime:hover .countdown svg{display:none}.c-evaluateCountdown.evaluateCountdown-hasTime:hover .answered-wrap{display:block}.c-evaluateCountdown.evaluateCountdown-hasTime .answered-wrap{display:none}.c-evaluateCountdown .countdown{align-content:center;color:#000;display:flex;font-size:14px;justify-content:center}.c-evaluateCountdown .countdown span{line-height:18px}.c-evaluateCountdown .countdown svg{color:#969696;font-size:16px;margin-left:8px}.c-evaluateCountdown .countdown.countdown-red{color:#ff1818}.c-evaluateCountdown .answered-wrap span{color:#2d7aff}.c-evaluate-page{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.c-evaluate-page .evaluate-container{border:1px solid #e0e0e0;border-radius:15px;padding:45px 32px;text-align:center;width:620px}.c-evaluate-page .evaluate-container .evaluate-name{color:#212121;font-size:20px;line-height:28px;margin-bottom:10px;max-height:88px;overflow-y:auto;word-break:break-all}.c-evaluate-page .evaluate-container .evaluate-explain{background:#f2f2f4;border-radius:8px;margin-bottom:24px;overflow:hidden;padding:12px 22px 12px 30px;text-align:left}.c-evaluate-page .evaluate-container .evaluate-explain>div{max-height:206px;overflow-y:auto;padding-right:8px;word-break:break-all}.c-evaluate-page .evaluate-container .evaluate-score{display:flex;margin-bottom:24px}.c-evaluate-page .evaluate-container .evaluate-score li+li{border-left:1px solid hsla(0,0%,84%,.6)}.c-evaluate-page .evaluate-container .evaluate-score li{flex:1}.c-evaluate-page .evaluate-container .evaluate-score li div{color:#000;font-size:36px;line-height:50px}.c-evaluate-page .evaluate-container .evaluate-score li span{color:rgba(0,0,0,.6);font-size:14px;line-height:20px}.c-evaluate-page .evaluate-container .evaluate-time-range{color:#000;font-size:14px;line-height:20px;margin-bottom:20px}.c-evaluate-page .evaluate-container .evaluate-btn{border-radius:8px;color:#fff;font-size:18px;height:unset;padding:16px 0;text-align:center;width:380px}.c-totalScore-warp{background:#f2f2f4;border-radius:6px;color:#666;font-size:14px;font-weight:400;margin-bottom:16px;padding:16px}.c-totalScore-warp div+div{margin-top:4px}.c-totalScore-warp span{color:#090909;font-weight:500}.c-totalScore-warp .score-result{color:#2d7aff}.c-sign-wrap .sigan-content-wrap{display:flex;flex-wrap:wrap}.c-sign-wrap .sigan-content-wrap .sign-item{border:1px solid #d5d5d5;border-radius:4px;box-sizing:border-box;height:96px;margin-right:16px;overflow:hidden;position:relative;width:200px}.c-sign-wrap .sigan-content-wrap .sign-item>img{height:100%;width:100%}.c-sign-wrap .sigan-content-wrap .sign-item:hover>div{display:flex}.c-sign-wrap .sigan-content-wrap .sign-item>div{align-items:center;background:rgba(0,0,0,.8);border-radius:4px;bottom:0;display:none;justify-content:center;left:0;position:absolute;right:0;top:0}.c-sign-wrap .sigan-content-wrap .sign-item>div .n-icon{color:#fff;cursor:pointer;font-size:18px}.c-sign-wrap .sigan-content-wrap .sign-item>div .n-icon+.n-icon{margin-left:20px}.c-sign-wrap .sigan-content-wrap .add-sign-wrap{align-items:center;background:#fafafa;border:1px dashed #d5d5d5;border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:96px;justify-content:center;width:200px}.c-sign-wrap .sigan-content-wrap .add-sign-wrap .svg-icon{color:#000;font-size:32px}.c-sign-wrap .sigan-content-wrap .add-sign-wrap span,.sign-com-wrap>span{color:#585858}.sign-com-wrap .sign-canvas{border:1px solid hsla(0,0%,84%,.6);border-radius:4px;margin-top:16px}.c-scale li,.c-scale ul{list-style:none;margin:0;padding:0}.c-scale .n-input{text-align:left;width:100%}.c-scale .n-form-item{--n-label-height:unset!important}.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}.c-scale-address{max-width:500px}.c-scale-address .field-row{display:flex;overflow:hidden;width:100%}.c-scale-address .field-row .n-select{flex:1;padding:0 5px 5px 0;width:100%}.c-scale-address .field-row .n-select:last-child{padding-right:0}.c-scale-collection,.c-scale-collection .img-card{width:100%}.c-scale-collection.scale-collection-title{text-align:center}.c-scale-collection.scale-collection-title h1{font-weight:500}.c-scale-collection.prompt-message{background-color:#fff;border-radius:4px;box-shadow:0 5px 13px rgba(0,0,0,.14);color:#666;padding:10px;position:relative}.c-scale-collection.prompt-message.is-weak{color:#999}.c-scale-collection.prompt-message.is-strong{color:#ff1818;padding:8px 8px 8px 35px}.c-scale-collection.prompt-message .prompt-icon{font-size:18px;left:8px;position:absolute;top:8px}.c-scale-collection.prompt-message .prompt-message-content{font-size:14px;line-height:16px;word-break:break-all}.c-time-range{align-items:center;display:flex}.c-map-container{cursor:pointer;width:100%}.c-map-container .n-input.map-input .n-input__prefix{transform:rotate(180deg)}.c-map-container .n-input.map-input .n-input__prefix .n-icon{color:rgba(0,0,0,.65)}.c-map-container .n-input.map-input.n-input--disabled .n-input__input-el{background-color:#fff;color:rgba(0,0,0,.65);cursor:pointer}.c-scale-map-modal .n-card__content{overflow:hidden}.c-scale-upload{width:100%}.c-scale-upload .n-upload-file-list{display:flex}.c-scale-upload .n-upload-file-list .n-upload-file .n-upload-file-info .n-upload-file-info__action.n-upload-file-info__action--image-card-type{background:rgba(0,0,0,.5);box-sizing:border-box}.c-scale-upload .n-upload-file-list .n-upload-file .n-upload-file-info .n-upload-file-info__action.n-upload-file-info__action--image-card-type span.n-button__icon{color:#fff}.c-scale-upload .n-upload-file-list .n-upload-trigger.n-upload-trigger--image-card{background-color:#fafafa;border-color:#d5d5d5;height:184px;width:184px}.c-scale-upload .n-upload-file-list .n-upload-file.n-upload-file--image-card-type{background-color:#fafafa;border-color:#d5d5d5;height:184px;padding:8px;width:184px}.c-scale-upload .n-upload-file-list .n-upload-file.n-upload-file--image-card-type .n-image{height:100%}.c-scale-upload .n-upload-file-list .n-upload-file.n-upload-file--image-card-type img{object-fit:cover!important}.c-scale-upload .upload-img-wrap{align-items:center;display:flex;flex-direction:column}.c-scale-upload .dragger-upload-text{align-items:center;display:flex}.c-scale-upload.scale-upload-file .n-upload-dragger{padding:16px 0}.c-scale-upload.scale-upload-file .n-upload{--n-item-disabled-opacity:1!important;opacity:1!important}.c-scale-upload.scale-upload-file .dragger-upload-text{color:rgba(0,0,0,.65)}.c-scale-upload.scale-upload-file .n-upload-file-list{display:flex;flex-direction:column;width:100%}.c-scale-upload.scale-upload-file .n-upload-file-list .n-upload-file{width:100%}.c-scale-upload.scale-upload-file .n-upload-trigger{background:#fafafa;border-color:#d5d5d5;width:100%}.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}.c-scale-modal-container.n-dialog{display:flex;flex-direction:column;height:60vh}.c-scale-modal-container.n-dialog.n-modal{min-width:560px;padding:0;width:50vw}.c-scale-modal-container.n-dialog .n-dialog__title{background:#fff;border-bottom:1px solid #e8e8e8;border-radius:8px 8px 0 0;box-sizing:border-box;height:52px;line-height:52px;padding:14px 16px}.c-scale-modal-container.n-dialog .n-dialog__title .n-dialog__title-content{align-items:center;color:#000;display:flex;font-size:16px;height:100%;justify-content:space-between;overflow:hidden;width:100%}.c-scale-modal-container.n-dialog .n-dialog__title .n-dialog__title-content .modal-title-drag{flex:1}.c-scale-modal-container.n-dialog .n-dialog__title .n-dialog__title-content .svg-wrap{right:16px}.c-scale-modal-container.n-dialog .n-dialog__title .n-dialog__title-content .svg-wrap svg{cursor:pointer;font-size:14px}.c-scale-modal-container.n-dialog .n-dialog__title .n-dialog__title-content .svg-wrap svg+svg{margin-left:16px}.c-scale-modal-container.n-dialog .n-dialog__content{height:100%;margin:0;overflow:hidden;padding:16px}.c-scale-modal-container.n-dialog .n-dialog__action{background:transparent;border-radius:0 0 8px 8px;border-top:1px solid #e8e8e8;box-sizing:border-box;height:52px;padding:10px 16px;text-align:right}