@fecp/designer 5.5.112 → 5.5.113

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

@@ -1,45 +1,96 @@
 /* empty css                                               */
 /* empty css                                                */
-/* empty css                                                */
 /* empty css                                               */
+/* empty css                                                  */
+/* empty css                                                */
+/* empty css                                                */
 /* empty css                                               */
 /* empty css                                                  */
-import { ref, watch, computed, createElementBlock, openBlock, createBlock, unref, createVNode, withCtx, createTextVNode, Fragment, renderList, normalizeClass, createElementVNode, createCommentVNode, toDisplayString, normalizeStyle } from "vue";
+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 = { class: "fec-step-square" };
-const _hoisted_4 = { class: "fec-step-square-text" };
-const _hoisted_5 = { class: "fec-step-square" };
-const _hoisted_6 = { class: "fec-step-square-text" };
-const _hoisted_7 = { class: "fec-step-square" };
-const _hoisted_8 = { class: "fec-step-square-text" };
-const _hoisted_9 = { class: "fec-step-header" };
-const _hoisted_10 = { class: "fec-step-title" };
-const _hoisted_11 = { class: "fec-step-name" };
-const _hoisted_12 = {
+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_13 = { class: "fec-step-header-right" };
-const _hoisted_14 = { class: "fec-step-time" };
+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_16 = { class: "fec-step-opinion" };
-const _hoisted_17 = {
+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-step-desc-text"
+  class: "fec-assignee-no"
 };
-const _sfc_main = {
+const NAME_MAX_LENGTH = 16;
+const DESC_MAX_LINES = 4;
+const _sfc_main = /* @__PURE__ */ Object.assign({
+  name: "AppTimeLine"
+}, {
   __name: "AppTimeLine",
   props: {
     // 业务主键号
@@ -47,168 +98,128 @@ const _sfc_main = {
       type: String,
       default: ""
     },
-    // 图标映射（可配置）
-    iconMap: {
-      type: Object,
-      default: () => ({
-        同意: { color: "#52c41a", icon: "✓" },
-        打回: { color: "#f5222d", icon: "✕" },
-        终止: { color: "#f5222d", icon: "■" },
-        发起流程: { color: "#52c41a", icon: "✓" },
-        当前任务: { color: "#fa8c16", icon: "○" }
-      })
+    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 mockData = {
-      task: [
-        {
-          taskDefinitionKey: "UserTask_05pjyxs",
-          name: "业务部负责人审批",
-          createTime: "2026-06-16 14:37:03",
-          taskId: "c9b2007a-694d-11f1-bc9c-5405db9932f3",
-          duration: "35分10秒",
-          assignee: [
-            {
-              opName: "大鹏租赁业务部主管",
-              opNo: "dpzl02",
-              userId: "14c87112e7324486aec4721abf14f1f1"
-            },
-            {
-              opName: "王永超",
-              opNo: "wych",
-              userId: "6ae80b11533adcf510ec44632ce69213"
-            },
-            {
-              opName: "管理员",
-              opNo: "admin",
-              userId: "ae1d74c1f44ea40dfd9c9f30d45b3084"
-            },
-            {
-              opName: "业务部负责人",
-              opNo: "0002",
-              userId: "ff1825c49ee45bda61413461bed41ba0"
-            }
-          ],
-          taskType: "task"
-        }
-      ],
-      hisTask: [
-        {
-          taskDefinitionKey: "UserTask_1gwjv5e",
-          name: "业务经理发起",
-          createTime: "2026-06-16 14:26:24",
-          taskType: "task",
-          taskId: "4c5d747e-694c-11f1-b0e9-5405db9932f3",
-          assignee: "huyanming",
-          assigneeName: "huyanming",
-          endTime: "2026-06-16 14:37:03",
-          endDate: "2026-06-16 14:37:03",
-          duration: "10分39秒",
-          approveName: "同意",
-          approveDesc: "123123123"
-        },
-        {
-          taskDefinitionKey: "UserTask_1c82hgw",
-          name: "风控部负责人",
-          createTime: "2026-06-16 14:20:39",
-          taskType: "task",
-          taskId: "7e7868d3-694b-11f1-b0e9-5405db9932f3",
-          assignee: "admin",
-          assigneeName: "管理员",
-          endTime: "2026-06-16 14:26:24",
-          endDate: "2026-06-16 14:26:24",
-          duration: "5分45秒",
-          approveName: "打回",
-          approveDesc: "打回审批意见111111"
-        },
-        {
-          taskDefinitionKey: "UserTask_080zfmp",
-          name: "风控经理",
-          createTime: "2026-06-15 16:47:02",
-          taskType: "task",
-          taskId: "c76f76b6-6896-11f1-8f11-f64eb4e04b4b",
-          assignee: "admin",
-          assigneeName: "管理员",
-          endTime: "2026-06-16 14:20:36",
-          endDate: "2026-06-16 14:20:36",
-          duration: "21小时33分",
-          approveName: "同意",
-          approveDesc: "222222222"
-        },
-        {
-          taskDefinitionKey: "UserTask_05pjyxs",
-          name: "业务部负责人审批",
-          createTime: "2026-06-03 17:34:07",
-          taskType: "task",
-          taskId: "5e59eff6-5f2f-11f1-ab6a-fa163ecd6953",
-          assignee: "admin",
-          assigneeName: "管理员",
-          endTime: "2026-06-15 16:47:02",
-          endDate: "2026-06-15 16:47:02",
-          duration: "11天23小时",
-          approveName: "同意",
-          approveDesc: "同意"
-        },
-        {
-          taskDefinitionKey: "UserTask_1gwjv5e",
-          name: "业务经理发起",
-          createTime: "2026-06-03 17:34:07",
-          taskType: "task",
-          taskId: "5e409b8f-5f2f-11f1-ab6a-fa163ecd6953",
-          assignee: "huyanming",
-          assigneeName: "huyanming",
-          endTime: "2026-06-03 17:34:07",
-          endDate: "2026-06-03 17:34:07",
-          duration: "149毫秒",
-          approveName: "发起流程",
-          approveDesc: ""
-        }
-      ]
-    };
-    watch(
-      () => props.traceNo,
-      (val) => {
-        if (val) {
-          fetchData();
-        } else {
-          hisTask.value = [];
-          task.value = [];
-        }
-      },
-      { immediate: true }
-    );
+    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;
-      setTimeout(() => {
-        hisTask.value = mockData.hisTask || [];
-        task.value = mockData.task || [];
+      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;
-      }, 300);
+      });
     }
     const timelineList = computed(() => {
       const list = [];
-      const his = (hisTask.value || []).slice().sort((a, b) => {
-        return new Date(a.createTime) - new Date(b.createTime);
-      });
-      his.forEach((item) => {
-        list.push({ ...item, __type: "history" });
-      });
       (task.value || []).forEach((item) => {
         list.push({ ...item, __type: "current" });
       });
+      hisTask.value.forEach((item) => {
+        list.push({ ...item, __type: "history" });
+      });
       return list;
     });
     function getName(item) {
-      var _a;
       if (item.__type === "current" && Array.isArray(item.assignee)) {
-        return ((_a = item.assignee[0]) == null ? void 0 : _a.opName) || "未知";
+        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 || item.name || "未知";
+      return item.assigneeName || "";
     }
     function getRole(item) {
       return item.name || "";
@@ -219,7 +230,7 @@ const _sfc_main = {
     }
     function getOpinion(item) {
       if (item.__type === "current") {
-        return "待审批";
+        return "";
       }
       return item.approveName || "";
     }
@@ -228,29 +239,44 @@ const _sfc_main = {
       return item.approveDesc || "";
     }
     function getIconColor(item) {
-      var _a;
       if (item.__type === "current") {
-        return ((_a = props.iconMap["当前任务"]) == null ? void 0 : _a.color) || "#fa8c16";
+        return "#FF7D00";
       }
-      const opinion = item.approveName || "";
-      if (props.iconMap[opinion]) {
-        return props.iconMap[opinion].color;
+      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";
       }
-      if (opinion.includes("同意") || opinion.includes("发起")) return "#52c41a";
-      if (opinion.includes("打回") || opinion.includes("终止") || opinion.includes("拒绝"))
-        return "#f5222d";
-      return "#52c41a";
     }
     function getIconText(item) {
-      var _a;
       if (item.__type === "current") {
-        return ((_a = props.iconMap["当前任务"]) == null ? void 0 : _a.icon) || "○";
+        return "ellipsis";
       }
-      const opinion = item.approveName || "";
-      if (props.iconMap[opinion]) {
-        return props.iconMap[opinion].icon;
+      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";
       }
-      return "✓";
     }
     function formatTime(time) {
       if (!time) return "";
@@ -263,23 +289,26 @@ const _sfc_main = {
     }
     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[0] || (_cache[0] = [
+            default: withCtx(() => _cache[2] || (_cache[2] = [
               createTextVNode("加载中...")
             ])),
             _: 1
           })
         ])) : (openBlock(), createBlock(_component_van_steps, {
           key: 1,
+          active: -1,
           direction: "vertical",
-          active: unref(timelineList).length - 1,
           "active-color": "#52c41a",
           "inactive-icon": "circle",
           class: "fec-steps"
@@ -290,51 +319,153 @@ const _sfc_main = {
                 key: item.taskId || index,
                 class: normalizeClass(["fec-step", `fec-step-${item.__type}`])
               }, {
-                "finish-icon": withCtx(() => [
-                  createElementVNode("div", _hoisted_3, [
-                    createElementVNode("span", _hoisted_4, toDisplayString(getInitial(item)), 1)
-                  ])
-                ]),
-                "active-icon": withCtx(() => [
-                  createElementVNode("div", _hoisted_5, [
-                    createElementVNode("span", _hoisted_6, toDisplayString(getInitial(item)), 1)
-                  ])
-                ]),
                 "inactive-icon": withCtx(() => [
-                  createElementVNode("div", _hoisted_7, [
-                    createElementVNode("span", _hoisted_8, toDisplayString(getInitial(item)), 1)
-                  ])
+                  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(() => [
-                  createElementVNode("div", _hoisted_9, [
-                    createElementVNode("div", _hoisted_10, [
-                      createElementVNode("span", _hoisted_11, toDisplayString(getName(item)), 1),
-                      getRole(item) ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(getRole(item)), 1)) : createCommentVNode("", true)
+                  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_13, [
-                      createElementVNode("div", _hoisted_14, toDisplayString(formatTime(item.endTime || item.createTime)), 1),
-                      getOpinion(item) ? (openBlock(), createElementBlock("div", _hoisted_15, [
-                        createElementVNode("span", {
-                          class: "fec-step-icon",
-                          style: normalizeStyle({ background: getIconColor(item) })
-                        }, toDisplayString(getIconText(item)), 5),
-                        createElementVNode("span", _hoisted_16, toDisplayString(getOpinion(item)), 1)
+                    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)
                     ])
-                  ]),
-                  getOpinionDesc(item) ? (openBlock(), createElementBlock("div", _hoisted_17, toDisplayString(getOpinionDesc(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
-        }, 8, ["active"]))
+        })),
+        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-ca283130"]]);
+});
+const _TimeLineFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-723b161c"]]);
 export {
   _TimeLineFilter as default
 };