@fecp/mobile-designer 1.0.8 → 1.0.9

package/lib/packages/mobile/src/components/custom/approvalBar/ApprovalBar.vue.js

@@ -0,0 +1,392 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                                               */
+;/* empty css                                                */
+;/* empty css                                                  */
+;/* empty css                                                 */
+;/* empty css                                                */
+;/* empty css                                                     */
+;/* empty css                                               */
+;/* empty css                                              */
+;/* empty css                                                       */
+;/* empty css                                                 */
+;/* empty css                                               */
+;/* empty css                                                  */
+;/* empty css                                                */
+;/* empty css                                               */
+;/* empty css                                                */
+;/* empty css                                                     */
+;/* empty css                                                 */
+;/* empty css                                                            */
+const require$$1 = require("vue");
+const common = require("../../../utils/common.js");
+const pageHistory = require("../../../utils/pageHistory.js");
+require("../../../utils/eventBus.js");
+const page = require("../../../page.vue.js");
+const vuex_esmBundler = require("../../../../../../node_modules/vuex/dist/vuex.esm-bundler.js");
+;/* empty css                  */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
+const functionCall = require("../../../../node_modules/vant/es/toast/function-call.js");
+require("../../../../node_modules/vant/es/toast/index.js");
+const index = require("../../../../node_modules/vant/es/action-bar/index.js");
+const index$1 = require("../../../../node_modules/vant/es/action-bar-button/index.js");
+const index$2 = require("../../../../node_modules/vant/es/popup/index.js");
+const index$3 = require("../../../../node_modules/vant/es/field/index.js");
+const index$4 = require("../../../../node_modules/vant/es/picker/index.js");
+const _hoisted_1 = {
+  key: 1,
+  class: "fec-mobile-approval-disabled"
+};
+const _hoisted_2 = { class: "appPopContent" };
+const _hoisted_3 = {
+  class: "appOptContent",
+  style: { "max-height": "235px", "padding-bottom": "0" }
+};
+const _hoisted_4 = { class: "appPopContent" };
+const _hoisted_5 = { class: "appOptContent" };
+const _sfc_main = {
+  __name: "ApprovalBar",
+  props: {
+    params: {
+      type: Object,
+      default: {}
+    },
+    taskData: {
+      type: Object,
+      default: {}
+    },
+    actionBarOptions: {
+      type: Array,
+      default: []
+    },
+    opinionTypeOptions: {
+      type: Array,
+      default: []
+    },
+    operationPageId: {
+      type: String,
+      default: ""
+    },
+    canMobileApproval: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props) {
+    const store = vuex_esmBundler.useStore();
+    const props = __props;
+    const currentInstance = require$$1.getCurrentInstance();
+    const ctx = currentInstance.proxy;
+    const pageList = require$$1.inject("pageList");
+    const operPage = common.findPageById(pageList.value, props.operationPageId);
+    const showAgreePop = require$$1.ref(false);
+    const showOtherPop = require$$1.ref(false);
+    const showOpinionPicker = require$$1.ref(false);
+    const showTargetNodePicker = require$$1.ref(false);
+    const opinionForm = require$$1.reactive({
+      approveId: "",
+      approveIdea: "",
+      targetNodeId: ""
+    });
+    const opinionTypeOptionsFieldName = {
+      text: "approveIdea",
+      value: "id"
+    };
+    const targetNodeList = require$$1.ref([]);
+    const targetNodeSelectShow = require$$1.ref(false);
+    function clickHandler(item) {
+      console.log("🚀 ~ clickHandler ~ item:", item);
+      if (item.approvalType == "agree") {
+        showAgreePop.value = true;
+      } else if (item.approvalType == "other") {
+        opinionForm.approveId = "";
+        opinionForm.approveText = "";
+        opinionForm.approveType = "";
+        opinionForm.targetNodeId = "";
+        opinionForm.targetNodeText = "";
+        targetNodeList.value = [];
+        targetNodeSelectShow.value = false;
+        showOtherPop.value = true;
+      }
+    }
+    function onOpinionConfirm({ selectedOptions }) {
+      var _a, _b, _c;
+      opinionForm.approveId = ((_a = selectedOptions[0]) == null ? void 0 : _a.id) || "";
+      opinionForm.approveText = ((_b = selectedOptions[0]) == null ? void 0 : _b.approveIdea) || "";
+      opinionForm.approveType = ((_c = selectedOptions[0]) == null ? void 0 : _c.approveType) || "";
+      switch (opinionForm.approveType) {
+        //提交到当前节点后的指定节点
+        case "C2":
+        //提交到已执行过的指定节点
+        case "C22":
+        //退回到指定节点
+        case "R5":
+        //退回到主流指定节点
+        case "R50":
+        //退回到指定节点并提交到退回节点
+        case "R55":
+          getNodeList(
+            props.taskData.taskId,
+            targetNodeList,
+            opinionForm.approveType
+          );
+          targetNodeSelectShow.value = true;
+          break;
+      }
+      showOpinionPicker.value = false;
+    }
+    function getNodeList(taskId, nodeList, approveType) {
+      switch (approveType) {
+        //提交到当前节点后的指定节点
+        case "C2":
+          ctx.$http.postForm(
+            "/base-server/flow/flowApproveDetail/getAllNextNodeList",
+            { taskId },
+            false
+          ).then((data) => {
+            nodeList.value = data;
+            debugger;
+          });
+          break;
+        //提交到已执行过的指定节点
+        case "C22":
+          ctx.$http.postForm(
+            "/base-server/flow/flowApproveDetail/getFinishNodeList",
+            { taskId },
+            false
+          ).then((data) => {
+            nodeList.value = data;
+            debugger;
+          });
+          break;
+        //退回到主流指定节点
+        case "R50":
+          ctx.$http.postForm(
+            "/base-server/flow/flowApproveDetail/getFinishParentNodeList",
+            { taskId },
+            false
+          ).then((data) => {
+            nodeList.value = data;
+            debugger;
+          });
+          break;
+        //退回到指定节点
+        case "R5":
+        //退回到指定节点并提交到退回节点
+        case "R55":
+          ctx.$http.postForm(
+            "/base-server/flow/flowApproveDetail/getRollBackNodeList",
+            { taskId },
+            false
+          ).then((data) => {
+            nodeList.value = data;
+            debugger;
+          });
+          break;
+      }
+    }
+    function onTargetNodeConfirm({ selectedOptions }) {
+      var _a, _b;
+      opinionForm.targetNodeId = (_a = selectedOptions[0]) == null ? void 0 : _a.id;
+      opinionForm.targetNodeText = (_b = selectedOptions[0]) == null ? void 0 : _b.name;
+      showTargetNodePicker.value = false;
+    }
+    const operPageRef = require$$1.ref();
+    function submitOpinion() {
+      var _a;
+      const formData = ((_a = operPageRef.value) == null ? void 0 : _a.getFormData()) || {};
+      const commitData = {
+        appPageData: formData,
+        approveDesc: opinionForm.approveIdea,
+        approveId: opinionForm.approveId,
+        approveName: opinionForm.approveText || "同意",
+        approveType: opinionForm.approveType || "C1",
+        currentUser: store.getters.user,
+        sendUserId: "",
+        nextUser: "",
+        targetNodeId: opinionForm.targetNodeId,
+        addSignList: [],
+        taskData: props.taskData,
+        taskId: props.taskData.taskId,
+        variables: {}
+      };
+      console.log("🚀 ~ submitOpinion ~ commitData:", commitData);
+      functionCall.showLoadingToast({
+        message: "提交中...",
+        forbidClick: true,
+        duration: 0
+      });
+      ctx.$http.post("/base-server/flow/flowApproveDetail/doCommit", commitData, false).then((data) => {
+        if (data && data.needOper) {
+          functionCall.showFailToast("待开发：需要人工操作的节点");
+        } else {
+          functionCall.showSuccessToast("提交成功");
+          showOtherPop.value = false;
+          showAgreePop.value = false;
+          goBack();
+        }
+      });
+    }
+    const goBack = () => {
+      pageHistory.pageHistory.back();
+    };
+    return (_ctx, _cache) => {
+      const _component_van_action_bar_button = index$1.ActionBarButton;
+      const _component_van_action_bar = index.ActionBar;
+      const _component_van_field = index$3.Field;
+      const _component_van_popup = index$2.Popup;
+      const _component_van_picker = index$4.Picker;
+      return require$$1.openBlock(), require$$1.createElementBlock(require$$1.Fragment, null, [
+        require$$1.createVNode(_component_van_action_bar, {
+          "safe-area-inset-bottom": "",
+          style: require$$1.normalizeStyle({ paddingTop: __props.canMobileApproval ? "8px" : "0px" })
+        }, {
+          default: require$$1.withCtx(() => [
+            __props.canMobileApproval ? (require$$1.openBlock(true), require$$1.createElementBlock(require$$1.Fragment, { key: 0 }, require$$1.renderList(__props.actionBarOptions, (item) => {
+              return require$$1.openBlock(), require$$1.createBlock(_component_van_action_bar_button, {
+                class: require$$1.normalizeClass(item.bgClass || "icon-blue"),
+                text: item.text,
+                onClick: ($event) => clickHandler(item)
+              }, null, 8, ["class", "text", "onClick"]);
+            }), 256)) : (require$$1.openBlock(), require$$1.createElementBlock("div", _hoisted_1, " 当前流程任务不支持移动端审批，请前往 PC 端处理 "))
+          ]),
+          _: 1
+        }, 8, ["style"]),
+        require$$1.createVNode(_component_van_popup, {
+          show: require$$1.unref(showAgreePop),
+          "onUpdate:show": _cache[1] || (_cache[1] = ($event) => require$$1.isRef(showAgreePop) ? showAgreePop.value = $event : null),
+          round: "",
+          position: "bottom",
+          style: { "height": "80%" }
+        }, {
+          default: require$$1.withCtx(() => [
+            require$$1.createElementVNode("div", _hoisted_2, [
+              require$$1.unref(operPage) ? (require$$1.openBlock(), require$$1.createBlock(page.default, {
+                key: 0,
+                parentPage: require$$1.unref(operPage),
+                params: __props.params,
+                ref_key: "operPageRef",
+                ref: operPageRef
+              }, null, 8, ["parentPage", "params"])) : require$$1.createCommentVNode("", true),
+              require$$1.createElementVNode("div", _hoisted_3, [
+                require$$1.createVNode(_component_van_field, {
+                  modelValue: require$$1.unref(opinionForm).approveIdea,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => require$$1.unref(opinionForm).approveIdea = $event),
+                  rows: "6",
+                  autosize: "",
+                  label: "意见内容",
+                  type: "textarea",
+                  maxlength: "500",
+                  "show-word-limit": "",
+                  placeholder: "请输入审批意见"
+                }, null, 8, ["modelValue"])
+              ]),
+              require$$1.createVNode(_component_van_action_bar, { "safe-area-inset-bottom": "" }, {
+                default: require$$1.withCtx(() => [
+                  require$$1.createVNode(_component_van_action_bar_button, {
+                    class: require$$1.normalizeClass("icon-blue"),
+                    text: "提交",
+                    onClick: submitOpinion
+                  })
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["show"]),
+        require$$1.createVNode(_component_van_popup, {
+          show: require$$1.unref(showOtherPop),
+          "onUpdate:show": _cache[7] || (_cache[7] = ($event) => require$$1.isRef(showOtherPop) ? showOtherPop.value = $event : null),
+          round: "",
+          position: "bottom"
+        }, {
+          default: require$$1.withCtx(() => [
+            require$$1.createElementVNode("div", _hoisted_4, [
+              require$$1.createElementVNode("div", _hoisted_5, [
+                require$$1.createVNode(_component_van_field, {
+                  modelValue: require$$1.unref(opinionForm).approveText,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => require$$1.unref(opinionForm).approveText = $event),
+                  "is-link": "",
+                  readonly: "",
+                  label: "审批意见",
+                  placeholder: "请选择审批意见",
+                  onClick: _cache[3] || (_cache[3] = ($event) => showOpinionPicker.value = true)
+                }, null, 8, ["modelValue"]),
+                require$$1.unref(targetNodeSelectShow) ? (require$$1.openBlock(), require$$1.createBlock(_component_van_field, {
+                  key: 0,
+                  modelValue: require$$1.unref(opinionForm).targetNodeText,
+                  "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => require$$1.unref(opinionForm).targetNodeText = $event),
+                  "is-link": "",
+                  readonly: "",
+                  label: "目标节点",
+                  placeholder: "请选择目标节点",
+                  onClick: _cache[5] || (_cache[5] = ($event) => showTargetNodePicker.value = true)
+                }, null, 8, ["modelValue"])) : require$$1.createCommentVNode("", true),
+                require$$1.createVNode(_component_van_field, {
+                  modelValue: require$$1.unref(opinionForm).approveIdea,
+                  "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => require$$1.unref(opinionForm).approveIdea = $event),
+                  rows: "6",
+                  autosize: "",
+                  label: "意见内容",
+                  type: "textarea",
+                  maxlength: "500",
+                  "show-word-limit": "",
+                  placeholder: "请输入审批意见"
+                }, null, 8, ["modelValue"])
+              ]),
+              require$$1.createVNode(_component_van_action_bar, { "safe-area-inset-bottom": "" }, {
+                default: require$$1.withCtx(() => [
+                  require$$1.createVNode(_component_van_action_bar_button, {
+                    class: require$$1.normalizeClass("icon-blue"),
+                    text: "提交",
+                    onClick: submitOpinion
+                  })
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["show"]),
+        require$$1.createVNode(_component_van_popup, {
+          show: require$$1.unref(showOpinionPicker),
+          "onUpdate:show": _cache[9] || (_cache[9] = ($event) => require$$1.isRef(showOpinionPicker) ? showOpinionPicker.value = $event : null),
+          round: "",
+          position: "bottom"
+        }, {
+          default: require$$1.withCtx(() => [
+            require$$1.createVNode(_component_van_picker, {
+              columns: __props.opinionTypeOptions || [],
+              "columns-field-names": opinionTypeOptionsFieldName,
+              onConfirm: onOpinionConfirm,
+              onCancel: _cache[8] || (_cache[8] = ($event) => showOpinionPicker.value = false)
+            }, null, 8, ["columns"])
+          ]),
+          _: 1
+        }, 8, ["show"]),
+        require$$1.createVNode(_component_van_popup, {
+          show: require$$1.unref(showTargetNodePicker),
+          "onUpdate:show": _cache[11] || (_cache[11] = ($event) => require$$1.isRef(showTargetNodePicker) ? showTargetNodePicker.value = $event : null),
+          round: "",
+          position: "bottom"
+        }, {
+          default: require$$1.withCtx(() => [
+            require$$1.createVNode(_component_van_picker, {
+              columns: require$$1.unref(targetNodeList) || [],
+              onConfirm: onTargetNodeConfirm,
+              "columns-field-names": {
+                text: "name",
+                value: "id"
+              },
+              onCancel: _cache[10] || (_cache[10] = ($event) => showTargetNodePicker.value = false)
+            }, null, 8, ["columns"])
+          ]),
+          _: 1
+        }, 8, ["show"])
+      ], 64);
+    };
+  }
+};
+const _ApprovalBar = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-174e3162"]]);
+exports.default = _ApprovalBar;

package/lib/packages/mobile/src/components/custom/approvalBar/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ApprovalBar = require("./ApprovalBar.vue.js");
+const install = require("../../../utils/install.js");
+const MobileApprovalBar = install.default.withInstall(
+  "MobileApprovalBar",
+  ApprovalBar.default
+);
+exports.MobileApprovalBar = MobileApprovalBar;
+exports.default = MobileApprovalBar;

package/lib/packages/mobile/src/components/custom/approvalList/ApprovalCard.vue.js

@@ -0,0 +1,164 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                                               */
+;/* empty css                                                */
+;/* empty css                                               */
+;/* empty css                                                  */
+;/* empty css                                                 */
+;/* empty css                                              */
+const require$$1 = require("vue");
+;/* empty css                   */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
+const index = require("../../../../node_modules/vant/es/tag/index.js");
+const index$1 = require("../../../../node_modules/vant/es/icon/index.js");
+const index$2 = require("../../../../node_modules/vant/es/button/index.js");
+const _hoisted_1 = { class: "fec-card" };
+const _hoisted_2 = { class: "fec-card-header" };
+const _hoisted_3 = { class: "fec-card-title-wrap" };
+const _hoisted_4 = { class: "fec-card-title" };
+const _hoisted_5 = { class: "fec-card-body" };
+const _hoisted_6 = { class: "fec-card-message" };
+const _hoisted_7 = { class: "fec-card-footer" };
+const _hoisted_8 = { class: "fec-card-time" };
+const _hoisted_9 = { class: "fec-card-actions" };
+const _sfc_main = {
+  __name: "ApprovalCard",
+  props: {
+    item: {
+      type: Object,
+      required: true
+    },
+    type: {
+      type: Number,
+      default: 0
+      // 0:待办 1:已办 2:抄送
+    }
+  },
+  emits: ["view", "approve", "revoke", "transfer"],
+  setup(__props) {
+    function formatTime(timeStr) {
+      if (!timeStr) return "";
+      const time = new Date(timeStr.replace(/-/g, "/"));
+      if (isNaN(time.getTime())) return timeStr;
+      const now = /* @__PURE__ */ new Date();
+      const diff = now - time;
+      const oneDay = 24 * 60 * 60 * 1e3;
+      if (diff > oneDay) {
+        return timeStr;
+      }
+      const hours = Math.floor(diff / (60 * 60 * 1e3));
+      if (hours >= 1) {
+        return `${hours}小时前`;
+      }
+      const minutes = Math.floor(diff / (60 * 1e3));
+      if (minutes >= 1) {
+        return `${minutes}分钟前`;
+      }
+      return "刚刚";
+    }
+    return (_ctx, _cache) => {
+      const _component_van_tag = index.Tag;
+      const _component_van_icon = index$1.Icon;
+      const _component_van_button = index$2.Button;
+      return require$$1.openBlock(), require$$1.createElementBlock("div", _hoisted_1, [
+        require$$1.createElementVNode("div", _hoisted_2, [
+          require$$1.createElementVNode("div", _hoisted_3, [
+            require$$1.createElementVNode("span", _hoisted_4, require$$1.toDisplayString(__props.item.taskName), 1),
+            __props.item.busTypeName ? (require$$1.openBlock(), require$$1.createBlock(_component_van_tag, {
+              key: 0,
+              class: "fec-card-bus-type",
+              size: "small",
+              round: ""
+            }, {
+              default: require$$1.withCtx(() => [
+                require$$1.createTextVNode(require$$1.toDisplayString(__props.item.busTypeName), 1)
+              ]),
+              _: 1
+            })) : require$$1.createCommentVNode("", true)
+          ]),
+          __props.type != "0" ? (require$$1.openBlock(), require$$1.createElementBlock("span", {
+            key: 0,
+            class: "fec-card-status",
+            style: require$$1.normalizeStyle({ background: __props.item.statusColor || "#fa8c16" })
+          }, [
+            require$$1.createVNode(_component_van_icon, {
+              name: __props.item.statusIcon || "clock-o",
+              size: "12"
+            }, null, 8, ["name"]),
+            require$$1.createTextVNode(" " + require$$1.toDisplayString(__props.item.statusText || "待处理"), 1)
+          ], 4)) : require$$1.createCommentVNode("", true)
+        ]),
+        require$$1.createElementVNode("div", _hoisted_5, [
+          require$$1.createElementVNode("div", _hoisted_6, require$$1.toDisplayString(__props.item.taskDescription), 1)
+        ]),
+        require$$1.createElementVNode("div", _hoisted_7, [
+          require$$1.createElementVNode("span", _hoisted_8, require$$1.toDisplayString(formatTime(__props.item.taskCreateDateTime)), 1),
+          require$$1.createElementVNode("div", _hoisted_9, [
+            __props.type != 0 ? (require$$1.openBlock(), require$$1.createBlock(_component_van_button, {
+              key: 0,
+              plain: "",
+              hairline: "",
+              round: "",
+              size: "small",
+              onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("view", __props.item))
+            }, {
+              default: require$$1.withCtx(() => _cache[5] || (_cache[5] = [
+                require$$1.createTextVNode(" 查看 ")
+              ])),
+              _: 1
+            })) : require$$1.createCommentVNode("", true),
+            __props.type == 0 ? (require$$1.openBlock(), require$$1.createBlock(_component_van_button, {
+              key: 1,
+              round: "",
+              size: "small",
+              class: "fec-card-btn-transfer",
+              onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("transfer", __props.item))
+            }, {
+              default: require$$1.withCtx(() => _cache[6] || (_cache[6] = [
+                require$$1.createTextVNode(" 转办 ")
+              ])),
+              _: 1
+            })) : require$$1.createCommentVNode("", true),
+            __props.type == 0 ? (require$$1.openBlock(), require$$1.createBlock(_component_van_button, {
+              key: 2,
+              type: "primary",
+              round: "",
+              size: "small",
+              onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("approve", __props.item))
+            }, {
+              default: require$$1.withCtx(() => _cache[7] || (_cache[7] = [
+                require$$1.createTextVNode(" 审批 ")
+              ])),
+              _: 1
+            })) : require$$1.createCommentVNode("", true),
+            __props.type == 1 && __props.item.backType == "101" ? (require$$1.openBlock(), require$$1.createBlock(_component_van_button, {
+              key: 3,
+              type: "warning",
+              round: "",
+              size: "small",
+              onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("undo", __props.item))
+            }, {
+              default: require$$1.withCtx(() => _cache[8] || (_cache[8] = [
+                require$$1.createTextVNode(" 撤回 ")
+              ])),
+              _: 1
+            })) : __props.type == 1 && __props.item.backType == "102" ? (require$$1.openBlock(), require$$1.createBlock(_component_van_button, {
+              key: 4,
+              type: "warning",
+              round: "",
+              size: "small",
+              onClick: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("recall", __props.item))
+            }, {
+              default: require$$1.withCtx(() => _cache[9] || (_cache[9] = [
+                require$$1.createTextVNode(" 召回 ")
+              ])),
+              _: 1
+            })) : require$$1.createCommentVNode("", true)
+          ])
+        ])
+      ]);
+    };
+  }
+};
+const ApprovalCard = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-404eba8c"]]);
+exports.default = ApprovalCard;