feat: 提交流程中心前端代码

Vue3 + Vite + view-ui-plus 前端源码，含流程工作台、实例详情、任务处理、管理端（定义/实例/映射/回调）等页面。保留远程 .gitea/workflows/build.yml CI 配置。
2026-09-15 10:42:45 +08:00
parent ca30ff12cc
commit 90db00cf16
328 changed files with 25868 additions and 2 deletions
@@ -0,0 +1,67 @@
+<script setup lang="ts">
+// 办件记录（管理端）：全校办件查询
+import { ref, onMounted } from "vue";
+import { useRouter } from "vue-router";
+import { flowApi, INSTANCE_STATUS } from "@/api/module/flow";
+
+const router = useRouter();
+const loading = ref(false);
+const page = ref(1);
+const total = ref(0);
+const filter = ref<any>({ status: null, keyword: "" });
+const rows = ref<any[]>([]);
+
+const columns = [
+    { title: "办件标题", key: "bizTitle", minWidth: 220 },
+    { title: "业务", width: 170, render: (h: any, p: any) => h("span", `${p.row.bizType || "-"}/${p.row.bizId || "-"}`) },
+    { title: "状态", width: 100, render: (h: any, p: any) => {
+        const c = p.row.status === 10 ? "blue" : p.row.status === 20 ? "green" : p.row.status === 30 ? "red" : "gray";
+        return h("Tag", { color: c }, () => INSTANCE_STATUS[p.row.status] || p.row.status);
+    } },
+    { title: "提交人", key: "submitterName", width: 100 },
+    { title: "提交时间", width: 160, render: (h: any, p: any) => h("span", (p.row.submitTime || "").replace("T", " ")) },
+    { title: "操作", width: 90, render: (h: any, p: any) =>
+        h("Button", { size: "small", onClick: () => router.push(`/instance/${p.row.id}`) }, () => "详情") },
+];
+
+async function load() {
+    loading.value = true;
+    try {
+        const params: any = { page: page.value, size: 10 };
+        if (filter.value.status !== null && filter.value.status !== undefined) params.status = filter.value.status;
+        if (filter.value.keyword) params.keyword = filter.value.keyword;
+        const data: any = await flowApi.adminInstances(params).send();
+        rows.value = data?.content || [];
+        total.value = data?.total || 0;
+    } finally {
+        loading.value = false;
+    }
+}
+
+onMounted(load);
+</script>
+
+<template>
+    <div class="page">
+        <div class="filter">
+            <Select v-model="filter.status" clearable placeholder="状态" style="width: 130px">
+                <Option :value="10" label="审批中" />
+                <Option :value="20" label="已完成" />
+                <Option :value="30" label="已拒绝" />
+                <Option :value="40" label="已撤回" />
+            </Select>
+            <Input v-model="filter.keyword" placeholder="标题关键字" style="width: 200px" clearable @on-enter="load" />
+            <Button @click="page = 1; load()">查询</Button>
+        </div>
+        <Table :columns="columns" :data="rows" :loading="loading" stripe />
+        <div class="pager">
+            <Page :total="total" :current="page" :page-size="10" show-total @on-change="(p: number) => { page = p; load(); }" />
+        </div>
+    </div>
+</template>
+
+<style scoped>
+.page { padding: 12px 16px; }
+.filter { margin-bottom: 10px; display: flex; gap: 8px; }
+.pager { margin-top: 12px; text-align: right; }
+</style>