@fecp/designer 5.5.110 → 5.5.112

package/lib/packages/mobile/index.js

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const all = require("./src/components/all.js");
 require("./node_modules/@vant/touch-emulator/dist/index.js");
 ;/* empty css                     */
-const index$18 = ;/* empty css               */
+const index$17 = ;/* empty css               */
 const index$1 = require("./src/components/base/button/index.js");
 const index$2 = require("./src/components/base/icon/index.js");
 const index$3 = require("./src/components/base/cell/index.js");
@@ -71,10 +71,9 @@ const index$10 = require("./src/components/navigation/tabbar/index.js");
 const index$11 = require("./src/components/navigation/tabbarItem/index.js");
 const index$12 = require("./src/components/navigation/treeSelect/index.js");
 const index$13 = require("./src/components/layout/layout/index.js");
-const index$14 = require("./src/components/custom/timeLineFilter/index.js");
-const index$15 = require("./src/components/custom/appDetail/index.js");
-const index$16 = require("./src/components/custom/approvalBar/index.js");
-const index$17 = require("./src/components/custom/approvalList/index.js");
+const index$14 = require("./src/components/custom/appDetail/index.js");
+const index$15 = require("./src/components/custom/approvalBar/index.js");
+const index$16 = require("./src/components/custom/approvalList/index.js");
 const functionCall = require("./node_modules/vant/es/dialog/function-call.js");
 const functionCall$1 = require("./node_modules/vant/es/image-preview/function-call.js");
 const functionCall$2 = require("./node_modules/vant/es/notify/function-call.js");
@@ -84,7 +83,7 @@ const index = {
     for (let c in all) {
       app.use(all[c]);
     }
-    app.component("FecMobileApp", index$18.default);
+    app.component("FecMobileApp", index$17.default);
   }
 };
 exports.MobileButton = index$1.MobileButton;
@@ -154,10 +153,9 @@ exports.MobileTabbar = index$10.MobileTabbar;
 exports.MobileTabbarItem = index$11.MobileTabbarItem;
 exports.MobileTreeSelect = index$12.MobileTreeSelect;
 exports.MobileLayout = index$13.MobileLayout;
-exports.MobileTimeLineFilter = index$14.MobileTimeLineFilter;
-exports.MobileAppDetail = index$15.MobileAppDetail;
-exports.MobileApprovalBar = index$16.MobileApprovalBar;
-exports.MobileApprovalList = index$17.MobileApprovalList;
+exports.MobileAppDetail = index$14.MobileAppDetail;
+exports.MobileApprovalBar = index$15.MobileApprovalBar;
+exports.MobileApprovalList = index$16.MobileApprovalList;
 exports.closeDialog = functionCall.closeDialog;
 exports.showConfirmDialog = functionCall.showConfirmDialog;
 exports.showDialog = functionCall.showDialog;

package/lib/packages/mobile/src/components/all.js

@@ -67,10 +67,11 @@ const index$$ = require("./navigation/tabbar/index.js");
 const index$10 = require("./navigation/tabbarItem/index.js");
 const index$11 = require("./navigation/treeSelect/index.js");
 const index$12 = require("./layout/layout/index.js");
-const index$13 = require("./custom/timeLineFilter/index.js");
-const index$14 = require("./custom/appDetail/index.js");
-const index$15 = require("./custom/approvalBar/index.js");
-const index$16 = require("./custom/approvalList/index.js");
+require("./custom/timeLineFilter/index.js");
+const index$13 = require("./custom/appDetail/index.js");
+const index$14 = require("./custom/approvalBar/index.js");
+const index$15 = require("./custom/approvalList/index.js");
+require("./custom/appTimeLine/index.js");
 exports.MobileButton = index.MobileButton;
 exports.MobileIcon = index$1.MobileIcon;
 exports.MobileCell = index$2.MobileCell;
@@ -138,7 +139,6 @@ exports.MobileTabbar = index$$.MobileTabbar;
 exports.MobileTabbarItem = index$10.MobileTabbarItem;
 exports.MobileTreeSelect = index$11.MobileTreeSelect;
 exports.MobileLayout = index$12.MobileLayout;
-exports.MobileTimeLineFilter = index$13.MobileTimeLineFilter;
-exports.MobileAppDetail = index$14.MobileAppDetail;
-exports.MobileApprovalBar = index$15.MobileApprovalBar;
-exports.MobileApprovalList = index$16.MobileApprovalList;
+exports.MobileAppDetail = index$13.MobileAppDetail;
+exports.MobileApprovalBar = index$14.MobileApprovalBar;
+exports.MobileApprovalList = index$15.MobileApprovalList;

package/lib/packages/mobile/src/components/custom/appDetail/AppDetail.vue.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const Vue = require("vue");
+const index = require("../appTimeLine/index.js");
 ;/* empty css                */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
 const _sfc_main = {
@@ -33,20 +34,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 = Vue.getCurrentInstance();
     const ctx = currentInstance.proxy;
     ctx.route;
+    const opinionTypeOptions = Vue.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 = Vue.ref("tab_base_info");
     const baseInfoPageId = Vue.ref("");
     if (props.baseInfoPageSource == "dynamic") ;
@@ -66,7 +84,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: index.MobileTimeLineFilter
+        });
       }
       return tabs;
     });
@@ -81,12 +103,18 @@ const _sfc_main = {
           modelValue: Vue.unref(activeName),
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => Vue.isRef(activeName) ? activeName.value = $event : null),
           options: Vue.unref(tabsOptions),
-          params: __props.params
-        }, null, 8, ["modelValue", "options", "params"]),
-        __props.actionBar ? (Vue.openBlock(), Vue.createBlock(_component_FecMobileApprovalBar, Vue.normalizeProps(Vue.mergeProps({ key: 0 }, __props.actionBar)), null, 16)) : Vue.createCommentVNode("", true)
+          params: taskParams,
+          swipeable: __props.swipeable
+        }, null, 8, ["modelValue", "options", "swipeable"]),
+        __props.actionBar ? (Vue.openBlock(), Vue.createBlock(_component_FecMobileApprovalBar, Vue.mergeProps({ key: 0 }, __props.actionBar, {
+          params: taskParams,
+          taskData,
+          opinionTypeOptions: Vue.unref(opinionTypeOptions),
+          operationPageId: __props.operationPageId
+        }), null, 16, ["opinionTypeOptions", "operationPageId"])) : Vue.createCommentVNode("", true)
       ], 64);
     };
   }
 };
-const _AppDetail = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-ab2095bf"]]);
+const _AppDetail = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-081aef4a"]]);
 exports.default = _AppDetail;

package/lib/packages/mobile/src/components/custom/appTimeLine/AppTimeLine.vue.js

@@ -0,0 +1,340 @@
+"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 Vue = require("vue");
+;/* empty css                  */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
+const index = require("../../../../node_modules/vant/es/loading/index.js");
+const index$1 = require("../../../../node_modules/vant/es/steps/index.js");
+const index$2 = require("../../../../node_modules/vant/es/step/index.js");
+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 = Vue.ref(false);
+    const hisTask = Vue.ref([]);
+    const task = Vue.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: ""
+        }
+      ]
+    };
+    Vue.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 = Vue.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 = index.Loading;
+      const _component_van_step = index$2.Step;
+      const _component_van_steps = index$1.Steps;
+      return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        Vue.unref(loading) ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_2, [
+          Vue.createVNode(_component_van_loading, {
+            size: "20",
+            color: "#999"
+          }, {
+            default: Vue.withCtx(() => _cache[0] || (_cache[0] = [
+              Vue.createTextVNode("加载中...")
+            ])),
+            _: 1
+          })
+        ])) : (Vue.openBlock(), Vue.createBlock(_component_van_steps, {
+          key: 1,
+          direction: "vertical",
+          active: Vue.unref(timelineList).length - 1,
+          "active-color": "#52c41a",
+          "inactive-icon": "circle",
+          class: "fec-steps"
+        }, {
+          default: Vue.withCtx(() => [
+            (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(Vue.unref(timelineList), (item, index2) => {
+              return Vue.openBlock(), Vue.createBlock(_component_van_step, {
+                key: item.taskId || index2,
+                class: Vue.normalizeClass(["fec-step", `fec-step-${item.__type}`])
+              }, {
+                "finish-icon": Vue.withCtx(() => [
+                  Vue.createElementVNode("div", _hoisted_3, [
+                    Vue.createElementVNode("span", _hoisted_4, Vue.toDisplayString(getInitial(item)), 1)
+                  ])
+                ]),
+                "active-icon": Vue.withCtx(() => [
+                  Vue.createElementVNode("div", _hoisted_5, [
+                    Vue.createElementVNode("span", _hoisted_6, Vue.toDisplayString(getInitial(item)), 1)
+                  ])
+                ]),
+                "inactive-icon": Vue.withCtx(() => [
+                  Vue.createElementVNode("div", _hoisted_7, [
+                    Vue.createElementVNode("span", _hoisted_8, Vue.toDisplayString(getInitial(item)), 1)
+                  ])
+                ]),
+                default: Vue.withCtx(() => [
+                  Vue.createElementVNode("div", _hoisted_9, [
+                    Vue.createElementVNode("div", _hoisted_10, [
+                      Vue.createElementVNode("span", _hoisted_11, Vue.toDisplayString(getName(item)), 1),
+                      getRole(item) ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_12, Vue.toDisplayString(getRole(item)), 1)) : Vue.createCommentVNode("", true)
+                    ]),
+                    Vue.createElementVNode("div", _hoisted_13, [
+                      Vue.createElementVNode("div", _hoisted_14, Vue.toDisplayString(formatTime(item.endTime || item.createTime)), 1),
+                      getOpinion(item) ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_15, [
+                        Vue.createElementVNode("span", {
+                          class: "fec-step-icon",
+                          style: Vue.normalizeStyle({ background: getIconColor(item) })
+                        }, Vue.toDisplayString(getIconText(item)), 5),
+                        Vue.createElementVNode("span", _hoisted_16, Vue.toDisplayString(getOpinion(item)), 1)
+                      ])) : Vue.createCommentVNode("", true)
+                    ])
+                  ]),
+                  getOpinionDesc(item) ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_17, Vue.toDisplayString(getOpinionDesc(item)), 1)) : Vue.createCommentVNode("", true)
+                ]),
+                _: 2
+              }, 1032, ["class"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["active"]))
+      ]);
+    };
+  }
+};
+const _TimeLineFilter = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-ca283130"]]);
+exports.default = _TimeLineFilter;

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

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