|
1 | 1 | <script setup lang="ts"> |
2 | 2 |
|
3 | 3 | import {onMounted, ref} from "vue"; |
4 | | -import SoundTts from "./Sound/SoundTts.vue"; |
5 | | -import SoundClone from "./Sound/SoundClone.vue"; |
6 | | -import VideoGen from "./Video/VideoGen.vue"; |
7 | 4 | import Router from "../router"; |
8 | | -import SoundPrompt from "./Sound/SoundPrompt.vue"; |
9 | | -import VideoTemplate from "./Video/VideoTemplate.vue"; |
10 | | -import VideoGenFlow from "./Video/VideoGenFlow.vue"; |
| 5 | +import LiveKnowledge from "./Live/LiveKnowledge.vue"; |
| 6 | +import LiveAvatar from "./Live/LiveAvatar.vue"; |
| 7 | +import LiveMonitor from "./Live/LiveMonitor.vue"; |
11 | 8 |
|
12 | 9 | const tab = ref(''); |
13 | 10 |
|
14 | 11 | onMounted(() => { |
15 | | - tab.value = Router.currentRoute.value.query.tab as string || 'soundTts'; |
| 12 | + tab.value = Router.currentRoute.value.query.tab as string || 'knowledge'; |
16 | 13 | }); |
17 | 14 | </script> |
18 | 15 |
|
19 | 16 | <template> |
20 | 17 | <div class="pb-device-container bg-white h-full relative select-none flex"> |
21 | 18 | <div class="p-6 w-52 flex-shrink-0 border-r border-solid border-gray-100"> |
22 | 19 | <div class="p-2 rounded-lg mr-2 mb-4 cursor-pointer" |
23 | | - :class="tab === 'soundTts' ? 'bg-gray-200' : ''" |
24 | | - @click="tab = 'soundTts'"> |
| 20 | + :class="tab === 'knowledge' ? 'bg-gray-200' : ''" |
| 21 | + @click="tab = 'knowledge'"> |
25 | 22 | <div class="text-base"> |
26 | | - <i class="iconfont icon-sound-generate w-6 inline-block"></i> |
27 | | - 直播形象 |
28 | | - </div> |
29 | | - </div> |
30 | | - <div class="p-2 rounded-lg mr-2 mb-4 cursor-pointer" |
31 | | - :class="tab === 'soundTts2' ? 'bg-gray-200' : ''" |
32 | | - @click="tab = 'soundTts2'"> |
33 | | - <div class="text-base"> |
34 | | - <i class="iconfont icon-sound-generate w-6 inline-block"></i> |
35 | | - 音色控制 |
| 23 | + <div class="inline-block w-6"> |
| 24 | + <icon-book/> |
| 25 | + </div> |
| 26 | + 知识库 |
36 | 27 | </div> |
37 | 28 | </div> |
38 | 29 | <div class="p-2 rounded-lg mr-2 mb-4 cursor-pointer" |
39 | | - :class="tab === 'soundTts1' ? 'bg-gray-200' : ''" |
40 | | - @click="tab = 'soundTts'"> |
| 30 | + :class="tab === 'avatar' ? 'bg-gray-200' : ''" |
| 31 | + @click="tab = 'avatar'"> |
41 | 32 | <div class="text-base"> |
42 | | - <i class="iconfont icon-sound-generate w-6 inline-block"></i> |
43 | | - 知识库 |
| 33 | + <div class="inline-block w-6"> |
| 34 | + <icon-user-group/> |
| 35 | + </div> |
| 36 | + 形象管理 |
44 | 37 | </div> |
45 | 38 | </div> |
46 | 39 | <div class="p-2 rounded-lg mr-2 mb-4 cursor-pointer" |
47 | | - :class="tab === 'soundPrompt' ? 'bg-gray-200' : ''" |
48 | | - @click="tab = 'soundPrompt'"> |
| 40 | + :class="tab === 'monitor' ? 'bg-gray-200' : ''" |
| 41 | + @click="tab = 'monitor'"> |
49 | 42 | <div class="text-base"> |
50 | | - <i class="iconfont icon-sound-prompt w-6 inline-block"></i> |
51 | | - 直播控制 |
| 43 | + <div class="inline-block w-6"> |
| 44 | + <icon-command/> |
| 45 | + </div> |
| 46 | + 控制台 |
52 | 47 | </div> |
53 | 48 | </div> |
54 | 49 | </div> |
55 | 50 | <div class="flex-grow h-full overflow-y-auto"> |
56 | | - <SoundTts v-if="tab === 'soundTts'"/> |
57 | | - <SoundPrompt v-else-if="tab==='soundPrompt'"/> |
58 | | - <SoundClone v-else-if="tab === 'soundClone'"/> |
59 | | - <VideoTemplate v-else-if="tab==='videoTemplate'"/> |
60 | | - <VideoGen v-else-if="tab === 'videoGen'"/> |
61 | | - <VideoGenFlow v-else-if="tab === 'videoGenFlow'"/> |
| 51 | + <LiveKnowledge v-if="tab === 'knowledge'"/> |
| 52 | + <LiveAvatar v-else-if="tab === 'avatar'"/> |
| 53 | + <LiveMonitor v-else-if="tab === 'monitor'"/> |
62 | 54 | </div> |
63 | 55 | </div> |
64 | 56 | </template> |
|
0 commit comments