@fecp/designer 5.5.110 → 5.5.112

package/es/packages/mobile/index.mjs

@@ -69,7 +69,6 @@ import { MobileTabbar } from "./src/components/navigation/tabbar/index.mjs";
 import { MobileTabbarItem } from "./src/components/navigation/tabbarItem/index.mjs";
 import { MobileTreeSelect } from "./src/components/navigation/treeSelect/index.mjs";
 import { MobileLayout } from "./src/components/layout/layout/index.mjs";
-import { MobileTimeLineFilter } from "./src/components/custom/timeLineFilter/index.mjs";
 import { MobileAppDetail } from "./src/components/custom/appDetail/index.mjs";
 import { MobileApprovalBar } from "./src/components/custom/approvalBar/index.mjs";
 import { MobileApprovalList } from "./src/components/custom/approvalList/index.mjs";
@@ -154,7 +153,6 @@ export {
   MobileTabs,
   MobileTextEllipsis,
   MobileTimeLine,
-  MobileTimeLineFilter,
   MobileTreeSelect,
   MobileUploader,
   allowMultipleToast,

package/es/packages/mobile/src/components/all.mjs

@@ -65,10 +65,11 @@ import { MobileTabbar } from "./navigation/tabbar/index.mjs";
 import { MobileTabbarItem } from "./navigation/tabbarItem/index.mjs";
 import { MobileTreeSelect } from "./navigation/treeSelect/index.mjs";
 import { MobileLayout } from "./layout/layout/index.mjs";
-import { MobileTimeLineFilter } from "./custom/timeLineFilter/index.mjs";
+import "./custom/timeLineFilter/index.mjs";
 import { MobileAppDetail } from "./custom/appDetail/index.mjs";
 import { MobileApprovalBar } from "./custom/approvalBar/index.mjs";
 import { MobileApprovalList } from "./custom/approvalList/index.mjs";
+import "./custom/appTimeLine/index.mjs";
 export {
   MobileActionBar,
   MobileActionSheet,
@@ -138,7 +139,6 @@ export {
   MobileTabs,
   MobileTextEllipsis,
   MobileTimeLine,
-  MobileTimeLineFilter,
   MobileTreeSelect,
   MobileUploader
 };

package/es/packages/mobile/src/components/custom/appDetail/AppDetail.vue.mjs

@@ -1,4 +1,5 @@
-import { getCurrentInstance, ref, computed, resolveComponent, createElementBlock, openBlock, Fragment, createVNode, createBlock, createCommentVNode, unref, isRef, normalizeProps, mergeProps } from "vue";
+import { getCurrentInstance, ref, computed, resolveComponent, createElementBlock, openBlock, Fragment, createVNode, createBlock, createCommentVNode, unref, isRef, mergeProps } from "vue";
+import { MobileTimeLineFilter } from "../appTimeLine/index.mjs";
 /* empty css                */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
 const _sfc_main = {
@@ -31,20 +32,37 @@ const _sfc_main = {
     actionBar: {
       type: Object
     },
-    taskId: {
-      type: String,
-      default: ""
+    swipeable: {
+      type: Boolean,
+      default: true
     },
-    taskType: {
+    operationPageId: {
       type: String,
       default: ""
     }
   },
   setup(__props) {
+    var _a, _b;
     const props = __props;
     const currentInstance = getCurrentInstance();
     const ctx = currentInstance.proxy;
     ctx.route;
+    const opinionTypeOptions = ref([]);
+    const taskData = { ...props.params.taskData };
+    const taskParams = { ...props.params };
+    delete taskParams.taskData;
+    ctx.$http.postForm(
+      "/base-server/flow/flowApproveDetail/findById",
+      {
+        taskId: (_a = props.params) == null ? void 0 : _a.taskId,
+        type: (_b = props.params) == null ? void 0 : _b.type
+      },
+      false
+    ).then((data) => {
+      opinionTypeOptions.value = data.approvalBtn.filter(
+        (item) => item.approveType != "C1"
+      );
+    });
     const activeName = ref("tab_base_info");
     const baseInfoPageId = ref("");
     if (props.baseInfoPageSource == "dynamic") ;
@@ -64,7 +82,11 @@ const _sfc_main = {
         tabs.push({ id: "tab_doc_info", title: "要件信息" });
       }
       if (props.approvalHistory) {
-        tabs.push({ id: "tab_timeline_info", title: "审批历史" });
+        tabs.push({
+          id: "tab_timeline_info",
+          title: "审批历史",
+          component: MobileTimeLineFilter
+        });
       }
       return tabs;
     });
@@ -79,14 +101,20 @@ const _sfc_main = {
           modelValue: unref(activeName),
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(activeName) ? activeName.value = $event : null),
           options: unref(tabsOptions),
-          params: __props.params
-        }, null, 8, ["modelValue", "options", "params"]),
-        __props.actionBar ? (openBlock(), createBlock(_component_FecMobileApprovalBar, normalizeProps(mergeProps({ key: 0 }, __props.actionBar)), null, 16)) : createCommentVNode("", true)
+          params: taskParams,
+          swipeable: __props.swipeable
+        }, null, 8, ["modelValue", "options", "swipeable"]),
+        __props.actionBar ? (openBlock(), createBlock(_component_FecMobileApprovalBar, mergeProps({ key: 0 }, __props.actionBar, {
+          params: taskParams,
+          taskData,
+          opinionTypeOptions: unref(opinionTypeOptions),
+          operationPageId: __props.operationPageId
+        }), null, 16, ["opinionTypeOptions", "operationPageId"])) : createCommentVNode("", true)
       ], 64);
     };
   }
 };
-const _AppDetail = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ab2095bf"]]);
+const _AppDetail = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-081aef4a"]]);
 export {
   _AppDetail as default
 };

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

@@ -0,0 +1,340 @@
+/* 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";
+/* 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";
+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 = {
+  key: 0,
+  class: "fec-step-role"
+};
+const _hoisted_13 = { class: "fec-step-header-right" };
+const _hoisted_14 = { class: "fec-step-time" };
+const _hoisted_15 = {
+  key: 0,
+  class: "fec-step-desc"
+};
+const _hoisted_16 = { class: "fec-step-opinion" };
+const _hoisted_17 = {
+  key: 0,
+  class: "fec-step-desc-text"
+};
+const _sfc_main = {
+  __name: "AppTimeLine",
+  props: {
+    // 业务主键号
+    traceNo: {
+      type: String,
+      default: ""
+    },
+    // 图标映射（可配置）
+    iconMap: {
+      type: Object,
+      default: () => ({
+        同意: { color: "#52c41a", icon: "✓" },
+        打回: { color: "#f5222d", icon: "✕" },
+        终止: { color: "#f5222d", icon: "■" },
+        发起流程: { color: "#52c41a", icon: "✓" },
+        当前任务: { color: "#fa8c16", icon: "○" }
+      })
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    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 }
+    );
+    function fetchData() {
+      loading.value = true;
+      setTimeout(() => {
+        hisTask.value = mockData.hisTask || [];
+        task.value = mockData.task || [];
+        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" });
+      });
+      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.assigneeName || item.name || "未知";
+    }
+    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) {
+      var _a;
+      if (item.__type === "current") {
+        return ((_a = props.iconMap["当前任务"]) == null ? void 0 : _a.color) || "#fa8c16";
+      }
+      const opinion = item.approveName || "";
+      if (props.iconMap[opinion]) {
+        return props.iconMap[opinion].color;
+      }
+      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) || "○";
+      }
+      const opinion = item.approveName || "";
+      if (props.iconMap[opinion]) {
+        return props.iconMap[opinion].icon;
+      }
+      return "✓";
+    }
+    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_step = Step;
+      const _component_van_steps = Steps;
+      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] = [
+              createTextVNode("加载中...")
+            ])),
+            _: 1
+          })
+        ])) : (openBlock(), createBlock(_component_van_steps, {
+          key: 1,
+          direction: "vertical",
+          active: unref(timelineList).length - 1,
+          "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}`])
+              }, {
+                "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)
+                  ])
+                ]),
+                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)
+                    ]),
+                    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)
+                      ])) : createCommentVNode("", true)
+                    ])
+                  ]),
+                  getOpinionDesc(item) ? (openBlock(), createElementBlock("div", _hoisted_17, toDisplayString(getOpinionDesc(item)), 1)) : createCommentVNode("", true)
+                ]),
+                _: 2
+              }, 1032, ["class"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["active"]))
+      ]);
+    };
+  }
+};
+const _TimeLineFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ca283130"]]);
+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
+};