perf: Place the assistant menu in the workspace

frontend/src/i18n/en.json

@@ -668,7 +668,8 @@
     "welcome_description": "Welcome Description",
     "data_analysis_now": "I can query data, generate charts, detect data anomalies, predict data, and more! Enable Smart Data Analysis now!",
     "window_entrance_icon": "Floating window entrance icon",
-    "preview_error": "The current page prohibits embedding using Iframe!"
+    "preview_error": "The current page prohibits embedding using Iframe!",
+    "assistant_app": "Assistant App"
   },
   "chat": {
     "type": "Chart Type",

frontend/src/i18n/ko-KR.json

@@ -668,7 +668,8 @@
     "welcome_description": "환영 메시지 설명",
     "data_analysis_now": "저는 데이터 조회, 차트 생성, 데이터 이상 감지, 데이터 예측 등을 할 수 있습니다. 빨리 스마트 데이터 조회를 시작하세요~",
     "window_entrance_icon": "플로팅 윈도우 입구 아이콘",
-    "preview_error": "현재 페이지는 Iframe 임베딩을 허용하지 않습니다!"
+    "preview_error": "현재 페이지는 Iframe 임베딩을 허용하지 않습니다!",
+    "assistant_app": "어시스턴트 앱"
   },
   "chat": {
     "type": "차트 유형",

frontend/src/i18n/zh-CN.json

@@ -668,7 +668,8 @@
     "welcome_description": "欢迎语描述",
     "data_analysis_now": "我可以查询数据、生成图表、检测数据异常、预测数据等赶快开启智能问数吧～",
     "window_entrance_icon": "浮窗入口图标",
-    "preview_error": "当前页面禁止使用 Iframe 嵌入！"
+    "preview_error": "当前页面禁止使用 Iframe 嵌入！",
+    "assistant_app": "小助手应用"
   },
   "chat": {
     "type": "图表类型",

frontend/src/router/dynamic.ts

@@ -1,6 +1,7 @@
 import LayoutDsl from '@/components/layout/LayoutDsl.vue'
 
 import Datasource from '@/views/ds/Datasource.vue'
+import SetAssistant from '@/views/system/embedded/iframe.vue'
 import { i18n } from '@/i18n'
 import { useUserStore } from '@/stores/user'
 import type { Router } from 'vue-router'
@@ -22,6 +23,13 @@ const dynamicRouterList = [
       },
     ],
   },
+  {
+    parent: 'set',
+    path: '/set/assistant',
+    name: 'setAssistant',
+    component: SetAssistant,
+    meta: { title: t('embedded.assistant_app') },
+  },
 ] as any[]
 
 const reduceRouters = (router: Router, invalid_router_name_list: string[]) => {
@@ -71,7 +79,17 @@ const reduceRouters = (router: Router, invalid_router_name_list: string[]) => {
 
 export const generateDynamicRouters = (router: Router) => {
   if (userStore.isAdmin || userStore.isSpaceAdmin) {
-    dynamicRouterList.forEach((item: any) => router.addRoute(item))
+    dynamicRouterList.forEach((item: any) => {
+      if (!item.parent) {
+        router.addRoute(item)
+      } else {
+        router.addRoute(item.parent, item)
+        const parentRoute: any = router.getRoutes().find((r: any) => r.name === item.parent)
+        if (parentRoute?.children) {
+          parentRoute.children.push(item)
+        }
+      }
+    })
   } else {
     const router_name_list = [] as string[]
     const stack = [...dynamicRouterList]

frontend/src/router/index.ts

@@ -9,7 +9,10 @@ import DashboardEditor from '@/views/dashboard/editor/index.vue'
 import DashboardPreview from '@//views/dashboard/preview/SQPreviewSingle.vue'
 import Dashboard from '@/views/dashboard/index.vue'
 import Model from '@/views/system/model/Model.vue'
-import Embedded from '@/views/system/embedded/index.vue'
+// import Embedded from '@/views/system/embedded/index.vue'
+// import SetAssistant from '@/views/system/embedded/iframe.vue'
+import SystemEmbedded from '@/views/system/embedded/Page.vue'
+
 import assistantTest from '@/views/system/embedded/Test.vue'
 import assistant from '@/views/embedded/index.vue'
 import EmbeddedPage from '@/views/embedded/page.vue'
@@ -116,6 +119,12 @@ export const routes = [
         component: Permission,
         meta: { title: t('workspace.permission_configuration') },
       },
+      /* {
+        path: '/set/assistant',
+        name: 'setAssistant',
+        component: SetAssistant,
+        meta: { title: t('embedded.assistant_app') },
+      }, */
       {
         path: '/set/professional',
         name: 'professional',
@@ -184,7 +193,7 @@ export const routes = [
       {
         path: 'embedded',
         name: 'embedded',
-        component: Embedded,
+        component: SystemEmbedded,
         meta: {
           title: t('embedded.embedded_management'),
           iconActive: 'embedded',

frontend/src/router/watch.ts

@@ -39,7 +39,7 @@ export const watchRouter = (router: Router) => {
     if (!userStore.getUid) {
       await userStore.info()
       generateDynamicRouters(router)
-      isFirstDynamicPath = to?.path === '/ds/index'
+      isFirstDynamicPath = to?.path && ['/ds/index', '/set/assistant'].includes(to.path)
       if (isFirstDynamicPath) {
         next({ ...to, replace: true })
         return

frontend/src/views/system/embedded/Page.vue

@@ -31,7 +31,7 @@ interface Form {
   description?: string | null
 }
 
-const emits = defineEmits(['btnSelectChange'])
+// const emits = defineEmits(['btnSelectChange'])
 const { t } = useI18n()
 const multipleSelectionAll = ref<any[]>([])
 const keywords = ref('')
@@ -313,7 +313,8 @@ const copyCode = (row: any, key: any = 'app_secret') => {
 <template>
   <div v-loading="searchLoading" class="embedded-page">
     <div class="tool-left">
-      <div class="btn-select">
+      <span class="page-title">{{ t('embedded.embedded_management') }}</span>
+      <!-- <div class="btn-select">
         <el-button
           :class="[btnSelect === 'd' && 'is-active']"
           text
@@ -328,7 +329,7 @@ const copyCode = (row: any, key: any = 'app_secret') => {
         >
           {{ t('embedded.embedded_page') }}
         </el-button>
-      </div>
+      </div> -->
       <div>
         <el-input
           v-model="keywords"
@@ -642,7 +643,11 @@ const copyCode = (row: any, key: any = 'app_secret') => {
     align-items: center;
     justify-content: space-between;
     margin-bottom: 16px;
-
+    .page-title {
+      font-weight: 500;
+      font-size: 20px;
+      line-height: 28px;
+    }
     .btn-select {
       height: 32px;
       padding-left: 4px;

frontend/src/views/system/embedded/iframe.vue

@@ -19,7 +19,9 @@ import DsCard from './DsCard.vue'
 import { getList, updateAssistant, saveAssistant, delOne, dsApi } from '@/api/embedded'
 import { useI18n } from 'vue-i18n'
 import { cloneDeep } from 'lodash-es'
+import { useUserStore } from '@/stores/user.ts'
 
+const userStore = useUserStore()
 defineProps({
   btnSelect: {
     type: String,
@@ -27,7 +29,7 @@ defineProps({
   },
 })
 
-const emits = defineEmits(['btnSelectChange'])
+// const emits = defineEmits(['btnSelectChange'])
 
 const { t } = useI18n()
 const { copy } = useClipboard({ legacy: true })
@@ -49,7 +51,6 @@ const activeMode = ref('full')
 const embeddedList = ref<any[]>([])
 const systemCredentials = ['localStorage', 'custom', 'cookie', 'sessionStorage']
 const credentials = ['header', 'cookie', 'param']
-const workspaces = ref<any[]>([])
 
 const defaultEmbedded = {
   id: '',
@@ -112,11 +113,7 @@ const userTypeList = [
     value: 1,
   },
 ]
-const initWorkspace = () => {
-  workspaceList().then((res) => {
-    workspaces.value = res
-  })
-}
+
 const handleAddEmbedded = (val: any) => {
   Object.assign(currentEmbedded, cloneDeep(defaultEmbedded))
   Object.keys(dsForm).forEach((ele) => {
@@ -132,11 +129,7 @@ const handleAddEmbedded = (val: any) => {
     handleAdvancedEmbedded(null)
   }
 }
-const wsChanged = (val: any) => {
-  dsForm.public_list = []
-  dsForm.oid = val
-  getDsList()
-}
+
 const getDsList = () => {
   dsApi(dsForm.oid).then((res: any) => {
     dsListOptions.value = res || []
@@ -144,9 +137,10 @@ const getDsList = () => {
 }
 const handleBaseEmbedded = (row: any) => {
   advancedApplication.value = false
-  initWorkspace()
   if (row) {
     Object.assign(dsForm, JSON.parse(row.configuration))
+  } else {
+    Object.assign(dsForm, { oid: userStore.getOid })
   }
   getDsList()
   ruleConfigvVisible.value = true
@@ -557,7 +551,8 @@ const saveHandler = () => {
 <template>
   <div v-loading="searchLoading" class="embedded-index no-padding">
     <div class="tool-left">
-      <div class="btn-select">
+      <span class="page-title">{{ t('embedded.assistant_app') }}</span>
+      <!-- <div class="btn-select">
         <el-button
           :class="[btnSelect === 'd' && 'is-active']"
           text
@@ -572,7 +567,7 @@ const saveHandler = () => {
         >
           {{ t('embedded.embedded_page') }}
         </el-button>
-      </div>
+      </div> -->
       <div>
         <el-input
           v-model="keywords"
@@ -922,7 +917,7 @@ const saveHandler = () => {
               class="form-content_error"
               @submit.prevent
             >
-              <el-form-item prop="oid" :label="t('user.workspace')">
+              <!-- <el-form-item prop="oid" :label="t('user.workspace')">
                 <el-select
                   v-model="dsForm.oid"
                   filterable
@@ -938,7 +933,7 @@ const saveHandler = () => {
                     :value="item.id"
                   />
                 </el-select>
-              </el-form-item>
+              </el-form-item> -->
 
               <el-form-item class="private-list_form">
                 <template #label>
@@ -1166,6 +1161,11 @@ const saveHandler = () => {
     margin-bottom: 16px;
     padding: 0 24px 0 24px;
 
+    .page-title {
+      font-weight: 500;
+      font-size: 20px;
+      line-height: 28px;
+    }
     .title {
       font-weight: 500;
       font-size: 20px;