|
@ -1,7 +1,9 @@ |
|
|
<script setup lang="ts"> |
|
|
<script setup lang="ts"> |
|
|
import { useChatStore } from '@/stores/chat'; |
|
|
import { useChatStore } from '@/stores/chat'; |
|
|
import { Search } from '@element-plus/icons-vue'; |
|
|
import { Search } from '@element-plus/icons-vue'; |
|
|
|
|
|
import {getWorkflowUrl} from '@/system/config' |
|
|
const store = useChatStore() |
|
|
const store = useChatStore() |
|
|
|
|
|
const workUrl = getWorkflowUrl() |
|
|
onMounted(() => { |
|
|
onMounted(() => { |
|
|
store.initChat() |
|
|
store.initChat() |
|
|
}) |
|
|
}) |
|
@ -23,13 +25,16 @@ onMounted(() => { |
|
|
<el-scrollbar> |
|
|
<el-scrollbar> |
|
|
<chat-msg-list v-if="store.currentNavId == 0" /> |
|
|
<chat-msg-list v-if="store.currentNavId == 0" /> |
|
|
<chat-user-list v-if="store.currentNavId == 1" /> |
|
|
<chat-user-list v-if="store.currentNavId == 1" /> |
|
|
<chat-work-list v-if="store.currentNavId == 2" /> |
|
|
<!-- <chat-work-list v-if="store.currentNavId == 2" /> --> |
|
|
</el-scrollbar> |
|
|
</el-scrollbar> |
|
|
</el-main> |
|
|
</el-main> |
|
|
</el-container> |
|
|
</el-container> |
|
|
<el-container class="chat-box"> |
|
|
<el-container class="chat-box"> |
|
|
<chat-box v-if="store.currentNavId < 2" /> |
|
|
<chat-box v-if="store.currentNavId < 2" /> |
|
|
</el-container> |
|
|
</el-container> |
|
|
|
|
|
<el-container class="chat-setting" v-if="store.currentNavId == 2"> |
|
|
|
|
|
<iframe class="workflow" :src="workUrl"></iframe> |
|
|
|
|
|
</el-container> |
|
|
<el-container class="chat-setting" v-if="store.currentNavId == 5"> |
|
|
<el-container class="chat-setting" v-if="store.currentNavId == 5"> |
|
|
<ChatUserSetting /> |
|
|
<ChatUserSetting /> |
|
|
</el-container> |
|
|
</el-container> |
|
@ -102,4 +107,10 @@ onMounted(() => { |
|
|
height: 100%; |
|
|
height: 100%; |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
} |
|
|
} |
|
|
|
|
|
.workflow { |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
object-fit: contain; |
|
|
|
|
|
border: none; |
|
|
|
|
|
} |
|
|
</style> |
|
|
</style> |