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

package/es/components/scale-view/index.js

@@ -0,0 +1,35 @@
+import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
+import { safeComponentRegister } from '../../shared/utils/index.js';
+import { loadViewer } from '../../shared/utils/loadViewer.js';
+import '../../shared/utils/utilExpand.js';
+import script from './src/ScaleView.js';
+import scriptRadio from './src/components/formitem/r-radio.js';
+import scriptCheckbox from './src/components/formitem/r-checkbox.js';
+import scriptSelect from './src/components/formitem/r-select.js';
+import scriptDatetime from './src/components/formitem/r-datetime.js';
+
+const CScaleView = script;
+const CRadio = scriptRadio;
+const CCheckbox = scriptCheckbox;
+const CSelect = scriptSelect;
+const CDatetime = scriptDatetime;
+CScaleView.install = function(app) {
+  loadViewer(app);
+  safeComponentRegister(app, CScaleView, COMPONENT_NAMESPACE + "ScaleView");
+};
+CRadio.install = function(app) {
+  loadViewer(app);
+  safeComponentRegister(app, CRadio, COMPONENT_NAMESPACE + "Radio");
+};
+CCheckbox.install = function(app) {
+  loadViewer(app);
+  safeComponentRegister(app, CCheckbox, COMPONENT_NAMESPACE + "Checkbox");
+};
+CSelect.install = function(app) {
+  safeComponentRegister(app, CSelect, COMPONENT_NAMESPACE + "Select");
+};
+CDatetime.install = function(app) {
+  safeComponentRegister(app, CDatetime, COMPONENT_NAMESPACE + "Datetime");
+};
+
+export { CCheckbox, CDatetime, CRadio, CScaleView, CSelect };

package/es/components/scale-view/src/ScaleView.js

@@ -0,0 +1,428 @@
+import { defineComponent, reactive, ref, watch, nextTick, openBlock, createElementBlock, normalizeClass, unref, createCommentVNode, Fragment, createBlock, mergeProps, createElementVNode, normalizeStyle, createVNode, withCtx, renderList, toDisplayString, createTextVNode, resolveDynamicComponent, h } from 'vue';
+import useNoData from './hooks/use-noData.js';
+import { getScaleViewState } from './hooks/scaleview-state.js';
+import ScaleViewProps from './hooks/scaleview-props.js';
+import { ScaleViewComputed } from './hooks/scaleview-computed.js';
+import { ScaleViewInit } from './hooks/scaleview-init.js';
+import { ScaleViewSubmit } from './hooks/scaleview-submit.js';
+import { handleQueryParams, isCollection, isEvaluation } from './utils/judge-types.js';
+import { useEvent } from './hooks/use-event.js';
+import NoData from './components/NoData.js';
+import script$1 from '../../../shared/components/SvgIcon/SvgIcon.js';
+import EvaluateCountdown from './components/EvaluateCountdown.js';
+import EvaluatePage from './components/EvaluatePage.js';
+import AnswerParse from './components/AnswerParse.js';
+import ScaleScore from './components/ScaleScore.js';
+import { useDialog, useMessage, NForm, NFormItem, NButton } from 'naive-ui';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
+
+const _hoisted_1 = ["innerHTML"];
+const _hoisted_2 = {
+  key: 0,
+  class: "required-text"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "evalute-label"
+};
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = {
+  key: 1,
+  class: "footer"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ScaleView",
+  props: ScaleViewProps,
+  emits: ["onCloseSetting", "submitNoRequest", "onSubmit"],
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const { ScaleViewState } = getScaleViewState();
+    const state = reactive(ScaleViewState);
+    const dialog = useDialog();
+    const message = useMessage();
+    const countdownDom = ref(null);
+    const formRef = ref(null);
+    const { noDataState, setNoData, resetNodata } = useNoData();
+    const query = handleQueryParams();
+    const {
+      showEvatip,
+      isFormBoldOpen,
+      scaleStyle,
+      handlePageClass,
+      isShowItem,
+      handleShowQuestionNumber,
+      hasScore,
+      isPreviewScale,
+      showEvaluateEntry,
+      showEvaluateCoundownPage,
+      showSaveBtn,
+      showEvaluateLabel,
+      showAnswerParse,
+      propsConfig,
+      evaluatePageProps,
+      evaluateCountdownProps,
+      showEvent,
+      formKey
+    } = ScaleViewComputed(props, state, { query });
+    const { initForm } = ScaleViewInit(props, state, emit, { query });
+    const { submitMethod } = ScaleViewSubmit(props, state, emit, { query });
+    const { nextLogicEvent, handleDynamicDataRelation } = useEvent(props, state);
+    const handleQuery = () => {
+      let { id } = query;
+      id && (state.shareId = id);
+    };
+    handleQuery();
+    const init = (configData) => {
+      console.log("ininin");
+      try {
+        resetNodata();
+        initForm(configData);
+      } catch (error) {
+        console.log(error, "--error");
+        state.spinning = false;
+        state.hasFrontAddress = false;
+        setNoData(true, error == null ? void 0 : error.resultMsg, error == null ? void 0 : error.result);
+      }
+    };
+    watch(
+      () => props.ids,
+      (newVal, oldVal) => {
+        if (oldVal) {
+          if (newVal.guage_id) {
+            if (newVal.guage_id != oldVal.guage_id) {
+              init(newVal);
+            }
+          }
+        } else {
+          if (newVal.guage_id)
+            init(newVal);
+        }
+      },
+      { immediate: true }
+    );
+    watch(
+      () => props.guageData,
+      (value) => {
+        if (!value || !Object.keys(value || {}).length)
+          return;
+        state.form = {};
+        state.formArray = [];
+        const data = JSON.parse(JSON.stringify(value));
+        nextTick(() => {
+          initForm(data);
+        });
+      },
+      { immediate: true }
+    );
+    const writeGuage = (showCountdown) => {
+      state.showEvaluateSettingWrap = false;
+      state.showEvaluateCountdown = !!showCountdown;
+    };
+    const closeEvaluateCountdown = () => {
+      console.log("----closeEvaluateCountdown");
+      state.showEvaluateCountdown = false;
+      if (isPreviewScale.value)
+        return;
+      state.banSubmit = true;
+      submitMethod();
+      dialog.warning({
+        title: "\u6E29\u99A8\u63D0\u793A",
+        content: "\u6D4B\u8BC4\u65F6\u95F4\u5230\u4E86\uFF0C\u7ED3\u675F\u6D4B\u8BC4\uFF01",
+        maskClosable: false,
+        positiveText: "\u786E\u5B9A",
+        onPositiveClick: () => {
+        }
+      });
+    };
+    const showEvaTipModal = async (item) => {
+      var _a;
+      if (state.evatipMap[item.id]) {
+        evatipConfirm(state.evatipMap[item.id]);
+        return;
+      }
+      let key = "getSubjectAnswer";
+      const fn = ((_a = props.scaleApiConfig) == null ? void 0 : _a[key]) || null;
+      if (!fn || typeof fn !== "function") {
+        message.error(`${key} Is not a function`);
+        return;
+      }
+      let obj = await fn(item.id);
+      if (!obj)
+        return;
+      if (!state.evatipMap[item.id]) {
+        state.evatipMap[item.id] = obj;
+        evatipConfirm(obj);
+      }
+    };
+    const evatipConfirm = (str) => {
+      dialog.warning({
+        title: "\u63D0\u793A",
+        content: () => {
+          return h("div", { class: "evatip-container" }, [h("span", "\u7B54\u6848\u89E3\u6790:"), h("p", str)]);
+        },
+        class: "c-evatip-dialog-wrap",
+        showIcon: false,
+        positiveText: "\u786E\u5B9A",
+        negativeText: "\u5173\u95ED",
+        maskClosable: false,
+        onPositiveClick() {
+        },
+        onNegativeClick() {
+        }
+      });
+    };
+    const scaleChange = (val, item, config) => {
+      console.log(val, "--val");
+      let { choiceObj, isSetObj } = config || {};
+      if (!item.type.includes("SELECT")) {
+        state.form[item.val_key] = val;
+      }
+      switch (item.type) {
+        case "SELECT":
+        case "EVALUATE_SELECT":
+          let { value, list = [] } = val;
+          state.form[item.val_key] = value;
+          nextLogicEvent(val, item, state.formArray);
+          handleDynamicDataRelation(list, item, state.formArray);
+          break;
+        case "RADIO_BLOCK":
+        case "CHECKBOX_BLOCK":
+          isSetObj && (state.choiceComObj[item.val_key] = choiceObj);
+          nextLogicEvent(val, item, state.formArray);
+          break;
+        case "EVALUATE_RADIO_BLOCK":
+        case "EVALUATE_CHECKBOX_BLOCK":
+          nextLogicEvent(val, item, state.formArray);
+          break;
+        case "DATE":
+        case "TIME":
+        case "DATETIME":
+        case "SEARCH_CASCADE":
+          state.submitForm[item.val_key] = val;
+          break;
+      }
+    };
+    const labelChange = (labelList, item) => {
+      state.form[item.val_key] = handleGetLabelSubmit(labelList);
+    };
+    const vodFileList = (list, item) => {
+      console.log(item);
+      state.form[item.val_key] = list;
+    };
+    const handleGetLabelSubmit = (labelSelectedList) => {
+      if (!labelSelectedList || !labelSelectedList.length)
+        return {
+          labelStr: "",
+          labels: []
+        };
+      const selectedList = labelSelectedList || [];
+      const labelStrList = [];
+      const labels = [];
+      selectedList.forEach((v) => {
+        labels.push(v);
+        labelStrList.push(v.labelName);
+      });
+      state.labelSelectedList = selectedList;
+      return {
+        labelStr: labelStrList.join(","),
+        labels
+      };
+    };
+    const onSubmit = () => {
+      var _a;
+      let hasEvaluate = state.formArray.find((item) => isEvaluation(item.type));
+      if (!hasEvaluate) {
+        confirmSubmit("\u786E\u8BA4\u8981\u63D0\u4EA4\u5417\uFF1F");
+        return;
+      }
+      let { evaluateResultSetting } = state.config;
+      if (!evaluateResultSetting || !Object.keys(evaluateResultSetting).length && !showEvaluateEntry.value) {
+        confirmSubmit("\u786E\u8BA4\u8981\u7ED3\u675F\u6D4B\u8BC4\u5417\uFF1F");
+        return;
+      }
+      if (props.openType == "formIframe" && showEvaluateEntry.value) {
+        emit("submitNoRequest");
+        return;
+      }
+      let message2 = "\u786E\u5B9A\u8981\u63D0\u524D\u7ED3\u675F\u6D4B\u8BC4\u5417\uFF1F";
+      if (showEvaluateCoundownPage.value && ((_a = countdownDom.value) == null ? void 0 : _a.getCountdownObj)) {
+        const evaCountdownObj = countdownDom.value.getCountdownObj();
+        const { setAnswered, totalLen } = evaCountdownObj;
+        if (setAnswered < totalLen) {
+          message2 = "\u5B58\u5728\u672A\u4F5C\u7B54\u7684\u9898\u76EE\uFF0C\u786E\u5B9A\u8981\u63D0\u524D\u7ED3\u675F\u6D4B\u8BC4\u5417\uFF1F";
+        } else {
+          !(state == null ? void 0 : state.showEvaluateCountdown) && (message2 = "\u786E\u8BA4\u8981\u7ED3\u675F\u6D4B\u8BC4\u5417\uFF1F");
+        }
+      }
+      confirmSubmit(message2);
+    };
+    const confirmSubmit = (message2) => {
+      dialog.warning({
+        title: "\u6E29\u99A8\u63D0\u793A",
+        content: () => h(
+          "div",
+          {
+            style: {
+              paddingLeft: "30px"
+            }
+          },
+          message2
+        ),
+        positiveText: "\u786E\u5B9A",
+        negativeText: "\u53D6\u6D88",
+        maskClosable: false,
+        closable: false,
+        positiveButtonProps: { type: "primary" },
+        onPositiveClick: () => {
+          onSubmitForm();
+        },
+        onNegativeClick() {
+        }
+      });
+    };
+    const onSubmitForm = () => {
+      var _a;
+      (_a = formRef.value) == null ? void 0 : _a.validate((errors) => {
+        var _a2;
+        if (!errors) {
+          submitMethod();
+        } else {
+          console.log(errors);
+          let error = ((_a2 = errors[0]) == null ? void 0 : _a2[0]) || {};
+          let field = error.field, msg = error.message;
+          let matchItem = state.formArray.find((v) => v.databaseTitle === field);
+          if (matchItem) {
+            field = matchItem.title;
+          }
+          message.error(field + msg);
+          return false;
+        }
+      });
+    };
+    const cancel = () => {
+      emit("onCloseSetting");
+    };
+    const getScaleData = () => {
+      return { ...state };
+    };
+    expose({
+      getScaleData,
+      onSubmit,
+      cancel
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["c-scale", { "c-scale-nobtn": unref(showSaveBtn) }])
+      }, [
+        createCommentVNode(' <template v-if="state.spinning">\n      <n-spin :show="state.spinning" description="\u52A0\u8F7D\u4E2D"></n-spin>\n    </template> '),
+        !state.spinning && !state.hasFrontAddress ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          unref(noDataState).noData ? (openBlock(), createBlock(NoData, {
+            key: 0,
+            noDataImg: unref(noDataState).noDataImg,
+            noDataTip: unref(noDataState).noDataTip
+          }, null, 8, ["noDataImg", "noDataTip"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            unref(showEvaluateEntry) ? (openBlock(), createBlock(EvaluatePage, mergeProps({ key: 0 }, unref(evaluatePageProps), { onWriteGuage: writeGuage }), null, 16)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              unref(showEvaluateCoundownPage) ? (openBlock(), createBlock(EvaluateCountdown, mergeProps({
+                key: 0,
+                ref_key: "countdownDom",
+                ref: countdownDom
+              }, unref(evaluateCountdownProps), { onCloseEvaluateCountdown: closeEvaluateCountdown }), null, 16)) : createCommentVNode("v-if", true),
+              createElementVNode("div", {
+                class: normalizeClass(["scale-container", {
+                  "scale-container-nopadding": unref(handlePageClass),
+                  "scale-container-hasfooter": unref(showSaveBtn)
+                }]),
+                style: normalizeStyle(unref(scaleStyle))
+              }, [
+                unref(hasScore) ? (openBlock(), createBlock(unref(ScaleScore), {
+                  key: 0,
+                  config: state.config,
+                  maxScore: state.maxScore
+                }, null, 8, ["config", "maxScore"])) : createCommentVNode("v-if", true),
+                createVNode(unref(NForm), {
+                  ref_key: "formRef",
+                  ref: formRef,
+                  model: state.form,
+                  rules: state.rules,
+                  "require-mark-placement": "left",
+                  class: "main"
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(state.formArray, (item, index) => {
+                      return openBlock(), createElementBlock(Fragment, {
+                        key: (item.id || item.seq) + index
+                      }, [
+                        unref(isShowItem)(item) ? (openBlock(), createBlock(unref(NFormItem), {
+                          key: 0,
+                          path: item.val_key,
+                          "show-label": !unref(isCollection)(item.type)
+                        }, {
+                          label: withCtx(() => [
+                            createElementVNode("span", {
+                              class: normalizeClass({ "scale-label-required": unref(isFormBoldOpen)(item) }),
+                              innerHTML: unref(handleShowQuestionNumber)(item)
+                            }, null, 10, _hoisted_1),
+                            unref(isFormBoldOpen)(item) ? (openBlock(), createElementBlock("span", _hoisted_2, "(\u5FC5\u586B)")) : createCommentVNode("v-if", true),
+                            unref(showEvaluateLabel)(item) ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(unref(showEvaluateLabel)(item)), 1)) : createCommentVNode("v-if", true),
+                            unref(showEvatip)(item) ? (openBlock(), createElementBlock("span", {
+                              key: 2,
+                              class: "evalute-tip",
+                              onClick: ($event) => showEvaTipModal(item)
+                            }, [
+                              createVNode(unref(script$1), { "icon-class": "a-xitongtubiaotishi" }),
+                              createTextVNode(" \u67E5\u770B\u63D0\u793A ")
+                            ], 8, _hoisted_4)) : createCommentVNode("v-if", true)
+                          ]),
+                          default: withCtx(() => [
+                            (openBlock(), createBlock(resolveDynamicComponent(item.renderCom), mergeProps(unref(propsConfig)(item, index), {
+                              key: (item.id || item.seq) + index,
+                              onScaleChange: scaleChange,
+                              onOnChange: ($event) => labelChange($event, item),
+                              onVodFileList: vodFileList
+                            }), null, 16, ["onOnChange"])),
+                            unref(showAnswerParse)(item) ? (openBlock(), createBlock(AnswerParse, {
+                              key: 0,
+                              item
+                            }, null, 8, ["item"])) : createCommentVNode("v-if", true)
+                          ]),
+                          _: 2
+                        }, 1032, ["path", "show-label"])) : createCommentVNode("v-if", true)
+                      ], 64);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["model", "rules"])
+              ], 6),
+              unref(showSaveBtn) ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                createCommentVNode(" \u5206\u4EAB\u7684\u94FE\u63A5 \u9690\u85CF\u53D6\u6D88\u6309\u94AE "),
+                props.sourceType !== "guage" ? (openBlock(), createBlock(unref(NButton), {
+                  key: 0,
+                  onClick: cancel
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("\u53D6\u6D88")
+                  ]),
+                  _: 1
+                })) : createCommentVNode("v-if", true),
+                !props.isLock ? (openBlock(), createBlock(unref(NButton), {
+                  key: 1,
+                  onClick: onSubmit,
+                  disabled: state.banSubmit,
+                  type: "primary"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("\u4FDD\u5B58")
+                  ]),
+                  _: 1
+                }, 8, ["disabled"])) : createCommentVNode("v-if", true)
+              ])) : createCommentVNode("v-if", true)
+            ], 64))
+          ], 64))
+        ], 64)) : createCommentVNode("v-if", true)
+      ], 2);
+    };
+  }
+});
+var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "ScaleView.vue"]]);
+
+export { script as default };