feat: 重构布局

chat-client/library/build/vuePlugins/components.d.ts

@@ -117,6 +117,7 @@ declare module 'vue' {
     VabTheme: typeof import('./../../components/VabTheme/index.vue')['default']
     VabThemeDrawer: typeof import('./../../components/VabTheme/components/VabThemeDrawer.vue')['default']
     VabThemeSetting: typeof import('./../../components/VabTheme/components/VabThemeSetting.vue')['default']
+    VabTopBar: typeof import('./../../components/VabTopBar/index.vue')['default']
   }
   export interface ComponentCustomProperties {
     vLoading: typeof import('element-plus/es')['ElLoadingDirective']

chat-client/library/components/VabTheme/components/VabThemeDrawer.vue

@@ -43,6 +43,7 @@
     await resetTheme()
 
     theme.value.themeName = shuffle(theme.value.themeName, [
+      'tech-dark',
       'blue-black',
       'blue-white',
       'ocean',
@@ -61,7 +62,7 @@
     theme.value.tabsBarStyle = shuffle(theme.value.tabsBarStyle, ['card', 'smart', 'smooth'])
     theme.value.showTabsIcon = shuffle(theme.value.showTabsIcon, [true, false])
     theme.value.layout =
-      device.value === 'desktop' ? shuffle(theme.value.layout, ['horizontal', 'vertical', 'column', 'comprehensive', 'common', 'float']) : 'vertical'
+      device.value === 'desktop' ? shuffle(theme.value.layout, ['fullscreen', 'horizontal', 'vertical', 'column', 'comprehensive', 'common', 'float']) : 'vertical'
 
     try {
       await updateTheme()
@@ -98,6 +99,7 @@
             </el-tooltip>
           </template>
           <el-select v-model="theme.layout" :disabled="device === 'mobile'" placeholder="请选择">
+            <el-option key="fullscreen" :label="translate('全屏')" value="fullscreen" />
             <el-option key="column" :label="translate('分栏')" value="column" />
             <el-option key="comprehensive" :label="translate('综合')" value="comprehensive" />
             <el-option key="vertical" :label="translate('纵向')" value="vertical" />
@@ -108,6 +110,7 @@
         </el-form-item>
         <el-form-item :label="translate('主题')">
           <el-select v-model="theme.themeName" @change="updateTheme">
+            <el-option key="tech-dark" :label="translate('科技风')" value="tech-dark" />
             <el-option key="blue-black" :label="translate('蓝黑')" value="blue-black" />
             <el-option key="blue-white" :label="translate('蓝白')" value="blue-white" />
             <el-option key="green-black" :label="translate('绿黑')" value="green-black" />

chat-client/src/config/theme.config.js

@@ -2,11 +2,11 @@
  * @description 导出主题配置，注意事项：此配置下的项修改后需清理浏览器缓存！！！
  */
 module.exports = {
-  // 布局种类：横向布局horizontal、纵向布局vertical、分栏布局column、综合布局comprehensive、常规布局common、浮动布局float
-  layout: 'hv',
-  // 主题名称：默认blue-black、blue-white、green-black、green-white、渐变ocean、red-white、red-black
+  // 布局种类：横向布局horizontal、纵向布局vertical、分栏布局column、综合布局comprehensive、常规布局common、浮动布局float、全屏布局fullscreen
+  layout: 'fullscreen',
+  // 主题名称：默认blue-black、blue-white、green-black、green-white、渐变ocean、red-white、red-black、科技风tech-dark
   //从/library/styles/variables+background下匹配样式文件，修改对应变量值
-  themeName: 'blue-tzl',
+  themeName: 'tech-dark',
   // 菜单背景 none、vab-background
   background: 'none',
   // 菜单宽度，仅支持px，建议大小：266px、277px、288px，其余尺寸会影响美观 ，另太小会自动隐藏标题

chat-client/src/router/index.ts

@@ -75,6 +75,24 @@ export const asyncRoutes: VabRouteRecord[] = [
           icon: 'home-2-line',
         },
       },
+      {
+        path: '/commQA',
+        name: 'commQA',
+        component: () => import('@/views/chatweb/commQA/index.vue'),
+        meta: {
+          title: '通用问答',
+          icon: 'question-answer-line',
+        },
+      },
+      {
+        path: 'chatweb/historicalRecords',
+        name: 'historicalRecords',
+        component: () => import('@/views/chatweb/historicalRecords/index.vue'),
+        meta: {
+          title: '历史记录',
+          icon: 'history-line',
+        },
+      },
     ],