feat(app): 应用设置页(107)+ 流程定义/编辑器应用下拉改读白名单显示应用名

- AppSetting.vue:tab1 应用管理(学校池同步说明+开关 i-switch);tab2 科室管理占位(Part E)
- Defs.vue 筛选下拉与表格应用列显示 appName;编辑器归属应用下拉去 allow-create、限启用集合
- flow.ts 增 appList/appEnable(defAppKeys 保留 deprecated)
This commit is contained in:
chenxing
2026-10-10 19:17:39 +08:00
parent acbf601e7a
commit e8f9af534b
5 changed files with 135 additions and 14 deletions
+93
View File
@@ -0,0 +1,93 @@
<script setup lang="ts">
// 应用设置(2026-10-10 四议题):tab1 应用管理(flw_app 白名单 + 学校池同步 + 开关);
// tab2 科室管理(Part E 填充,本版本占位)。
// 应用开通过程在 UserBase 管理端完成(学校组开通);本页只决定"已开通的应用里哪些对接流程"。
import { ref, onMounted } from "vue";
import { Message } from "view-ui-plus";
import MyConfirm from "@/components/MyConfirm";
import { flowApi } from "@/api/module/flow";
import Utils from "@/utils";
const tab = ref("apps");
const loading = ref(false);
const rows = ref<any[]>([]);
const tableHeight = ref(Utils.useTableHeight({ isOperat: true }));
const columns = [
{ title: "序号", type: "index", width: 70, align: "center" },
{ title: "应用", key: "appName", minWidth: 200 },
{ title: "appKey", key: "appKey", width: 120, align: "center" },
{
title: "对接流程",
width: 120,
align: "center",
render: (h: any, p: any) =>
h("i-switch", {
props: { value: p.row.enabled === 1, size: "large", loading: p.row._switching },
on: { "on-change": (v: boolean) => onToggle(p.row, v) },
}),
},
{
title: "状态",
width: 90,
align: "center",
render: (h: any, p: any) =>
h("Tag", { props: { color: p.row.enabled === 1 ? "green" : "gray" } },
() => (p.row.enabled === 1 ? "已开启" : "已停用")),
},
];
async function load() {
loading.value = true;
try {
rows.value = ((await flowApi.appList().send()) as any[]) || [];
} finally {
loading.value = false;
}
}
async function onToggle(row: any, enabled: boolean) {
row._switching = true;
try {
await flowApi.appEnable(row.id, enabled).send();
row.enabled = enabled ? 1 : 0;
Message.success(enabled ? `已开启「${row.appName}」` : `已停用「${row.appName}」`);
} catch (e: any) {
Message.error(e?.message || "操作失败");
// 失败回滚开关显示(重新拉取)
load();
} finally {
row._switching = false;
}
}
function onRefresh() {
load();
}
onMounted(load);
</script>
<template>
<div class="page-wrapper">
<div class="main-container">
<Tabs v-model="tab">
<TabPane label="应用管理" name="apps">
<div class="fix mb-12">
<Button class="fl" type="primary" size="large" @click="onRefresh">刷新(同步学校池)</Button>
<span class="fl" style="color: #808695; font-size: 12px; line-height: 40px; margin-left: 10px">
应用清单来自本校已开通应用(UserBase 学校组开通,含学校别名);开启后可用于流程归属与筛选。
新开通/改名在 UserBase 管理端操作后回本页刷新即可
</span>
</div>
<Table :columns="columns" :data="rows" :loading="loading" class="link-table table-bottom-box"
:height="tableHeight" no-data-text="本校暂无已开通应用(请先在用户中心开通)" />
</TabPane>
<TabPane label="科室管理" name="depts" disabled>
<div style="padding: 40px; text-align: center; color: #808695">科室管理建设中(即将上线)</div>
</TabPane>
</Tabs>
</div>
</div>
</template>
+14 -7
View File
@@ -23,15 +23,16 @@ const sourceText = ref("");
const sourceTitle = ref("");
// 操作按钮区 + 表格,无搜索、无分页
const tableHeight = ref(Utils.useTableHeight({ isOperat: true }));
// 按应用筛选(flw_def.app_key,2026-10-10):下拉数据源来自 /def/appkeys
const appKeys = ref<string[]>([]);
// 按应用筛选(flw_def.app_key,2026-10-10):下拉数据源来自应用设置白名单(flw_app enabled=1)
const apps = ref<{ appKey: string; appName: string }[]>([]);
const appMap = ref<Record<string, string>>({});
const filterApp = ref("");
const columns = [
{ title: "序号", type: "index", width: 70, align: "center" },
{ title: "流程", key: "name", minWidth: 180 },
{ title: "编码", key: "code", width: 160 },
{ title: "应用", key: "appKey", width: 110, align: "center", render: (h: any, p: any) => h("span", p.row.appKey || "-") },
{ title: "应用", key: "appKey", width: 130, align: "center", render: (h: any, p: any) => h("span", p.row.appKey ? (appMap.value[p.row.appKey] || p.row.appKey) : "-") },
{ title: "版本", key: "version", width: 70, align: "center" },
{ title: "状态", width: 90, align: "center", render: (h: any, p: any) => {
const c = p.row.status === 1 ? "green" : p.row.status === 0 ? "orange" : "gray";
@@ -68,12 +69,18 @@ async function load() {
}
}
/** 应用清单(筛选下拉):flw_def 已标注 ∪ 已注册回调的应用,失败降级为空下拉 */
/** 应用清单(筛选下拉):应用设置白名单(flw_app enabled=1),失败降级为空下拉 */
async function loadAppKeys() {
try {
appKeys.value = (await flowApi.defAppKeys().send()) || [];
const rows: any[] = (await flowApi.appList().send()) || [];
const enabled = rows.filter((r) => r.enabled === 1);
apps.value = enabled.map((r) => ({ appKey: String(r.appKey), appName: r.appName || String(r.appKey) }));
const map: Record<string, string> = {};
rows.forEach((r) => { if (r.appKey != null) map[String(r.appKey)] = r.appName || String(r.appKey); });
appMap.value = map;
} catch {
appKeys.value = [];
apps.value = [];
appMap.value = {};
}
}
@@ -175,7 +182,7 @@ onMounted(() => {
<Button class="fl" type="primary" size="large" @click="onNew">新建流程</Button>
<Select v-model="filterApp" clearable filterable placeholder="按应用筛选" class="fl"
style="width: 200px; margin-left: 8px" @on-change="load">
<Option v-for="k in appKeys" :key="k" :value="k">{{ k }}</Option>
<Option v-for="a in apps" :key="a.appKey" :value="a.appKey">{{ a.appName }}</Option>
</Select>
</div>
+9 -7
View File
@@ -57,8 +57,8 @@ const sourceStatus = ref(0);
const sourceVersion = ref(0);
/** 归属应用(flw_def.app_key;按应用筛选维度,空=未分配) */
const appKey = ref("");
/** 应用清单下拉(本校已标注 ∪ 已注册回调),拉取失败降级为仅手输 */
const appKeys = ref<string[]>([]);
/** 应用清单下拉(应用设置白名单 flw_app enabled=1,显示应用名),拉取失败降级为仅当前值 */
const appOptions = ref<{ appKey: string; appName: string }[]>([]);
const model = reactive<EditorModel>(createEmptyModel());
/** 科室映射聚合(mapList):仅用于下拉选项与"无启用办理人"提示 */
@@ -177,9 +177,12 @@ async function load(): Promise<void> {
await loadDepts();
await loadRouters();
try {
appKeys.value = ((await flowApi.defAppKeys().send()) as string[]) || [];
const rows: any[] = (await flowApi.appList().send()) || [];
appOptions.value = rows
.filter((r) => r.enabled === 1)
.map((r) => ({ appKey: String(r.appKey), appName: r.appName || String(r.appKey) }));
} catch {
appKeys.value = [];
appOptions.value = [];
}
const queryId = route.query.id ? Number(route.query.id) : null;
@@ -484,9 +487,8 @@ onUnmounted(() => window.removeEventListener("beforeunload", onBeforeUnload));
</label>
<label>
应用
<Select v-model="appKey" placeholder="归属应用,可空" style="width: 150px"
clearable filterable allow-create>
<Option v-for="k in appKeys" :key="k" :value="k">{{ k }}</Option>
<Select v-model="appKey" placeholder="归属应用,可空" style="width: 170px" clearable filterable>
<Option v-for="a in appOptions" :key="a.appKey" :value="a.appKey">{{ a.appName }}</Option>
</Select>
</label>
</div>