+
+ {{ text }}
+
+
+
+
+
diff --git a/frontend-vue/src/layout/components/Main/Task.vue b/frontend-vue/src/layout/components/Main/Task.vue
new file mode 100644
index 0000000..0a5aaa2
--- /dev/null
+++ b/frontend-vue/src/layout/components/Main/Task.vue
@@ -0,0 +1,224 @@
+
+
+
+
+ 
+ {{ configStore.config.title }}{{ configStore.config.subTitle }}
+
+
+ {{ configStore.config.title }}{{ configStore.config.subTitle }}
+
+ {{ configStore.config.centerTitle }}
+
+
+
+
+ 任务
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend-vue/src/layout/components/Main/TaskTemplate/AgentRepo/index.vue b/frontend-vue/src/layout/components/Main/TaskTemplate/AgentRepo/index.vue
new file mode 100644
index 0000000..4c6b205
--- /dev/null
+++ b/frontend-vue/src/layout/components/Main/TaskTemplate/AgentRepo/index.vue
@@ -0,0 +1,190 @@
+
+
+
+
+
+
+
+
+
+
+ {{ item.Name }}
+
+
+
+
+
+
+
+
+
+
+ 当前职责
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ getActionTypeDisplay(item1.ActionType)?.name }}：
+ {{ item1.Description }}
+
+
+
+
+
+
diff --git a/frontend-vue/src/layout/components/Main/TaskTemplate/TaskResult/ExecutePlan.vue b/frontend-vue/src/layout/components/Main/TaskTemplate/TaskResult/ExecutePlan.vue
new file mode 100644
index 0000000..9823d72
--- /dev/null
+++ b/frontend-vue/src/layout/components/Main/TaskTemplate/TaskResult/ExecutePlan.vue
@@ -0,0 +1,105 @@
+
+
+
+
+ 智能体库
+
+
+
+
+
+
+
+
+
+
+
+ {{ agent.title }}
+
+
+
+ {{ item.name }}
+
+
+
+
+
+
+
+
+
diff --git a/frontend-vue/src/layout/components/Main/TaskTemplate/TaskResult/Iod.vue b/frontend-vue/src/layout/components/Main/TaskTemplate/TaskResult/Iod.vue
new file mode 100644
index 0000000..ba0e4c0
--- /dev/null
+++ b/frontend-vue/src/layout/components/Main/TaskTemplate/TaskResult/Iod.vue
@@ -0,0 +1,76 @@
+
+
+
+
+ {{ data.Description }}
+
+
+
+
+
+ {{ data.length }}
+
+
+
+
+
+
+
+ 数联网搜索结果
+
+
+
+
+ 下一个
+
+ {{ `${displayIndex + 1}/${data.length}` }}
+
+
+
+
+ 名称:
+ {{ displayIod.name }}
+
+
+ 数据空间:
+ {{ displayIod.data_space }}
+
+
+ DOID:
+ {{ displayIod.doId }}
+
+
+ 来源仓库:
+ {{ displayIod.fromRepo }}
+
+
+
+
+
+
diff --git a/frontend-vue/src/layout/components/Main/TaskTemplate/TaskSyllabus/Bg.vue b/frontend-vue/src/layout/components/Main/TaskTemplate/TaskSyllabus/Bg.vue
new file mode 100644
index 0000000..e6b0a2a
--- /dev/null
+++ b/frontend-vue/src/layout/components/Main/TaskTemplate/TaskSyllabus/Bg.vue
@@ -0,0 +1,31 @@
+
+
+ 执行结果
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.StepName }}
+
+
+
+
+
+
+
+
+
+ {{ item1.AgentName }}:
+
+ {{ getActionTypeDisplay(item1.ActionType)?.name }}
+
+
+ {{ item.OutputObject }}
+
+
+
+
+
+
+
diff --git a/frontend-vue/src/layout/components/Main/TaskTemplate/TaskSyllabus/index.vue b/frontend-vue/src/layout/components/Main/TaskTemplate/TaskSyllabus/index.vue
new file mode 100644
index 0000000..1e44563
--- /dev/null
+++ b/frontend-vue/src/layout/components/Main/TaskTemplate/TaskSyllabus/index.vue
@@ -0,0 +1,204 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend-vue/src/layout/components/Main/TaskTemplate/index.vue b/frontend-vue/src/layout/components/Main/TaskTemplate/index.vue
new file mode 100644
index 0000000..c13c8a7
--- /dev/null
+++ b/frontend-vue/src/layout/components/Main/TaskTemplate/index.vue
@@ -0,0 +1,122 @@
+
+
+
+ 任务大纲
+
+
+
+
+
+
+
+
+
+
+
+
+ 流程
+
+
+
+
+ 产物
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.StepName }}
+
+
+ {{ item.TaskContent }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ agentSelection }}
+
+
+ {{
+ item.TaskProcess.find((i) => i.AgentName === agentSelection)?.Description
+ }}
+
+
+
+ {{ item.OutputObject }}
+
+
+
+
+
+
diff --git a/frontend-vue/src/layout/components/Main/TaskTemplate/utils.ts b/frontend-vue/src/layout/components/Main/TaskTemplate/utils.ts
new file mode 100644
index 0000000..a7e9780
--- /dev/null
+++ b/frontend-vue/src/layout/components/Main/TaskTemplate/utils.ts
@@ -0,0 +1,169 @@
+import type {
+ AnchorSpec,
+ ConnectorSpec,
+ ConnectParams,
+ EndpointOptions,
+ JsPlumbInstance,
+} from '@jsplumb/browser-ui'
+import { BezierConnector, DotEndpoint, newInstance } from '@jsplumb/browser-ui'
+
+export interface JsplumbConfig {
+ connector?: ConnectorSpec
+ type?: 'input' | 'output'
+ stops?: [[number, string], [number, string]]
+ // 连接线条是否变透明一些
+ transparent?: boolean
+}
+
+export interface ConnectArg {
+ sourceId: string
+ targetId: string
+ anchor: AnchorSpec
+ config?: JsplumbConfig
+}
+
+const defaultConfig: JsplumbConfig = {
+ connector: {
+ type: BezierConnector.type,
+ options: {
+ curviness: 70,
+ stub: 10,
+ },
+ },
+ type: 'input',
+}
+
+export class Jsplumb {
+ instance!: JsPlumbInstance
+ containerId: string
+ config: JsplumbConfig
+
+ constructor(eleId: string, config = {} as JsplumbConfig) {
+ this.containerId = eleId
+ this.config = { ...defaultConfig, ...config }
+ onMounted(() => {
+ this.init()
+ })
+ }
+
+ init = () => {
+ if (this.instance) {
+ return
+ }
+ this.instance = newInstance({
+ container: document.querySelector(`#${this.containerId}`)!, // 或指定共同的父容器
+ })
+ }
+
+ getStops = (type?: 'input' | 'output'): [[number, string], [number, string]] => {
+ if (type === 'input') {
+ return [
+ [0, '#FF6161'],
+ [1, '#D76976'],
+ ]
+ }
+
+ return [
+ [0, '#0093EB'],
+ [1, '#00D2D1'],
+ ]
+ }
+
+ _connect = (
+ sourceId: string,
+ targetId: string,
+ anchor: AnchorSpec,
+ _config = {} as JsplumbConfig,
+ ) => {
+ const config = {
+ ...defaultConfig,
+ ...this.config,
+ ..._config,
+ }
+ this.init()
+ // 连接两个元素
+ const sourceElement = document.querySelector(`#${sourceId}`)
+ const targetElement = document.querySelector(`#${targetId}`)
+ const stops = _config.stops ?? this.getStops(config.type)
+ // 如果config.transparent为true，则将stops都加一些透明度
+ if (config.transparent) {
+ stops[0][1] = stops[0][1] + '30'
+ stops[1][1] = stops[1][1] + '30'
+ }
+ if (targetElement && sourceElement) {
+ this.instance.connect({
+ source: sourceElement,
+ target: targetElement,
+ connector: config.connector,
+ anchor: anchor,
+ paintStyle: {
+ stroke: stops[0][1],
+ strokeWidth: 2.5,
+ dashstyle: '0',
+ zIndex: 100,
+ opacity: 0.9,
+ gradient: {
+ stops: stops,
+ type: 'linear',
+ },
+ },
+ sourceEndpointStyle: { fill: stops[0][1] },
+
+ endpoint: {
+ type: DotEndpoint.type,
+ options: { radius: 5 },
+ },
+ cssClass: `jtk-connector-${config.type}`
+ } as unknown as ConnectParams
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend-vue/src/layout/components/config.ts b/frontend-vue/src/layout/components/config.ts
new file mode 100644
index 0000000..b56aeea
--- /dev/null
+++ b/frontend-vue/src/layout/components/config.ts
@@ -0,0 +1,145 @@
+export interface AgentMapIcon {
+ name: string
+ icon: string
+ color: string
+}
+// "肾脏病学家": {
+// name: "肾脏病学家",
+// icon: "doctor",
+// color: "#00A2D2",
+// },
+export const agentMapIcon = new Map
+
+
diff --git a/frontend-vue/src/main.ts b/frontend-vue/src/main.ts
new file mode 100644
index 0000000..238f7ff
--- /dev/null
+++ b/frontend-vue/src/main.ts
@@ -0,0 +1,23 @@
+import { createApp } from 'vue'
+
+import App from './App.vue'
+import router from './router'
+import './styles/index.scss'
+import './styles/tailwindcss.css'
+import 'element-plus/theme-chalk/dark/css-vars.css'
+import 'virtual:svg-icons-register'
+import { initService } from '@/utils/request.ts'
+import { setupStore, useConfigStore } from '@/stores'
+
+async function init() {
+ const app = createApp(App)
+ setupStore(app)
+ initService()
+ const configStore = useConfigStore()
+ await configStore.initConfig()
+ document.title = configStore.config.centerTitle
+ app.use(router)
+ app.mount('#app')
+}
+
+void init()
diff --git a/frontend-vue/src/router/index.ts b/frontend-vue/src/router/index.ts
new file mode 100644
index 0000000..e1eab52
--- /dev/null
+++ b/frontend-vue/src/router/index.ts
@@ -0,0 +1,8 @@
+import { createRouter, createWebHistory } from 'vue-router'
+
+const router = createRouter({
+ history: createWebHistory(import.meta.env.BASE_URL),
+ routes: [],
+})
+
+export default router
diff --git a/frontend-vue/src/stores/index.ts b/frontend-vue/src/stores/index.ts
new file mode 100644
index 0000000..d093e76
--- /dev/null
+++ b/frontend-vue/src/stores/index.ts
@@ -0,0 +1,12 @@
+import { createPinia } from 'pinia'
+import type { App } from 'vue'
+
+export const store = createPinia()
+
+// 全局注册 store
+export function setupStore(app: App