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

package/es/components/button-print/src/ButtonPrint.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,481 @@
+import { defineComponent, reactive, computed, onMounted, onUnmounted, watch, openBlock, createElementBlock, Fragment, createVNode, unref, withCtx, renderSlot, withModifiers, createCommentVNode, createTextVNode, toDisplayString, mergeProps } from 'vue';
+import { isObject } from '@vue/shared';
+import { useMessage, NDropdown, NButton, NIcon } from 'naive-ui';
+import { ChevronDown } from '@vicons/ionicons5';
+import { Print } from './utils/print.js';
+import IdentityVerification from './components/IdentityVerification.js';
+import moment from 'moment';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ButtonPrint",
+  props: {
+    printParams: {
+      type: Array
+    },
+    params: {
+      default: () => [],
+      type: Array
+    },
+    btnText: {
+      default: "\u6253\u5370",
+      type: String
+    },
+    printText: {
+      default: "\u76F4\u63A5\u6253\u5370",
+      type: String
+    },
+    previewText: {
+      default: "\u6253\u5370\u9884\u89C8",
+      type: String
+    },
+    pdfLoadText: {
+      default: "\u4E0B\u8F7Dpdf",
+      type: String
+    },
+    formatEditText: {
+      default: "\u683C\u5F0F\u7F16\u8F91",
+      type: String
+    },
+    prevFn: {
+      default: () => Promise.resolve(),
+      type: Function
+    },
+    queryPrintFormatByNumber: {
+      default: () => Promise.resolve({}),
+      type: Function
+    },
+    queryTemplateParams: {
+      default: () => Promise.resolve({}),
+      type: Function
+    },
+    strategy: {
+      default: "MULTI",
+      type: String
+    },
+    clickPrevFn: {
+      default: () => Promise.resolve(true),
+      type: Function
+    },
+    noDataMsg: {
+      default: "\u8BF7\u9009\u4E2D\u9700\u8981\u6253\u5370\u7684\u6570\u636E",
+      type: String
+    },
+    token: {
+      type: String
+    }
+  },
+  emits: ["success", "error", "clickoutside"],
+  setup(__props, {
+    emit
+  }) {
+    const props = __props;
+    const $message = useMessage();
+    let printInstance;
+    const state = reactive({
+      spinning: false,
+      visible: false,
+      formatList: [],
+      templateParams: {},
+      printParams: [],
+      currentFormatId: "",
+      identityVerification: {
+        visible: false
+      },
+      isInited: false,
+      watchPrintParamsReformatFn: null,
+      spinTimer: null
+    });
+    const options = reactive([{
+      label: props.printText,
+      key: "printText"
+    }, {
+      label: props.previewText,
+      key: "previewText"
+    }, {
+      label: props.pdfLoadText,
+      key: "downloadPdf"
+    }, {
+      label: props.formatEditText,
+      key: "formatEditText"
+    }]);
+    const currentFormatItem = computed(() => {
+      if (!state.currentFormatId)
+        return {};
+      let id = state.currentFormatId;
+      return state.formatList.find((item) => item.id === id);
+    });
+    const formatTitle = computed(() => currentFormatItem.value.name || "\u683C\u5F0F\u9009\u62E9");
+    const getTemplateIdByFormatId = computed(() => {
+      let find = state.formatList.find((item) => item.id === state.currentFormatId);
+      return find == null ? void 0 : find.templateId;
+    });
+    const renderLabel = (option) => {
+      return createVNode("span", {
+        "class": {
+          active: option.key === state.currentFormatId
+        }
+      }, [option.label]);
+    };
+    const callLocalServicesSuccessCb = (res, type) => {
+      let info = {
+        type,
+        formatId: state.currentFormatId,
+        templateId: getTemplateIdByFormatId.value
+      };
+      emit("success", res, info);
+    };
+    const callLocalServicesErrorCb = (res) => {
+      emit("error", res);
+      if (isObject(res) && res.type === "notInstalledApp") {
+        $message.error(res.message);
+      }
+    };
+    const prevFnError = () => {
+      let error = {
+        message: "\u524D\u7F6E\u6761\u4EF6\u6267\u884C\u9519\u8BEF"
+      };
+      emit("error", error);
+    };
+    const getPrintParams = (index = 0) => {
+      var _a;
+      const params = ((_a = props.printParams) == null ? void 0 : _a.length) ? props.printParams[index] : state.printParams[index];
+      return JSON.stringify({
+        ...params || {},
+        ...props.token ? {
+          token: props.token
+        } : {}
+      });
+    };
+    const getOnceParams = () => {
+      var _a, _b;
+      let params = {};
+      let obj = {};
+      if ((_a = state.templateParams.customizeDataset) == null ? void 0 : _a.length) {
+        const key = ((_b = Object.keys(state.printParams[0].datasetData || {})) == null ? void 0 : _b[0]) || "";
+        const datasetDataKeyVal = JSON.stringify(state.printParams.map((v) => JSON.parse(v.datasetData[key])));
+        obj = {
+          datasetData: {}
+        };
+        obj.datasetData[key] = datasetDataKeyVal;
+      } else {
+        Object.keys(state.printParams[0]).forEach((v) => {
+          obj[v] = [];
+          state.printParams.forEach((k) => {
+            obj[v].push(k[v]);
+          });
+          obj[v] = obj[v].join(",");
+        });
+      }
+      params = Object.assign({}, JSON.parse(getPrintParams(0)), obj);
+      return JSON.stringify(params);
+    };
+    const handleClickPrint = () => {
+      let len = state.printParams.length;
+      const callLocalServicesSuccessCbTmp = async (data) => {
+        try {
+          if (--len <= 0) {
+            callLocalServicesSuccessCb(data, "print");
+          }
+        } catch (error) {
+          console.log("error", error);
+        }
+      };
+      props.prevFn().catch(() => {
+        prevFnError();
+        return Promise.reject();
+      }).then(() => {
+        const queryParams = {
+          formatId: state.currentFormatId,
+          templateId: getTemplateIdByFormatId.value
+        };
+        if (props.strategy === "MULTI") {
+          for (let i = 0; i < state.printParams.length; i++) {
+            printInstance.printDirect({
+              ...queryParams,
+              params: getPrintParams(i)
+            }, callLocalServicesSuccessCbTmp, callLocalServicesErrorCb);
+          }
+        } else {
+          printInstance.printDirect({
+            ...queryParams,
+            params: getOnceParams()
+          }, (res) => {
+            callLocalServicesSuccessCb(res, "print");
+          }, callLocalServicesErrorCb);
+        }
+      }).finally(() => {
+        state.visible = false;
+      });
+    };
+    const handleClickPreview = async () => {
+      props.prevFn().catch(() => {
+        prevFnError();
+        return Promise.reject();
+      }).then(() => {
+        const params = props.strategy === "MULTI" ? getPrintParams() : getOnceParams();
+        const queryParams = {
+          formatId: state.currentFormatId,
+          templateId: getTemplateIdByFormatId.value,
+          params
+        };
+        printInstance.preview(queryParams, (res) => {
+          callLocalServicesSuccessCb(res, "preview");
+        }, callLocalServicesErrorCb);
+      }).finally(() => {
+        state.visible = false;
+      });
+    };
+    const handleClickPdf = async () => {
+      props.prevFn().catch(() => {
+        prevFnError();
+        return Promise.reject();
+      }).then(() => {
+        const params = props.strategy === "MULTI" ? getPrintParams() : getOnceParams();
+        const queryParams = {
+          formatId: state.currentFormatId,
+          templateId: getTemplateIdByFormatId.value,
+          print: {
+            print: "1",
+            type: "1"
+          },
+          params
+        };
+        printInstance.downloadPDF(queryParams, (res) => callLocalServicesSuccessCb(res, "preview"), callLocalServicesErrorCb);
+      }).finally(() => {
+        state.visible = false;
+      });
+    };
+    const handleClickEdit = () => {
+      props.prevFn().catch(() => {
+        prevFnError();
+        return Promise.reject();
+      }).then(() => {
+        state.identityVerification.visible = true;
+      }).finally(() => {
+        state.visible = false;
+      });
+    };
+    const handleSelect = (key) => {
+      switch (key) {
+        case "printText":
+          handleClickPrint();
+          break;
+        case "previewText":
+          handleClickPreview();
+          break;
+        case "formatEditText":
+          handleClickEdit();
+          break;
+        case "downloadPdf":
+          handleClickPdf();
+          break;
+        default:
+          state.currentFormatId = key;
+          state.visible = false;
+          break;
+      }
+    };
+    const handleClickOutside = () => {
+      state.visible = false;
+      emit("clickoutside");
+    };
+    const instantiatePrintSDK = () => {
+      if (printInstance)
+        return false;
+      printInstance = new Print();
+    };
+    const getDefaultFormatId = (list, key) => {
+      if (!(list == null ? void 0 : list.length))
+        return "";
+      let findDefault = list.find((item) => item[key] == 1);
+      return (findDefault == null ? void 0 : findDefault.id) || list[0].id;
+    };
+    const setOptions = () => {
+      const children = state.formatList.map((v) => {
+        return {
+          label: v.name,
+          key: v.id
+        };
+      });
+      options.unshift({
+        label: formatTitle.value,
+        key: "format",
+        children
+      });
+    };
+    const formatFormatList = (list) => {
+      let formatList = [];
+      list && list.forEach((item) => {
+        if (!item.format)
+          return false;
+        formatList.push(...item.format);
+      });
+      return formatList;
+    };
+    const requestError = () => {
+      state.isInited = false;
+      state.spinning = false;
+      setTimeout(() => {
+        state.visible = false;
+      }, 0);
+      return false;
+    };
+    const formatDefaultVal = (i, tableVal) => {
+      let val = i.defaultValue || "";
+      let tVal = tableVal;
+      if (i.type === "NUMBER") {
+        tVal = Number(tableVal) || 0;
+      }
+      if (i.type === "DATE") {
+        tVal = tableVal ? moment(tableVal).format("YYYY-MM-DD") : "";
+      }
+      if (i.type === "DATETIME") {
+        tVal = tableVal ? moment(tableVal).format("YYYY-MM-DD HH:mm:ss") : "";
+      }
+      return val ? val : tVal;
+    };
+    const formatPrintParams = (paramObj, fieldList, keyName) => {
+      const obj = {};
+      fieldList.forEach((i) => {
+        let defaultVal = formatDefaultVal(i, paramObj[i[keyName]]);
+        if (paramObj[i[keyName]] && defaultVal) {
+          obj[i[keyName]] = defaultVal;
+        }
+      });
+      return obj;
+    };
+    const formatParams = ({
+      customizeDataset = [],
+      param = []
+    }, params = []) => {
+      return params.map((paramObj) => {
+        let res = {};
+        customizeDataset.forEach((dataSetItem) => {
+          const selectFieldList = dataSetItem.dataSetting[0].selectFieldList;
+          res["datasetData"] = {
+            [dataSetItem.name]: JSON.stringify(formatPrintParams(paramObj, selectFieldList, "fieldName"))
+          };
+        });
+        res = Object.assign({}, res, formatPrintParams(paramObj, param, "key"));
+        return res;
+      });
+    };
+    const initCRM = async (formatListResult) => {
+      var _a;
+      state.formatList = formatListResult ? formatFormatList(formatListResult.obj) : [];
+      state.currentFormatId = getDefaultFormatId(state.formatList, "defaultFlag");
+      if (!state.currentFormatId) {
+        $message.error("\u83B7\u53D6\u6253\u5370\u683C\u5F0F\u5931\u8D25\uFF0C\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458\uFF01");
+        return requestError();
+      }
+      setOptions();
+      let templateParamsResult = (_a = await props.queryTemplateParams()) == null ? void 0 : _a.obj;
+      if (templateParamsResult && getTemplateIdByFormatId.value) {
+        state.templateParams = templateParamsResult;
+      } else {
+        $message.error("\u83B7\u53D6\u6253\u5370\u6A21\u677F\u5931\u8D25\uFF0C\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458\uFF01");
+        return requestError();
+      }
+      state.printParams = formatParams(state.templateParams, props.params);
+    };
+    const init = async () => {
+      if (state.isInited)
+        return true;
+      state.isInited = true;
+      state.spinning = true;
+      instantiatePrintSDK();
+      const formatListResult = await props.queryPrintFormatByNumber();
+      await initCRM(formatListResult);
+      state.spinning = false;
+      return true;
+    };
+    const handleClickBtn = async () => {
+      var _a;
+      const status = await props.clickPrevFn();
+      if (!status)
+        return;
+      if (!((_a = props.params) == null ? void 0 : _a.length)) {
+        $message.warning(props.noDataMsg);
+        return;
+      }
+      if (!state.visible) {
+        let result = await init();
+        if (!result)
+          return false;
+      }
+      state.visible = !state.visible;
+    };
+    const reformatPrintParams = () => {
+      state.watchPrintParamsReformatFn && state.watchPrintParamsReformatFn();
+      if (!state.isInited) {
+        state.watchPrintParamsReformatFn = () => watch(() => state.isInited, (val) => {
+          if (!val)
+            return false;
+          reformatPrintParams();
+        });
+        return;
+      }
+      state.printParams = formatParams(state.templateParams, props.params);
+    };
+    const verifiySuccess = (token) => {
+      state.identityVerification.visible = false;
+      const queryParams = {
+        formatId: state.currentFormatId,
+        templateId: getTemplateIdByFormatId.value,
+        params: getPrintParams(),
+        token
+      };
+      printInstance.editPrintFormat(queryParams, (res) => {
+        callLocalServicesSuccessCb(res, "edit");
+      }, callLocalServicesErrorCb);
+    };
+    onMounted(() => {
+      state.isInited = false;
+    });
+    onUnmounted(() => {
+      printInstance == null ? void 0 : printInstance.destroy();
+    });
+    watch(() => props.params, (val) => {
+      if (!(val == null ? void 0 : val.length))
+        return false;
+      reformatPrintParams();
+    }, {
+      deep: true
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(NDropdown), {
+        class: "c-dropdown",
+        placement: "bottom-start",
+        trigger: "click",
+        show: state.visible,
+        onClickoutside: handleClickOutside,
+        options,
+        onSelect: handleSelect,
+        "render-label": renderLabel
+      }, {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "button", {
+          handleClickPrintBtn: handleClickBtn,
+          printSpinning: state.spinning,
+          printbtnText: __props.btnText,
+          printVisible: state.visible
+        }, () => [createVNode(unref(NButton), {
+          class: "dropdown-button",
+          onClick: withModifiers(handleClickBtn, ["stop"])
+        }, {
+          default: withCtx(() => [createCommentVNode(' <n-spin v-show="state.spinning" size="small"></n-spin> '), createTextVNode(toDisplayString(__props.btnText) + " ", 1), createVNode(unref(NIcon), {
+            component: unref(ChevronDown)
+          }, null, 8, ["component"])]),
+          _: 1
+        }, 8, ["onClick"])])]),
+        _: 3
+      }, 8, ["show", "options"]), createVNode(IdentityVerification, mergeProps({
+        modelValue: state.identityVerification.visible,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.identityVerification.visible = $event)
+      }, _ctx.$attrs, {
+        onSuccess: verifiySuccess
+      }), null, 16, ["modelValue"])], 64);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/button-print/src/components/IdentityVerification.js

@@ -0,0 +1,139 @@
+import { defineComponent, reactive, ref, watch, openBlock, createBlock, unref, normalizeStyle, withCtx, createElementVNode, createVNode, createTextVNode } from 'vue';
+import { useMessage, NModal, NForm, NFormItem, NInput, NButton } from 'naive-ui';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
+
+const _hoisted_1 = { class: "content" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IdentityVerification",
+  props: {
+    verifyUser: { type: Function, default: () => Promise.resolve() },
+    identityVerificationTitle: { default: "\u6253\u5370\u670D\u52A1\u8EAB\u4EFD\u6821\u9A8C" },
+    modelValue: { type: Boolean }
+  },
+  emits: ["update:modelValue", "success", "close"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const $message = useMessage();
+    const DEFAULT_FORM = {
+      account: "",
+      password: ""
+    };
+    let form = reactive({ ...DEFAULT_FORM });
+    const rules = {
+      account: { required: true, message: "\u8BF7\u8F93\u5165\u8D26\u53F7" },
+      password: { required: true, message: "\u8BF7\u8F93\u5165\u5BC6\u7801" }
+    };
+    const style = {
+      width: "416px"
+    };
+    const formRef = ref(null);
+    const handleClickClose = () => {
+      emit("update:modelValue", false);
+      emit("close");
+    };
+    const loading = ref(false);
+    const submit = async () => {
+      var _a;
+      try {
+        loading.value = true;
+        const { data = {} } = await props.verifyUser(form) || {};
+        if (data.result !== "SUCCESS") {
+          $message.error(data.resultMsg || "\u8BF7\u6DFB\u52A0\u8EAB\u4EFD\u6821\u9A8C\u63A5\u53E3\u914D\u7F6E");
+          return false;
+        }
+        emit("success", (_a = data.map) == null ? void 0 : _a.token);
+      } finally {
+        loading.value = false;
+      }
+    };
+    const handleClickSubmit = () => {
+      var _a;
+      (_a = formRef.value) == null ? void 0 : _a.validate((errors) => {
+        if (!errors) {
+          submit();
+        } else {
+          console.log(errors);
+          return false;
+        }
+      });
+    };
+    watch(
+      () => props.modelValue,
+      (val) => {
+        if (val)
+          return;
+        Object.assign(form, DEFAULT_FORM);
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NModal), {
+        preset: "dialog",
+        title: __props.identityVerificationTitle,
+        class: "standard-modal standard-modal-white authentication-modal",
+        show: __props.modelValue,
+        "close-on-esc": false,
+        "show-icon": false,
+        style: normalizeStyle({ width: style.width, overflowY: "auto" }),
+        onClose: handleClickClose
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createVNode(unref(NForm), {
+              class: "login-form-button-print",
+              ref_key: "formRef",
+              ref: formRef,
+              model: unref(form),
+              rules
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(NFormItem), { path: "account" }, {
+                  default: withCtx(() => [
+                    createVNode(unref(NInput), {
+                      value: unref(form).account,
+                      "onUpdate:value": _cache[0] || (_cache[0] = ($event) => unref(form).account = $event),
+                      placeholder: "\u8BF7\u8F93\u5165\u8D26\u53F7"
+                    }, null, 8, ["value"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(unref(NFormItem), { path: "password" }, {
+                  default: withCtx(() => [
+                    createVNode(unref(NInput), {
+                      type: "password",
+                      "input-props": { autocomplete: "on", name: "password" },
+                      value: unref(form).password,
+                      "onUpdate:value": _cache[1] || (_cache[1] = ($event) => unref(form).password = $event),
+                      placeholder: "\u8BF7\u8F93\u5165\u5BC6\u7801"
+                    }, null, 8, ["value"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(unref(NFormItem), null, {
+                  default: withCtx(() => [
+                    createVNode(unref(NButton), {
+                      loading: loading.value,
+                      type: "primary",
+                      class: "login-form-button",
+                      onClick: handleClickSubmit
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode("\u767B\u5F55")
+                      ]),
+                      _: 1
+                    }, 8, ["loading"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["model"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["title", "show", "style"]);
+    };
+  }
+});
+var IdentityVerification = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "IdentityVerification.vue"]]);
+
+export { IdentityVerification as default };