@fecp/mobile-designer 1.0.8 → 1.0.10

package/es/packages/mobile/src/components/custom/approvalList/ApprovalList.vue.mjs

@@ -0,0 +1,576 @@
+/* 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                                                 */
+import { getCurrentInstance, ref, resolveComponent, createElementBlock, openBlock, Fragment, createElementVNode, createVNode, unref, isRef, withCtx, renderList, createBlock, normalizeClass } from "vue";
+import ApprovalCard from "./ApprovalCard.vue.mjs";
+import emitter from "../../../utils/eventBus.mjs";
+import { useStore } from "../../../../../../node_modules/vuex/dist/vuex.esm-bundler.mjs";
+/* empty css                   */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import { Search } from "../../../../node_modules/vant/es/search/index.mjs";
+import { Tabs } from "../../../../node_modules/vant/es/tabs/index.mjs";
+import { Tab } from "../../../../node_modules/vant/es/tab/index.mjs";
+import { List } from "../../../../node_modules/vant/es/list/index.mjs";
+import { Popup } from "../../../../node_modules/vant/es/popup/index.mjs";
+import { Field } from "../../../../node_modules/vant/es/field/index.mjs";
+import { ActionBar } from "../../../../node_modules/vant/es/action-bar/index.mjs";
+import { ActionBarButton } from "../../../../node_modules/vant/es/action-bar-button/index.mjs";
+import { showFailToast, showLoadingToast, showSuccessToast } from "../../../../node_modules/vant/es/toast/function-call.mjs";
+const _hoisted_1 = { class: "fec-mobile-approval-list" };
+const _hoisted_2 = { class: "fec-tab-content" };
+const _hoisted_3 = { class: "fec-tab-content" };
+const _hoisted_4 = { class: "fec-tab-content" };
+const _hoisted_5 = { class: "appPopContent" };
+const _hoisted_6 = { class: "appOptContent" };
+const _hoisted_7 = { class: "appPopContent" };
+const _hoisted_8 = { class: "appOptContent" };
+const _sfc_main = {
+  __name: "ApprovalList",
+  props: {
+    todoPage: String,
+    donePage: String,
+    ccPage: String
+  },
+  setup(__props) {
+    const store = useStore();
+    const props = __props;
+    const currentInstance = getCurrentInstance();
+    const ctx = currentInstance.proxy;
+    ctx.route;
+    const activeName = ref("0");
+    const todoList = ref([]);
+    const doneList = ref([]);
+    const ccList = ref([]);
+    const searchData = ref("");
+    const todoLoading = ref(false);
+    const todoFinished = ref(false);
+    const doneLoading = ref(false);
+    const doneFinished = ref(false);
+    const ccLoading = ref(false);
+    const ccFinished = ref(false);
+    let todoPageNo = 0;
+    let donePageNo = 0;
+    let ccPageNo = 0;
+    let pageSize = 10;
+    const todoError = ref(false);
+    const doneError = ref(false);
+    const ccError = ref(false);
+    function onTodoLoad() {
+      todoLoading.value = true;
+      todoPageNo++;
+      call("0");
+    }
+    function onDoneLoad() {
+      doneLoading.value = true;
+      donePageNo++;
+      call("1");
+    }
+    function onCcLoad() {
+      ccLoading.value = true;
+      ccPageNo++;
+      call("2");
+    }
+    function call(taskStatus) {
+      const errorRef = taskStatus == "0" ? todoError : taskStatus == "1" ? doneError : ccError;
+      errorRef.value = false;
+      const pageNo = taskStatus == "0" ? todoPageNo : taskStatus == "1" ? donePageNo : ccPageNo;
+      ctx.$http.post(
+        "/base-server/flow/workbench/findTaskListByPage",
+        {
+          pageNo,
+          pageSize,
+          taskStatus,
+          searchData: searchData.value
+        },
+        false
+      ).then((data) => {
+        const list = data.list;
+        switch (taskStatus) {
+          case "0":
+            list.forEach((item) => {
+              item.statusColor = item.statusColor || "#fa8c16";
+              item.statusIcon = item.statusIcon || "clock-o";
+              item.statusText = item.statusText || "待处理";
+            });
+            todoList.value.push(...list);
+            if (list.length < pageSize) {
+              todoFinished.value = true;
+            }
+            break;
+          case "1":
+            list.forEach((item) => {
+              if (item.isEnd) {
+                item.statusColor = "#52c41a";
+                item.statusIcon = "checked";
+                item.statusText = "已完成";
+              } else {
+                item.statusColor = "#fa8c16";
+                item.statusIcon = "more";
+                item.statusText = "进行中";
+              }
+            });
+            doneList.value.push(...list);
+            if (list.length == 0) {
+              doneFinished.value = true;
+            }
+            break;
+          case "2":
+            list.forEach((item) => {
+              if (item.isEnd) {
+                item.statusColor = "#52c41a";
+                item.statusIcon = "checked";
+                item.statusText = "已完成";
+              } else {
+                item.statusColor = "#fa8c16";
+                item.statusIcon = "more";
+                item.statusText = "进行中";
+              }
+            });
+            ccList.value.push(...list);
+            if (list.length == 0) {
+              ccFinished.value = true;
+            }
+            break;
+        }
+      }).catch((err) => {
+        errorRef.value = true;
+      }).finally(() => {
+        switch (taskStatus) {
+          case "0":
+            todoLoading.value = false;
+            break;
+          case "1":
+            doneLoading.value = false;
+            break;
+          case "2":
+            ccLoading.value = false;
+            break;
+        }
+      });
+    }
+    function onView(item) {
+      console.log("查看:", item);
+      const params = {
+        traceNo: item.traceNo,
+        taskId: item.taskId,
+        type: activeName.value,
+        taskData: item
+      };
+      if (activeName.value == "1" && props.donePage) {
+        emitter.emit("loadPage", {
+          pageId: props.todoPage,
+          params
+        });
+      } else if (activeName.value == "2" && props.ccPage) {
+        emitter.emit("loadPage", {
+          pageId: props.ccPage,
+          params
+        });
+      } else {
+        showFailToast("未配置待办/抄送页面");
+      }
+    }
+    function onApprove(item) {
+      console.log("审批:", item);
+      if (props.todoPage) {
+        const params = {
+          traceNo: item.traceNo,
+          taskId: item.taskId,
+          type: "0",
+          taskData: item
+        };
+        emitter.emit("loadPage", {
+          pageId: props.todoPage,
+          params
+        });
+      } else {
+        showFailToast("未配置待办页面");
+      }
+    }
+    function onUndo(item) {
+      reasonPopup.value = {
+        show: true,
+        type: "undo",
+        reason: "",
+        item
+      };
+    }
+    function onRecall(item) {
+      reasonPopup.value = {
+        show: true,
+        type: "recall",
+        reason: "",
+        item
+      };
+    }
+    const showTransferPopup = ref(false);
+    const transferReason = ref("");
+    const transferUserText = ref("");
+    const transferUser = ref("");
+    const transferItem = ref(null);
+    const showUserSelect = ref(false);
+    const selectedUsers = ref([]);
+    const reasonPopup = ref({
+      show: false,
+      type: "",
+      // "undo" | "recall"
+      reason: "",
+      item: null
+    });
+    function onTransfer(item) {
+      transferItem.value = item;
+      selectedUsers.value = [];
+      transferReason.value = "";
+      transferUserText.value = "";
+      transferUser.value = "";
+      showTransferPopup.value = true;
+    }
+    function onTransferSubmit() {
+      var _a;
+      showTransferPopup.value = false;
+      console.log("转办:", transferItem.value, "原因:", transferReason.value);
+      showLoadingToast({
+        message: "转办中...",
+        forbidClick: true,
+        duration: 0
+      });
+      ctx.$http.postForm(
+        "/base-server/flow/flowApproveDetail/doAssign",
+        {
+          taskId: transferItem.value.taskId,
+          opNo: ((_a = store.getters.user) == null ? void 0 : _a.opNo) || "",
+          assignee: transferUser.value,
+          reason: transferReason.value
+        },
+        false
+      ).then(() => {
+        showSuccessToast("转办成功");
+        todoList.value = [];
+        todoFinished.value = false;
+        todoPageNo = 0;
+        onTodoLoad();
+      });
+    }
+    async function onReasonSubmit() {
+      const { type, reason, item } = reasonPopup.value;
+      reasonPopup.value.show = false;
+      let data = {
+        taskId: item.taskId,
+        note: reason
+      };
+      if (type == "undo") {
+        console.log("撤销:", item, "原因:", reason);
+        showLoadingToast({
+          message: "撤回中...",
+          forbidClick: true,
+          duration: 0
+        });
+        await ctx.$http.post(
+          "/base-server/flow/flowApproveDetail/undo",
+          data,
+          false
+        );
+        showSuccessToast("撤销成功");
+      } else if (type == "recall") {
+        console.log("召回:", item, "原因:", reason);
+        showLoadingToast({
+          message: "召回中...",
+          forbidClick: true,
+          duration: 0
+        });
+        await ctx.$http.post(
+          "/base-server/flow/flowApproveDetail/recall",
+          data,
+          false
+        );
+        showSuccessToast("召回成功");
+      }
+      onSearch();
+    }
+    function onSearch(val) {
+      todoList.value = [];
+      todoFinished.value = false;
+      todoPageNo = 0;
+      doneList.value = [];
+      doneFinished.value = false;
+      donePageNo = 0;
+      ccList.value = [];
+      ccFinished.value = false;
+      ccPageNo = 0;
+      switch (activeName.value) {
+        case "0":
+          onTodoLoad();
+          break;
+        case "1":
+          onDoneLoad();
+          break;
+        case "2":
+          onCcLoad();
+          break;
+      }
+    }
+    function onUserConfirm(users) {
+      const opNames = (users || []).map((u) => u.opName).filter(Boolean);
+      const opNos = (users || []).map((u) => u.opNo).filter(Boolean);
+      const opNameStr = opNames.join(",");
+      const opNoStr = opNos.join(",");
+      console.log("已选人员 opName:", opNameStr, "opNo:", opNoStr);
+      transferUserText.value = opNameStr;
+      transferUser.value = opNoStr;
+      showUserSelect.value = false;
+    }
+    return (_ctx, _cache) => {
+      const _component_van_search = Search;
+      const _component_van_list = List;
+      const _component_van_tab = Tab;
+      const _component_van_tabs = Tabs;
+      const _component_van_field = Field;
+      const _component_van_action_bar_button = ActionBarButton;
+      const _component_van_action_bar = ActionBar;
+      const _component_van_popup = Popup;
+      const _component_FecMobileUserSelect = resolveComponent("FecMobileUserSelect");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", _hoisted_1, [
+          createVNode(_component_van_search, {
+            modelValue: unref(searchData),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(searchData) ? searchData.value = $event : null),
+            shape: "round",
+            placeholder: "请输入业务描述",
+            clearable: "",
+            onSearch
+          }, null, 8, ["modelValue"]),
+          createVNode(_component_van_tabs, {
+            sticky: "",
+            class: "fec-tabs",
+            active: unref(activeName),
+            "onUpdate:active": _cache[7] || (_cache[7] = ($event) => isRef(activeName) ? activeName.value = $event : null),
+            swipeable: "",
+            "lazy-render": ""
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_van_tab, {
+                title: "待办",
+                name: "0",
+                replace: "",
+                "show-zero-badge": false
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_2, [
+                    createVNode(_component_van_list, {
+                      loading: unref(todoLoading),
+                      "onUpdate:loading": _cache[1] || (_cache[1] = ($event) => isRef(todoLoading) ? todoLoading.value = $event : null),
+                      error: unref(todoError),
+                      "onUpdate:error": _cache[2] || (_cache[2] = ($event) => isRef(todoError) ? todoError.value = $event : null),
+                      finished: unref(todoFinished),
+                      offset: 50,
+                      "finished-text": "没有更多了",
+                      onLoad: onTodoLoad,
+                      "error-text": "请求失败，点击重新加载",
+                      class: "fec-list"
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(todoList), (item) => {
+                          return openBlock(), createBlock(ApprovalCard, {
+                            key: item.id,
+                            item,
+                            type: 0,
+                            onApprove,
+                            onTransfer
+                          }, null, 8, ["item"]);
+                        }), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["loading", "error", "finished"])
+                  ])
+                ]),
+                _: 1
+              }),
+              createVNode(_component_van_tab, {
+                title: "已办",
+                name: "1",
+                replace: "",
+                "show-zero-badge": false
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_3, [
+                    createVNode(_component_van_list, {
+                      loading: unref(doneLoading),
+                      "onUpdate:loading": _cache[3] || (_cache[3] = ($event) => isRef(doneLoading) ? doneLoading.value = $event : null),
+                      error: unref(doneError),
+                      "onUpdate:error": _cache[4] || (_cache[4] = ($event) => isRef(doneError) ? doneError.value = $event : null),
+                      finished: unref(doneFinished),
+                      offset: 50,
+                      "finished-text": "没有更多了",
+                      "error-text": "请求失败，点击重新加载",
+                      onLoad: onDoneLoad,
+                      class: "fec-list"
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(doneList), (item) => {
+                          return openBlock(), createBlock(ApprovalCard, {
+                            key: item.id,
+                            item,
+                            type: 1,
+                            onView,
+                            onUndo,
+                            onRecall
+                          }, null, 8, ["item"]);
+                        }), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["loading", "error", "finished"])
+                  ])
+                ]),
+                _: 1
+              }),
+              createVNode(_component_van_tab, {
+                title: "抄送",
+                name: "2",
+                replace: "",
+                "show-zero-badge": false
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_4, [
+                    createVNode(_component_van_list, {
+                      loading: unref(ccLoading),
+                      "onUpdate:loading": _cache[5] || (_cache[5] = ($event) => isRef(ccLoading) ? ccLoading.value = $event : null),
+                      error: unref(ccError),
+                      "onUpdate:error": _cache[6] || (_cache[6] = ($event) => isRef(ccError) ? ccError.value = $event : null),
+                      finished: unref(ccFinished),
+                      offset: 50,
+                      "finished-text": "没有更多了",
+                      "error-text": "请求失败，点击重新加载",
+                      onLoad: onCcLoad,
+                      class: "fec-list"
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(ccList), (item) => {
+                          return openBlock(), createBlock(ApprovalCard, {
+                            key: item.id,
+                            item,
+                            type: 2,
+                            onView
+                          }, null, 8, ["item"]);
+                        }), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["loading", "error", "finished"])
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["active"])
+        ]),
+        createVNode(_component_van_popup, {
+          show: unref(showTransferPopup),
+          "onUpdate:show": _cache[11] || (_cache[11] = ($event) => isRef(showTransferPopup) ? showTransferPopup.value = $event : null),
+          round: "",
+          position: "bottom"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_5, [
+              createElementVNode("div", _hoisted_6, [
+                createVNode(_component_van_field, {
+                  modelValue: unref(transferUserText),
+                  "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => isRef(transferUserText) ? transferUserText.value = $event : null),
+                  "is-link": "",
+                  readonly: "",
+                  label: "转办人员",
+                  placeholder: "请选择转办人员",
+                  onClick: _cache[9] || (_cache[9] = ($event) => showUserSelect.value = true)
+                }, null, 8, ["modelValue"]),
+                createVNode(_component_van_field, {
+                  modelValue: unref(transferReason),
+                  "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => isRef(transferReason) ? transferReason.value = $event : null),
+                  rows: "4",
+                  autosize: "",
+                  label: "转办原因",
+                  type: "textarea",
+                  maxlength: "200",
+                  "show-word-limit": "",
+                  placeholder: "请输入转办原因"
+                }, null, 8, ["modelValue"])
+              ]),
+              createVNode(_component_van_action_bar, { "safe-area-inset-bottom": "" }, {
+                default: withCtx(() => [
+                  createVNode(_component_van_action_bar_button, {
+                    class: normalizeClass("icon-blue"),
+                    text: "确认转办",
+                    onClick: onTransferSubmit
+                  })
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["show"]),
+        createVNode(_component_van_popup, {
+          show: unref(reasonPopup).show,
+          "onUpdate:show": _cache[13] || (_cache[13] = ($event) => unref(reasonPopup).show = $event),
+          round: "",
+          position: "bottom"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_7, [
+              createElementVNode("div", _hoisted_8, [
+                createVNode(_component_van_field, {
+                  modelValue: unref(reasonPopup).reason,
+                  "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => unref(reasonPopup).reason = $event),
+                  rows: "4",
+                  autosize: "",
+                  label: unref(reasonPopup).type === "undo" ? "撤销原因" : "召回原因",
+                  type: "textarea",
+                  maxlength: "200",
+                  "show-word-limit": "",
+                  placeholder: unref(reasonPopup).type === "undo" ? "请输入撤销原因" : "请输入召回原因"
+                }, null, 8, ["modelValue", "label", "placeholder"])
+              ]),
+              createVNode(_component_van_action_bar, { "safe-area-inset-bottom": "" }, {
+                default: withCtx(() => [
+                  createVNode(_component_van_action_bar_button, {
+                    class: normalizeClass("icon-red"),
+                    text: unref(reasonPopup).type === "undo" ? "确认撤销" : "确认召回",
+                    onClick: onReasonSubmit
+                  }, null, 8, ["text"])
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["show"]),
+        createVNode(_component_FecMobileUserSelect, {
+          modelValue: unref(selectedUsers),
+          "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => isRef(selectedUsers) ? selectedUsers.value = $event : null),
+          show: unref(showUserSelect),
+          "onUpdate:show": _cache[15] || (_cache[15] = ($event) => isRef(showUserSelect) ? showUserSelect.value = $event : null),
+          multiple: true,
+          title: "请选择转办人",
+          onConfirm: onUserConfirm
+        }, null, 8, ["modelValue", "show"])
+      ], 64);
+    };
+  }
+};
+const _ApprovalList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a585d493"]]);
+export {
+  _ApprovalList as default
+};

package/es/packages/mobile/src/components/custom/approvalList/index.mjs

@@ -0,0 +1,10 @@
+import _ApprovalList from "./ApprovalList.vue.mjs";
+import install from "../../../utils/install.mjs";
+const MobileApprovalList = install.withInstall(
+  "MobileApprovalList",
+  _ApprovalList
+);
+export {
+  MobileApprovalList,
+  MobileApprovalList as default
+};