From 6c48726f7647a6961f3e98c7c612d2793f283a3c Mon Sep 17 00:00:00 2001
From: "xinxin.wu" <xinxin.wu@fit2cloud.com>
Date: Tue, 29 Sep 2026 18:08:52 +0800
Subject: [PATCH] feat: system resource application

---
 .../application/application.ts                |  14 +-
 ui/src/router/admin/system/index.ts           |   2 +-
 .../DeleteApplicationAction.vue               |   3 +-
 .../ExportApplicationAction.vue               |   3 +-
 ui/src/views/system/home/index.vue            |   3 -
 .../resource-management/application/index.vue | 172 ++++++++++++++++++
 6 files changed, 190 insertions(+), 7 deletions(-)
 create mode 100644 ui/src/views/system/resource-management/application/index.vue

diff --git a/ui/src/api/admin/system/resource-management/application/application.ts b/ui/src/api/admin/system/resource-management/application/application.ts
index 1a596b97a78..1dc0da66134 100644
--- a/ui/src/api/admin/system/resource-management/application/application.ts
+++ b/ui/src/api/admin/system/resource-management/application/application.ts
@@ -1,4 +1,4 @@
-import { get, postStream } from '@/api/admin/core/request'
+import { del, get, getExportFile, postStream } from '@/api/admin/core/request'
 import type { ParamsPage, ResponsePage } from '@/api/admin/core/types'
 import type { ApplicationDetail, Dict, PromptGeneratePayload } from '@/api/types'
 import { ADMIN_API_BASE_PATH } from '@/api/constants'
@@ -15,7 +15,19 @@ const postPromptGenerate = (applicationId: string, modelId: string, payload: Pro
   return postStream(ADMIN_API_BASE_PATH, `${prefix}/${applicationId}/model/${modelId}/prompt_generate`, payload)
 }
 
+/** 删除系统资源管理智能体。 */
+const deleteApplication = (applicationId: string) => {
+  return del<undefined, boolean>(`${prefix}/${applicationId}`)
+}
+
+/** 导出系统资源管理智能体文件。 */
+const exportApplication = (applicationId: string, applicationName: string) => {
+  return getExportFile(`${applicationName}.mk`, `${prefix}/${applicationId}/export`)
+}
+
 export default {
   getApplicationPage,
   postPromptGenerate,
+  deleteApplication,
+  exportApplication,
 }
diff --git a/ui/src/router/admin/system/index.ts b/ui/src/router/admin/system/index.ts
index bee4e18aa48..1a6fbf76151 100644
--- a/ui/src/router/admin/system/index.ts
+++ b/ui/src/router/admin/system/index.ts
@@ -157,7 +157,7 @@ export const systemRoutes: RouteRecordRaw = {
         {
           path: 'applications',
           name: 'system-resource-applications',
-          component: () => import('@/views/system/index.vue'),
+          component: () => import('@/views/system/resource-management/application/index.vue'),
           meta: { title: '智能体', order: 10, permission: perm.application.system.jumpRead, next: 'system-resource-knowledge' },
         },
         {
diff --git a/ui/src/views/application/application-card/action-dropdown/DeleteApplicationAction.vue b/ui/src/views/application/application-card/action-dropdown/DeleteApplicationAction.vue
index 69cf1aefa15..c30edd8a5b4 100644
--- a/ui/src/views/application/application-card/action-dropdown/DeleteApplicationAction.vue
+++ b/ui/src/views/application/application-card/action-dropdown/DeleteApplicationAction.vue
@@ -1,11 +1,12 @@
 <script setup lang="ts">
 import type ApplicationApi from '@/api/admin/workspace/application/application'
+import type SystemResourceApplicationApi from '@/api/admin/system/resource-management/application/application'
 import type { ApplicationDetail } from '@/api/types'
 import { MsgConfirm, MsgSuccess } from '@/utils/message'
 
 defineOptions({ name: 'DeleteApplicationAction' })
 
-const props = defineProps<{ api: typeof ApplicationApi; application: ApplicationDetail; label: string }>()
+const props = defineProps<{ api: typeof ApplicationApi | typeof SystemResourceApplicationApi; application: ApplicationDetail; label: string }>()
 
 const loading = defineModel<boolean>('loading', { default: false })
 
diff --git a/ui/src/views/application/application-card/action-dropdown/ExportApplicationAction.vue b/ui/src/views/application/application-card/action-dropdown/ExportApplicationAction.vue
index 18c4e9a5054..fa5198351e2 100644
--- a/ui/src/views/application/application-card/action-dropdown/ExportApplicationAction.vue
+++ b/ui/src/views/application/application-card/action-dropdown/ExportApplicationAction.vue
@@ -1,11 +1,12 @@
 <script setup lang="ts">
 import type ApplicationApi from '@/api/admin/workspace/application/application'
+import type SystemResourceApplicationApi from '@/api/admin/system/resource-management/application/application'
 import type { ApplicationDetail, ExportError } from '@/api/types'
 import { MsgError } from '@/utils/message'
 
 defineOptions({ name: 'ExportApplicationAction' })
 
-const props = defineProps<{ api: typeof ApplicationApi; application: ApplicationDetail; label: string }>()
+const props = defineProps<{ api: typeof ApplicationApi | typeof SystemResourceApplicationApi; application: ApplicationDetail; label: string }>()
 
 const loading = defineModel<boolean>('loading', { default: false })
 
diff --git a/ui/src/views/system/home/index.vue b/ui/src/views/system/home/index.vue
index e25d73f63da..ec6bc1cce5a 100644
--- a/ui/src/views/system/home/index.vue
+++ b/ui/src/views/system/home/index.vue
@@ -85,9 +85,7 @@ onMounted(() => {
     <template #top>
       <WorkspaceDropdown v-model="selectedWorkspaceId" :options="workspaceOptions" @select="handleWorkspaceSelect" />
     </template>
-
     <!-- 资源 -->
-
     <h4 class="mb-4 mt-4">资源</h4>
     <HomeResourceOverview :key="selectedWorkspaceId" :api="SystemHomepageApi" :workspace-id="selectedWorkspaceId" />
     <!-- 监控 -->
@@ -117,7 +115,6 @@ onMounted(() => {
               <span>全部智能体</span>
             </div>
           </el-option>
-          <!--  TODO 全部智能体 -->
           <template v-for="application in applications" :key="application.id">
             <el-option :label="application.name" :value="application.id">
               <div class="flex-align-center gap-2">
diff --git a/ui/src/views/system/resource-management/application/index.vue b/ui/src/views/system/resource-management/application/index.vue
new file mode 100644
index 00000000000..62c3ac13968
--- /dev/null
+++ b/ui/src/views/system/resource-management/application/index.vue
@@ -0,0 +1,172 @@
+<script setup lang="ts">
+import { computed, onMounted, ref } from 'vue'
+import SystemResourceApplicationApi from '@/api/admin/system/resource-management/application/application'
+import SystemCommonApi from '@/api/admin/system/common'
+import SystemWorkspaceApi from '@/api/admin/system/workspace'
+import SystemResourceTriggerApi from '@/api/admin/system/resource-management/resource-trigger'
+import type { ApplicationDetail, Dict, OptionItem } from '@/api/types'
+import { useStore } from '@/stores'
+import { datetimeFormat } from '@/utils/time'
+import { APPLICATION_TYPE } from '@/api/enums'
+import { isWorkFlow } from '@/utils/application'
+import {
+  AuthorizeApplicationAction,
+  ExportApplicationAction,
+  DeleteApplicationAction,
+  TriggerApplicationAction,
+} from '@/views/application/application-card/action-dropdown'
+
+const { auth } = useStore()
+
+/* 工具分页与筛选 */
+const loading = ref(false)
+const operationLoading = ref(false)
+const applicationData = ref<ApplicationDetail[]>([])
+const pagination = ref({ currentPage: 1, pageSize: 20, total: 0 })
+const applicationQuery = ref<Dict<unknown>>()
+const creatorOptions = ref<OptionItem<string>[]>([])
+const workspaceOptions = ref<OptionItem<string>[]>([])
+const selectedWorkspaceIds = ref<string[]>([])
+const searchFields = computed(() => [
+  { label: '创建者', value: 'create_user', options: creatorOptions.value, remoteMethod: loadCreatorOptions },
+  { label: '名称', value: 'name' },
+  {
+    label: '类型',
+    value: 'type',
+    options: [
+      { value: APPLICATION_TYPE.WORK_FLOW, label: '高级' },
+      { value: APPLICATION_TYPE.SIMPLE, label: '简易' },
+    ],
+  },
+])
+const selectedStatusType = ref<string[]>([])
+const applicationStatusOptions = computed(() => [
+  { value: true, label: '已发布' },
+  { value: false, label: '未发布' },
+])
+
+function loadCreatorOptions(keyword: string) {
+  return SystemCommonApi.getAllUsers(keyword ? { nick_name: keyword } : undefined).then((users) => {
+    creatorOptions.value = users.map(({ id, nick_name }) => ({ value: id, label: nick_name }))
+  })
+}
+
+function loadApplicationPage() {
+  loading.value = true
+  return SystemResourceApplicationApi.getApplicationPage(pagination.value, {
+    ...applicationQuery.value,
+    ...(selectedWorkspaceIds.value.length ? { workspace_ids: JSON.stringify(selectedWorkspaceIds.value) } : {}),
+    ...(selectedStatusType.value.length ? { status: JSON.stringify(selectedStatusType.value) } : {}),
+  })
+    .then((page) => {
+      applicationData.value = page.records
+      pagination.value.total = page.total
+    })
+    .finally(() => {
+      loading.value = false
+    })
+}
+
+function handleSearchChange(query?: Dict<unknown>) {
+  applicationQuery.value = query
+  return handleFilterChange()
+}
+
+function handleFilterChange() {
+  pagination.value.currentPage = 1
+  return loadApplicationPage()
+}
+
+onMounted(() => {
+  loadApplicationPage()
+  if (auth.isEE) {
+    SystemWorkspaceApi.getSystemWorkspaceList().then((workspaces) => {
+      workspaceOptions.value = workspaces.flatMap(({ id, name }) => (id ? [{ value: id, label: name }] : []))
+    })
+  }
+})
+</script>
+
+<template>
+  <MkViewLayout>
+    <template #default="{ Header, title }">
+      <component :is="Header">
+        <h4>{{ title }}</h4>
+        <MkComplexSearch :fields="searchFields" @change="handleSearchChange" />
+      </component>
+      <MkTable
+        v-model:pagination-config="pagination"
+        v-loading="loading || operationLoading"
+        :data="applicationData"
+        :max-table-height="210"
+        @current-change="loadApplicationPage"
+        @size-change="loadApplicationPage"
+      >
+        <el-table-column prop="name" label="名称" min-width="200" show-overflow-tooltip>
+          <template #default="{ row }">
+            <div class="flex-align-center gap-2">
+              <ApplicationIcon :icon="row.icon" class="shrink-0" />
+              <span class="truncate" :title="row.name">{{ row.name }}</span>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="type" label="类型" width="150">
+          <template #default="{ row }">
+            <el-tag v-if="isWorkFlow(row.type)" type="warning" size="small">高级</el-tag>
+            <el-tag v-else type="primary" class="default" size="small">简易</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="状态" width="150">
+          <template #header>
+            <MkTableFilter
+              mode="multiple"
+              v-model="selectedStatusType"
+              label="状态"
+              :options="applicationStatusOptions"
+              @change="handleFilterChange"
+            />
+          </template>
+          <template #default="{ row }">
+            <MkStatusLabel :active="row.is_publish" active-text="已发布" inactive-text="未发布" inactive-icon="icon_time_filled" />
+          </template>
+        </el-table-column>
+        <el-table-column v-if="auth.isEE" prop="workspace_name" min-width="160" show-overflow-tooltip>
+          <template #header>
+            <MkTableFilter mode="multiple" v-model="selectedWorkspaceIds" label="工作空间" :options="workspaceOptions" @change="handleFilterChange" />
+          </template>
+        </el-table-column>
+        <el-table-column prop="nick_name" label="创建者" min-width="120" show-overflow-tooltip />
+        <el-table-column label="发布时间" width="180">
+          <template #default="{ row }">{{ datetimeFormat(row.publish_time) || '-' }}</template>
+        </el-table-column>
+        <el-table-column label="创建时间" width="180">
+          <template #default="{ row }">{{ datetimeFormat(row.create_time) }}</template>
+        </el-table-column>
+        <el-table-column label="操作" width="120" fixed="right">
+          <template #default="{ row }">
+            <div class="flex-align-center">
+              <MkTableMoreDropdown persistent>
+                <!-- TODO 对话&管理 -->
+
+                <!-- 资源授权 -->
+                <AuthorizeApplicationAction label="资源授权" :application="row" />
+                <!-- 智能体触发器 -->
+                <TriggerApplicationAction label="触发器" :api="SystemResourceTriggerApi" :application="row" />
+                <!-- 导出 -->
+                <ExportApplicationAction v-model:loading="operationLoading" label="导出" :api="SystemResourceApplicationApi" :application="row" />
+                <!-- 删除 -->
+                <DeleteApplicationAction
+                  v-model:loading="operationLoading"
+                  label="删除"
+                  :api="SystemResourceApplicationApi"
+                  :application="row"
+                  @delete="loadApplicationPage"
+                />
+              </MkTableMoreDropdown>
+            </div>
+          </template>
+        </el-table-column>
+      </MkTable>
+    </template>
+  </MkViewLayout>
+</template>