@fecp/mobile-designer 1.0.8 → 1.0.10

package/es/packages/mobile/src/components/custom/appTimeLine/AppTimeLine.vue.mjs

@@ -0,0 +1,471 @@
+/* empty css                                               */
+/* empty css                                                */
+/* empty css                                               */
+/* empty css                                                  */
+/* empty css                                                */
+/* empty css                                                */
+/* empty css                                               */
+/* empty css                                                  */
+import { getCurrentInstance, ref, computed, resolveComponent, createElementBlock, openBlock, createBlock, createVNode, unref, withCtx, createTextVNode, Fragment, renderList, normalizeClass, createCommentVNode, createElementVNode, withModifiers, toDisplayString, normalizeStyle, isRef } from "vue";
+import { useStore } from "../../../../../../node_modules/vuex/dist/vuex.esm-bundler.mjs";
+/* empty css                  */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import { Loading } from "../../../../node_modules/vant/es/loading/index.mjs";
+import { Steps } from "../../../../node_modules/vant/es/steps/index.mjs";
+import { Step } from "../../../../node_modules/vant/es/step/index.mjs";
+import { Icon } from "../../../../node_modules/vant/es/icon/index.mjs";
+import { Popup } from "../../../../node_modules/vant/es/popup/index.mjs";
+const _hoisted_1 = { class: "fec-mobile-approval-timeline" };
+const _hoisted_2 = {
+  key: 0,
+  class: "fec-timeline-loading"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "fec-step-square-text"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "fec-step-square-text"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "fec-step-square-text"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "fec-step-square-text"
+};
+const _hoisted_7 = {
+  key: 2,
+  class: "fec-step-square-text"
+};
+const _hoisted_8 = { class: "fec-step-title" };
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = {
+  key: 0,
+  class: "fec-step-role"
+};
+const _hoisted_11 = { class: "fec-step-header-right" };
+const _hoisted_12 = { class: "fec-step-time" };
+const _hoisted_13 = {
+  key: 0,
+  class: "fec-step-title"
+};
+const _hoisted_14 = ["onClick"];
+const _hoisted_15 = {
+  key: 0,
+  class: "fec-step-role"
+};
+const _hoisted_16 = {
+  key: 1,
+  class: "fec-step-title"
+};
+const _hoisted_17 = ["onClick"];
+const _hoisted_18 = { class: "fec-step-header-right" };
+const _hoisted_19 = { class: "fec-step-time" };
+const _hoisted_20 = {
+  key: 0,
+  class: "fec-step-desc"
+};
+const _hoisted_21 = { class: "fec-step-opinion" };
+const _hoisted_22 = ["onClick"];
+const _hoisted_23 = {
+  key: 0,
+  class: "fec-step-desc-toggle"
+};
+const _hoisted_24 = { key: 1 };
+const _hoisted_25 = { class: "fec-step-desc-popup" };
+const _hoisted_26 = { class: "fec-step-desc-popup-content" };
+const _hoisted_27 = { class: "fec-assignee-popup" };
+const _hoisted_28 = { class: "fec-assignee-list" };
+const _hoisted_29 = { class: "fec-assignee-avatar" };
+const _hoisted_30 = { class: "fec-assignee-info" };
+const _hoisted_31 = { class: "fec-assignee-name" };
+const _hoisted_32 = {
+  key: 0,
+  class: "fec-assignee-no"
+};
+const NAME_MAX_LENGTH = 16;
+const DESC_MAX_LINES = 4;
+const _sfc_main = /* @__PURE__ */ Object.assign({
+  name: "AppTimeLine"
+}, {
+  __name: "AppTimeLine",
+  props: {
+    // 业务主键号
+    traceNo: {
+      type: String,
+      default: ""
+    },
+    hisTaskData: {
+      type: Array,
+      default: []
+    }
+  },
+  setup(__props) {
+    const store = useStore();
+    const props = __props;
+    const currentInstance = getCurrentInstance();
+    const ctx = currentInstance.proxy;
+    const loading = ref(false);
+    const hisTask = ref([]);
+    const task = ref([]);
+    const showDescPopup = ref(false);
+    const descText = ref("");
+    const showAssigneePopup = ref(false);
+    const currentAssignees = ref([]);
+    function isDescOverflow(item) {
+      const desc = getOpinionDesc(item);
+      if (!desc) return false;
+      const charsPerLine = 21;
+      const maxChars = charsPerLine * DESC_MAX_LINES;
+      const lines = desc.split("\n");
+      let totalLines = 0;
+      for (const line of lines) {
+        totalLines += Math.ceil((line.length || 1) / charsPerLine);
+      }
+      return totalLines > DESC_MAX_LINES || desc.length > maxChars;
+    }
+    function onDescClick(item) {
+      descText.value = getOpinionDesc(item);
+      showDescPopup.value = true;
+    }
+    function hasMultipleAssignees(item) {
+      return Array.isArray(item.assignee) && item.assignee.length > 1;
+    }
+    function getDisplayName(item) {
+      const full = getName(item) || "";
+      if (full.length > NAME_MAX_LENGTH) {
+        return full.slice(0, NAME_MAX_LENGTH) + "...";
+      }
+      return full;
+    }
+    function onAssigneeClick(item) {
+      if (!hasMultipleAssignees(item)) return;
+      currentAssignees.value = item.assignee || [];
+      showAssigneePopup.value = true;
+    }
+    if (props.traceNo) {
+      fetchData();
+    } else if (props.hisTaskData.length > 0) {
+      hisTask.value = props.hisTaskData;
+      task.value = [];
+    } else {
+      hisTask.value = [];
+      task.value = [];
+    }
+    function fetchData() {
+      loading.value = true;
+      ctx.$http.postForm(
+        "/base-server/flow/flowData/findTimeLineByTraceNo",
+        {
+          traceNo: props.traceNo,
+          type: "app",
+          taskDefKey: ""
+        },
+        false
+      ).then((data) => {
+        hisTask.value = data.hisTask || [];
+        const tempTask = data.task || [];
+        tempTask.forEach((task2) => {
+          if (task2.taskType == "signTask") {
+            const filteredOutList = [];
+            task2.signTaskList.forEach((signTask) => {
+              const taskId = signTask.taskId;
+              hisTask.value = hisTask.value.filter((hisTask2) => {
+                if (hisTask2.taskType == "signTask") {
+                  const data2 = hisTask2.signTaskList.find(
+                    (item) => item.taskId == taskId
+                  );
+                  if (data2) {
+                    filteredOutList.push(hisTask2);
+                    return false;
+                  }
+                }
+                return true;
+              });
+            });
+            if (filteredOutList.length > 0) {
+              task2.signTaskList = filteredOutList[0].signTaskList;
+            }
+          }
+        });
+        task.value = tempTask;
+        loading.value = false;
+      });
+    }
+    const timelineList = computed(() => {
+      const list = [];
+      (task.value || []).forEach((item) => {
+        list.push({ ...item, __type: "current" });
+      });
+      hisTask.value.forEach((item) => {
+        list.push({ ...item, __type: "history" });
+      });
+      return list;
+    });
+    function getName(item) {
+      if (item.__type === "current" && Array.isArray(item.assignee)) {
+        return item.assignee.map((v) => v.opName).filter((v) => {
+          if (item.taskType == "signTask") {
+            if (v.opNo == store.getters.user.opNo) {
+              return true;
+            } else {
+              return false;
+            }
+          } else {
+            return true;
+          }
+        }).join(",") || "未知";
+      }
+      return item.assigneeName || "";
+    }
+    function getRole(item) {
+      return item.name || "";
+    }
+    function getInitial(item) {
+      const name = getName(item);
+      return name ? name.charAt(0) : "?";
+    }
+    function getOpinion(item) {
+      if (item.__type === "current") {
+        return "";
+      }
+      return item.approveName || "";
+    }
+    function getOpinionDesc(item) {
+      if (item.__type === "current") return "";
+      return item.approveDesc || "";
+    }
+    function getIconColor(item) {
+      if (item.__type === "current") {
+        return "#FF7D00";
+      }
+      const approveType = (item.approveType || "").trim();
+      const first = approveType.charAt(0).toUpperCase();
+      switch (first) {
+        case "C":
+          return "#00B42A";
+        case "R":
+          return "#FFC53D";
+        case "E":
+          return "#F53F3F";
+        case "G":
+          return "#86909C";
+        default:
+          return "#69b1ff";
+      }
+    }
+    function getIconText(item) {
+      if (item.__type === "current") {
+        return "ellipsis";
+      }
+      const approveType = (item.approveType || "").trim();
+      const first = approveType.charAt(0).toUpperCase();
+      switch (first) {
+        case "0":
+          return "play";
+        case "C":
+          return "success";
+        case "R":
+          return "revoke";
+        case "E":
+          return "cross";
+        case "G":
+          return "minus";
+        default:
+          return "success";
+      }
+    }
+    function formatTime(time) {
+      if (!time) return "";
+      const d = new Date(time);
+      if (isNaN(d.getTime())) return time;
+      const pad = (n) => String(n).padStart(2, "0");
+      return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(
+        d.getHours()
+      )}:${pad(d.getMinutes())}`;
+    }
+    return (_ctx, _cache) => {
+      const _component_van_loading = Loading;
+      const _component_van_icon = Icon;
+      const _component_AppTimeLine = resolveComponent("AppTimeLine", true);
+      const _component_van_step = Step;
+      const _component_van_steps = Steps;
+      const _component_van_popup = Popup;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        unref(loading) ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createVNode(_component_van_loading, {
+            size: "20",
+            color: "#999"
+          }, {
+            default: withCtx(() => _cache[2] || (_cache[2] = [
+              createTextVNode("加载中...")
+            ])),
+            _: 1
+          })
+        ])) : (openBlock(), createBlock(_component_van_steps, {
+          key: 1,
+          active: -1,
+          direction: "vertical",
+          "active-color": "#52c41a",
+          "inactive-icon": "circle",
+          class: "fec-steps"
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(timelineList), (item, index) => {
+              return openBlock(), createBlock(_component_van_step, {
+                key: item.taskId || index,
+                class: normalizeClass(["fec-step", `fec-step-${item.__type}`])
+              }, {
+                "inactive-icon": withCtx(() => [
+                  item.__type == "current" ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: normalizeClass(["fec-step-square", item.taskType || "task"]),
+                    style: { "background-color": "#ffaf5c" }
+                  }, [
+                    item.taskType == "task" ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(getInitial(item)), 1)) : item.taskType == "signTask" ? (openBlock(), createElementBlock("span", _hoisted_4, " 会 ")) : createCommentVNode("", true),
+                    createElementVNode("span", {
+                      class: "fec-step-icon",
+                      style: normalizeStyle({ background: getIconColor(item) })
+                    }, [
+                      createVNode(_component_van_icon, {
+                        name: getIconText(item)
+                      }, null, 8, ["name"])
+                    ], 4)
+                  ], 2)) : (openBlock(), createElementBlock("div", {
+                    key: 1,
+                    class: normalizeClass(["fec-step-square", item.taskType || "task"])
+                  }, [
+                    !item.taskType || item.taskType == "task" ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(getInitial(item)), 1)) : item.taskType == "signTask" ? (openBlock(), createElementBlock("span", _hoisted_6, " 会 ")) : (openBlock(), createElementBlock("span", _hoisted_7, " ? ")),
+                    !item.taskType || item.taskType == "task" ? (openBlock(), createElementBlock("span", {
+                      key: 3,
+                      class: "fec-step-icon",
+                      style: normalizeStyle({ background: getIconColor(item) })
+                    }, [
+                      createVNode(_component_van_icon, {
+                        name: getIconText(item)
+                      }, null, 8, ["name"])
+                    ], 4)) : createCommentVNode("", true)
+                  ], 2))
+                ]),
+                default: withCtx(() => [
+                  item.__type == "current" ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: normalizeClass(["fec-step-header", item.taskType || "task"])
+                  }, [
+                    createElementVNode("div", _hoisted_8, [
+                      createElementVNode("span", {
+                        class: normalizeClass(["fec-step-name", { "is-clickable": hasMultipleAssignees(item) }]),
+                        onClick: withModifiers(($event) => hasMultipleAssignees(item) && onAssigneeClick(item), ["stop"])
+                      }, toDisplayString(getDisplayName(item) || "其他处理人"), 11, _hoisted_9),
+                      getRole(item) ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(getRole(item)), 1)) : createCommentVNode("", true)
+                    ]),
+                    createElementVNode("div", _hoisted_11, [
+                      createElementVNode("div", _hoisted_12, toDisplayString(formatTime(item.createTime)), 1)
+                    ])
+                  ], 2)) : (openBlock(), createElementBlock("div", {
+                    key: 1,
+                    class: normalizeClass(["fec-step-header", item.taskType || "task"])
+                  }, [
+                    !item.taskType || item.taskType == "task" ? (openBlock(), createElementBlock("div", _hoisted_13, [
+                      createElementVNode("span", {
+                        class: normalizeClass(["fec-step-name", { "is-clickable": hasMultipleAssignees(item) }]),
+                        onClick: withModifiers(($event) => hasMultipleAssignees(item) && onAssigneeClick(item), ["stop"])
+                      }, toDisplayString(getDisplayName(item)), 11, _hoisted_14),
+                      getRole(item) ? (openBlock(), createElementBlock("span", _hoisted_15, toDisplayString(getRole(item)), 1)) : createCommentVNode("", true)
+                    ])) : item.taskType == "signTask" ? (openBlock(), createElementBlock("div", _hoisted_16, [
+                      createElementVNode("span", {
+                        class: normalizeClass(["fec-step-name", { "is-clickable": hasMultipleAssignees(item) }]),
+                        onClick: withModifiers(($event) => hasMultipleAssignees(item) && onAssigneeClick(item), ["stop"])
+                      }, toDisplayString(getDisplayName(item) || item.name), 11, _hoisted_17)
+                    ])) : createCommentVNode("", true),
+                    createElementVNode("div", _hoisted_18, [
+                      createElementVNode("div", _hoisted_19, toDisplayString(formatTime(item.endTime || item.createTime)), 1),
+                      getOpinion(item) ? (openBlock(), createElementBlock("div", _hoisted_20, [
+                        createElementVNode("span", _hoisted_21, toDisplayString(getOpinion(item)), 1)
+                      ])) : createCommentVNode("", true)
+                    ])
+                  ], 2)),
+                  item.__type != "current" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                    (!item.taskType || item.taskType == "task") && getOpinionDesc(item) ? (openBlock(), createElementBlock("div", {
+                      key: 0,
+                      class: "fec-step-desc-text-wrap",
+                      onClick: ($event) => isDescOverflow(item) && onDescClick(item)
+                    }, [
+                      createElementVNode("div", {
+                        class: normalizeClass(["fec-step-desc-text", { "is-collapsed": isDescOverflow(item) }])
+                      }, toDisplayString(getOpinionDesc(item)), 3),
+                      isDescOverflow(item) ? (openBlock(), createElementBlock("span", _hoisted_23, " 点击查看全部 ")) : createCommentVNode("", true)
+                    ], 8, _hoisted_22)) : item.taskType == "signTask" ? (openBlock(), createElementBlock("div", _hoisted_24, [
+                      createVNode(_component_AppTimeLine, {
+                        hisTaskData: item.signTaskList
+                      }, null, 8, ["hisTaskData"])
+                    ])) : createCommentVNode("", true)
+                  ], 64)) : item.__type == "current" && item.taskType == "signTask" ? (openBlock(), createBlock(_component_AppTimeLine, {
+                    key: 3,
+                    hisTaskData: item.signTaskList
+                  }, null, 8, ["hisTaskData"])) : createCommentVNode("", true)
+                ]),
+                _: 2
+              }, 1032, ["class"]);
+            }), 128))
+          ]),
+          _: 1
+        })),
+        createVNode(_component_van_popup, {
+          show: unref(showDescPopup),
+          "onUpdate:show": _cache[0] || (_cache[0] = ($event) => isRef(showDescPopup) ? showDescPopup.value = $event : null),
+          round: "",
+          position: "bottom",
+          style: { maxHeight: "70%" },
+          closeable: "",
+          teleport: "body"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_25, [
+              _cache[3] || (_cache[3] = createElementVNode("div", { class: "fec-step-desc-popup-title" }, "审批意见", -1)),
+              createElementVNode("div", _hoisted_26, toDisplayString(unref(descText)), 1)
+            ])
+          ]),
+          _: 1
+        }, 8, ["show"]),
+        createVNode(_component_van_popup, {
+          show: unref(showAssigneePopup),
+          "onUpdate:show": _cache[1] || (_cache[1] = ($event) => isRef(showAssigneePopup) ? showAssigneePopup.value = $event : null),
+          round: "",
+          position: "bottom",
+          style: { maxHeight: "60%" },
+          closeable: "",
+          teleport: "body"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_27, [
+              _cache[4] || (_cache[4] = createElementVNode("div", { class: "fec-assignee-popup-title" }, "审批人", -1)),
+              createElementVNode("div", _hoisted_28, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(currentAssignees), (a) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: a.userId || a.opNo,
+                    class: "fec-assignee-item"
+                  }, [
+                    createElementVNode("div", _hoisted_29, toDisplayString((a.opName || "").charAt(0)), 1),
+                    createElementVNode("div", _hoisted_30, [
+                      createElementVNode("div", _hoisted_31, toDisplayString(a.opName), 1),
+                      a.opNo ? (openBlock(), createElementBlock("div", _hoisted_32, toDisplayString(a.opNo), 1)) : createCommentVNode("", true)
+                    ])
+                  ]);
+                }), 128))
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["show"])
+      ]);
+    };
+  }
+});
+const _TimeLineFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-723b161c"]]);
+export {
+  _TimeLineFilter as default
+};

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

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