|
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