完善前端项目

vue/apps/web-antd/src/views/dashboard/workspace/index.vue

@@ -2,232 +2,109 @@
 import type {
   WorkbenchProjectItem,
   WorkbenchQuickNavItem,
-  WorkbenchTodoItem,
-  WorkbenchTrendItem,
-} from '@vben/common-ui';
+} from "@vben/common-ui";
 
-import { ref } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { WorkbenchHeader } from '@vben/common-ui';
-import { preferences } from '@vben/preferences';
-import { useUserStore } from '@vben/stores';
-import { openWindow } from '@vben/utils';
+import { useRouter } from "vue-router";
+import { WorkbenchHeader, WorkbenchQuickNav } from "@vben/common-ui";
+import { preferences } from "@vben/preferences";
+import { useUserStore } from "@vben/stores";
+import { openWindow } from "@vben/utils";
 
 const userStore = useUserStore();
 
-// 这是一个示例数据，实际项目中需要根据实际情况进行调整
-// url 也可以是内部路由，在 navTo 方法中识别处理，进行内部跳转
-// 例如：url: /dashboard/workspace
-const projectItems: WorkbenchProjectItem[] = [
-  {
-    color: '',
-    content: '不要等待机会，而要创造机会。',
-    date: '2021-04-01',
-    group: '开源组',
-    icon: 'carbon:logo-github',
-    title: 'Github',
-    url: 'https://github.com',
-  },
-  {
-    color: '#3fb27f',
-    content: '现在的你决定将来的你。',
-    date: '2021-04-01',
-    group: '算法组',
-    icon: 'ion:logo-vue',
-    title: 'Vue',
-    url: 'https://vuejs.org',
-  },
-  {
-    color: '#e18525',
-    content: '没有什么才能比努力更重要。',
-    date: '2021-04-01',
-    group: '上班摸鱼',
-    icon: 'ion:logo-html5',
-    title: 'Html5',
-    url: 'https://developer.mozilla.org/zh-CN/docs/Web/HTML',
-  },
-  {
-    color: '#bf0c2c',
-    content: '热情和欲望可以突破一切难关。',
-    date: '2021-04-01',
-    group: 'UI',
-    icon: 'ion:logo-angular',
-    title: 'Angular',
-    url: 'https://angular.io',
-  },
-  {
-    color: '#00d8ff',
-    content: '健康的身体是实现目标的基石。',
-    date: '2021-04-01',
-    group: '技术牛',
-    icon: 'bx:bxl-react',
-    title: 'React',
-    url: 'https://reactjs.org',
-  },
-  {
-    color: '#EBD94E',
-    content: '路是走出来的，而不是空想出来的。',
-    date: '2021-04-01',
-    group: '架构组',
-    icon: 'ion:logo-javascript',
-    title: 'Js',
-    url: 'https://developer.mozilla.org/zh-CN/docs/Web/JavaScript',
-  },
-];
-
 // 同样，这里的 url 也可以使用以 http 开头的外部链接
-const quickNavItems: WorkbenchQuickNavItem[] = [
+const cv: WorkbenchQuickNavItem[] = [
   {
-    color: '#1fdaca',
-    icon: 'ion:home-outline',
-    title: '首页',
-    url: '/',
+    color: "#3fb27f",
+    authority: ['iva'],
+    icon: "mdi:video",
+    title: "视频智能分析",
+    url: "/cv/iva"
   },
   {
-    color: '#bf0c2c',
+    color: "#3fb27f",
+    authority: ['sca'],
+    icon: "mdi:ice-cream",
+    title: "蚕茧仪评分析",
+    url: "/cv/sca"
+  },
+  {
+    color: "#3fb27f",
+    authority: ['ysa'],
+    icon: "mdi:waveform",
+    title: "催青阶段分析",
+    url: "/cv/ysa"
+  },
+  {
+    color: "#3fb27f",
+    icon: "ion:bar-chart-outline",
+    title: "标注平台入口",
+    authority: ['user'],
+    url: "http://171.212.101.199:13013/"
+  },
+];
+const llm: WorkbenchQuickNavItem[] = [
+  {
+    color: "#1fdaca",
+    authority: ['bot'],
+    icon: "mdi:face-agent",
+    title: "通用智能体",
+    url: "/llm/bot"
+  },
+  {
+    color: "#1fdaca",
+    authority: ['report'],
+    icon: 'mdi:set-center',
+    title: "智农观数阁",
+    url: "/llm/report/report-chat"
+  },
+  {
+    color: "#1fdaca",
+    authority: ['service'],
+    icon: 'mdi:android-head',
+    title: "灵思智服阁",
+    url: "/llm/service/service-chat"
+  },
+];
+const common: WorkbenchQuickNavItem[] = [
+  {
+    color: "#bf0c2c",
+    authority: ['remote'],
+    icon: "carbon:workspace",
+    title: "设备远程控制",
+    url: "/remote"
+  },
+  {
+    color: "#bf0c2c",
     icon: 'ion:grid-outline',
-    title: '仪表盘',
-    url: '/dashboard',
-  },
-  {
-    color: '#e18525',
-    icon: 'ion:layers-outline',
-    title: '组件',
-    url: '/demos/features/icons',
-  },
-  {
-    color: '#3fb27f',
-    icon: 'ion:settings-outline',
-    title: '系统管理',
-    url: '/demos/features/login-expired', // 这里的 URL 是示例，实际项目中需要根据实际情况进行调整
-  },
-  {
-    color: '#4daf1bc9',
-    icon: 'ion:key-outline',
-    title: '权限管理',
-    url: '/demos/access/page-control',
-  },
-  {
-    color: '#00d8ff',
-    icon: 'ion:bar-chart-outline',
-    title: '图表',
-    url: '/analytics',
+    title: "RAGFlow",
+    authority: ['user'],
+    url: "/out/rag"
   },
 ];
-
-const todoItems = ref<WorkbenchTodoItem[]>([
-  {
-    completed: false,
-    content: `审查最近提交到Git仓库的前端代码，确保代码质量和规范。`,
-    date: '2024-07-30 11:00:00',
-    title: '审查前端代码提交',
-  },
-  {
-    completed: true,
-    content: `检查并优化系统性能，降低CPU使用率。`,
-    date: '2024-07-30 11:00:00',
-    title: '系统性能优化',
-  },
-  {
-    completed: false,
-    content: `进行系统安全检查，确保没有安全漏洞或未授权的访问。 `,
-    date: '2024-07-30 11:00:00',
-    title: '安全检查',
-  },
-  {
-    completed: false,
-    content: `更新项目中的所有npm依赖包，确保使用最新版本。`,
-    date: '2024-07-30 11:00:00',
-    title: '更新项目依赖',
-  },
-  {
-    completed: false,
-    content: `修复用户报告的页面UI显示问题，确保在不同浏览器中显示一致。 `,
-    date: '2024-07-30 11:00:00',
-    title: '修复UI显示问题',
-  },
-]);
-const trendItems: WorkbenchTrendItem[] = [
-  {
-    avatar: 'svg:avatar-1',
-    content: `在 <a>开源组</a> 创建了项目 <a>Vue</a>`,
-    date: '刚刚',
-    title: '威廉',
-  },
-  {
-    avatar: 'svg:avatar-2',
-    content: `关注了 <a>威廉</a> `,
-    date: '1个小时前',
-    title: '艾文',
-  },
-  {
-    avatar: 'svg:avatar-3',
-    content: `发布了 <a>个人动态</a> `,
-    date: '1天前',
-    title: '克里斯',
-  },
-  {
-    avatar: 'svg:avatar-4',
-    content: `发表文章 <a>如何编写一个Vite插件</a> `,
-    date: '2天前',
-    title: 'Vben',
-  },
-  {
-    avatar: 'svg:avatar-1',
-    content: `回复了 <a>杰克</a> 的问题 <a>如何进行项目优化？</a>`,
-    date: '3天前',
-    title: '皮特',
-  },
-  {
-    avatar: 'svg:avatar-2',
-    content: `关闭了问题 <a>如何运行项目</a> `,
-    date: '1周前',
-    title: '杰克',
-  },
-  {
-    avatar: 'svg:avatar-3',
-    content: `发布了 <a>个人动态</a> `,
-    date: '1周前',
-    title: '威廉',
-  },
-  {
-    avatar: 'svg:avatar-4',
-    content: `推送了代码到 <a>Github</a>`,
-    date: '2021-04-01 20:00',
-    title: '威廉',
-  },
-  {
-    avatar: 'svg:avatar-4',
-    content: `发表文章 <a>如何编写使用 Admin Vben</a> `,
-    date: '2021-03-01 20:00',
-    title: 'Vben',
-  },
-];
-
 const router = useRouter();
 
 // 这是一个示例方法，实际项目中需要根据实际情况进行调整
-// This is a sample method, adjust according to the actual project requirements
 function navTo(nav: WorkbenchProjectItem | WorkbenchQuickNavItem) {
-  if (nav.url?.startsWith('http')) {
+  if (nav.url?.startsWith("http")) {
     openWindow(nav.url);
     return;
   }
-  if (nav.url?.startsWith('/')) {
+  if (nav.url?.startsWith("/")) {
     router.push(nav.url).catch((error) => {
-      console.error('Navigation failed:', error);
+      console.error("Navigation failed:", error);
     });
   } else {
     console.warn(`Unknown URL for navigation item: ${nav.title} -> ${nav.url}`);
   }
 }
+
 function getGreeting() {
   const hour = new Date().getHours();
-  if (hour < 6) return '凌晨好';
-  if (hour < 12) return '早安';
-  if (hour < 18) return '下午好';
-  return '晚上好';
+  if (hour < 6) return "凌晨好";
+  if (hour < 12) return "早安";
+  if (hour < 18) return "下午好";
+  return "晚上好";
 }
 </script>
 
@@ -240,7 +117,38 @@ function getGreeting() {
         {{ getGreeting() }}, {{ userStore.userInfo?.username }},
         开始您一天的工作吧！
       </template>
-      <template #description> 欢迎使用主干AI实验室 </template>
+      <template #description> 欢迎使用主干AI实验室</template>
     </WorkbenchHeader>
+
+    <div class="mt-5 flex flex-col lg:flex-row">
+      <div class="w-full">
+        <WorkbenchQuickNav
+          :items="cv"
+          class="mt-5 lg:mt-0"
+          title="计算机视觉"
+          @click="navTo"
+        />
+      </div>
+    </div>
+    <div class="mt-5 flex flex-col lg:flex-row">
+      <div class="w-full">
+        <WorkbenchQuickNav
+          :items="llm"
+          class="mt-5 lg:mt-0"
+          title="大语言模型"
+          @click="navTo"
+        />
+      </div>
+    </div>
+    <div class="mt-5 flex flex-col lg:flex-row">
+      <div class="w-full">
+        <WorkbenchQuickNav
+          :items="common"
+          class="mt-5 lg:mt-0"
+          title="其他应用"
+          @click="navTo"
+        />
+      </div>
+    </div>
   </div>
 </template>

vue/apps/web-antd/src/views/llm/bot/index.vue

@@ -1,40 +1,39 @@
 <script lang="ts" setup>
-import { computed, nextTick, onMounted, reactive, ref } from 'vue';
+import { computed, nextTick, onMounted, reactive, ref } from "vue";
 
-import MarkdownIt from 'markdown-it';
-import { markdownItTable } from 'markdown-it-table';
+import MarkdownIt from "markdown-it";
+import { markdownItTable } from "markdown-it-table";
 
-import * as api from '#/api';
+import * as api from "#/api";
 
 const md = new MarkdownIt({
   html: true,
   linkify: true,
-  typographer: true,
+  typographer: true
 }).use(markdownItTable);
 
+// AI 实体
+interface AgentItem {
+  id: string;
+  title: string;
+  welcome_words: string;
+}
+
 // 输入框内容
-const inputMessage = ref('');
+const inputMessage = ref("");
 
 // 对话列表
-const conversations = ref<{ id: string; title: string; updatedAt: string }[]>(
-  [],
-);
+const conversations = ref<AgentItem[]>([]);
 // AI列表
-const aiOptions = ref<{ id: string; name: string; welcomeWords?: string }[]>(
-  [],
-);
+const aiOptions = ref<AgentItem[]>([]);
 
 // 当前选中的AI
-const selectedAI = ref<null | {
-  id: string;
-  name: string;
-  welcomeWords?: string;
-}>(null);
+const selectedAI = ref<AgentItem | null>(null);
 // 当前选中的对话
 const currentSession = ref<null | string>(null);
 
 // 聊天记录
-const messages = reactive<{ content: string; sender: 'ai' | 'user' }[]>([]);
+const messages = reactive<{ content: string; sender: "ai" | "user" }[]>([]);
 
 // 计算第一次聊天状态
 const isInitial = computed(() => messages.length === 0);
@@ -57,15 +56,15 @@ function handleEnter(e: KeyboardEvent) {
 function autoResize(e: Event) {
   const target = e.target as HTMLTextAreaElement;
   if (!target) return;
-  target.style.height = 'auto';
+  target.style.height = "auto";
   target.style.height = `${target.scrollHeight}px`;
 }
 
 // 滚动到底部
 function scrollToBottom() {
-  const container = document.querySelector('#chat-container');
+  const container = document.querySelector("#chat-container");
   if (container)
-    container.scrollTo({ top: container.scrollHeight, behavior: 'smooth' });
+    container.scrollTo({ top: container.scrollHeight, behavior: "smooth" });
 }
 
 // 模拟接口获取对话列表
@@ -92,30 +91,30 @@ async function sendMessage() {
   const content = inputMessage.value.trim();
   if (!content) return;
 
-  messages.push({ type: 'human', content });
-  inputMessage.value = '';
+  messages.push({ type: "human", content });
+  inputMessage.value = "";
 
   nextTick(() => scrollToBottom());
 
   // 发送消息
-  const answer = await api.chat(
-    selectedAI.value?.id || '',
+  const answer = await api.chatWithBot(
+    selectedAI.value?.id || "",
     currentSession.value,
-    content,
+    content
   );
   currentSession.value = answer.sessionId;
   if (answer.isNewSession) {
     conversations.value.unshift({
       id: answer.sessionId,
       updatedAt: formatDate(new Date()),
-      title: answer.sessionName,
+      title: answer.sessionName
     });
   }
-  messages.push({ type: 'ai', content: answer.content });
+  messages.push({ type: "ai", content: answer.content });
   nextTick(() => scrollToBottom());
   // 焦点回到输入框
   const textarea = document.querySelector(
-    'textarea[placeholder="输入消息开始聊天..."], textarea[placeholder="输入消息..."]',
+    "textarea[placeholder=\"输入消息开始聊天...\"], textarea[placeholder=\"输入消息...\"]"
   ) as HTMLTextAreaElement;
   if (textarea) {
     textarea.focus();
@@ -131,22 +130,24 @@ function createNewConversation() {
 // 获取AI列表
 const fetchOptions = async () => {
   try {
-    aiOptions.value = await api.getAIList();
+    aiOptions.value = await api.getAIBotList();
     if (aiOptions.value.length > 0 && aiOptions.value[0] !== undefined) {
       selectedAI.value = aiOptions.value[0]!;
     }
   } catch (error) {
-    console.error('获取下拉选项失败:', error);
+    console.error("获取下拉选项失败:", error);
   }
 };
+
 function formatDate(date: Date): string {
-  const pad = (n: number) => n.toString().padStart(2, '0');
+  const pad = (n: number) => n.toString().padStart(2, "0");
 
   return (
     `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ` +
     `${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`
   );
 }
+
 // 页面加载时调用接口
 onMounted(() => {
   fetchOptions();
@@ -188,7 +189,7 @@ onMounted(() => {
           class="flex-1 rounded border border-gray-300 p-1"
         >
           <option v-for="item in aiOptions" :key="item.id" :value="item">
-            {{ item.name }}
+            {{ item.title }}
           </option>
         </select>
       </div>
@@ -225,7 +226,7 @@ onMounted(() => {
           <div class="flex w-full flex-col items-center space-y-4">
             <!-- 欢迎词 -->
             <div class="text-center text-lg text-gray-700">
-              {{ selectedAI?.welcomeWords }}
+              {{ selectedAI?.welcome_words }}
             </div>
 
             <!-- 输入框 -->

vue/apps/web-antd/src/views/llm/report/index.vue

@@ -1,5 +0,0 @@
-<template>
-  <div>
-    <h1>正在开发中，敬请期待</h1>
-  </div>
-</template>