| | |
| | | <div class="w100 h100 overflow-hidden"> |
| | | <div class="pc-chatRoom w100 h100"> |
| | | <div class="homeBox w100 h-full"> |
| | | <div class="flex items-center h-full overflow-hidden"> |
| | | <div class="flex items-center flex-column"> |
| | | <waterTop ref="topRef"/> |
| | | <div class="flex items-center h-full"> |
| | | <div class="flex items-center flex-column" style="overflow: unset !important"> |
| | | <waterTop ref="topRef" /> |
| | | <waterCenter |
| | | @advanceExampleClick="advanceExampleClick" |
| | | :isShowAdvanceExample="state.isShowAdvanceExample" |
| | |
| | | <waterBottom /> |
| | | </div> |
| | | |
| | | <CustomDrawer |
| | | v-model:isShow = "state.isShowAdvanceExample" |
| | | @updateChatInput="updateChatInput" |
| | | /> |
| | | <CustomDrawer v-model:isShow="state.isShowAdvanceExample" ref="customDrawerRef" @updateChatInput="updateChatInput" /> |
| | | </div> |
| | | </div> |
| | | <!-- <p class="declare"> |
| | |
| | | |
| | | const topRef = ref(null); |
| | | const waterCenterRef = ref(null); |
| | | |
| | | const customDrawerRef = ref(null); |
| | | const updateChatInput = (val) => { |
| | | topRef.value.updateChatInput(val) |
| | | topRef.value.updateChatInput(val); |
| | | }; |
| | | const advanceExampleClick = (status: boolean) => { |
| | | state.isShowAdvanceExample = status; |
| | | if (status) { |
| | | customDrawerRef.value.getTableData(); |
| | | } |
| | | }; |
| | | |
| | | </script> |
| | | <style scoped lang="scss"> |
| | | .pc-chat_room { |