From 84db37acc19a165583ecaa01558849ff78efa2c8 Mon Sep 17 00:00:00 2001
From: yangyin <1850366751@qq.com>
Date: 星期二, 29 十月 2024 13:58:45 +0800
Subject: [PATCH] 修改调接口的次数

---
 src/views/project/ch/home/Home.vue |   56 ++++++++++++++++++++++++++++++++++++++++++++++++++------
 1 files changed, 50 insertions(+), 6 deletions(-)

diff --git a/src/views/project/ch/home/Home.vue b/src/views/project/ch/home/Home.vue
index 54b6a77..6db92df 100644
--- a/src/views/project/ch/home/Home.vue
+++ b/src/views/project/ch/home/Home.vue
@@ -5,12 +5,20 @@
 				<div class="w100 h100 overflow-hidden">
 					<div class="pc-chatRoom w100 h100">
 						<div class="homeBox w100 h-full">
-							<div class="flex items-center flex-column mt-20">
-								<div class="flex items-center flex-column">
-									<waterTop />
-									<waterCenter />
-									<waterBottom />
+							<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"
+										ref="waterCenterRef"
+										@updateChatInput="updateChatInput"
+										:exampleList="exampleList"
+									/>
+									<waterBottom @tagListClick="tagListClick" />
 								</div>
+
+								<CustomDrawer v-model:isShow="state.isShowAdvanceExample" ref="customDrawerRef" @updateChatInput="updateChatInput" />
 							</div>
 						</div>
 						<!-- <p class="declare">
@@ -26,9 +34,45 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted, reactive, ref } from 'vue';
 import waterBottom from './component/waterRight/bottom.vue';
 import waterCenter from './component/waterRight/center.vue';
 import waterTop from './component/waterRight/top.vue';
+import { exampleSceneList } from '/@/stores/chatRoom';
+
+import CustomDrawer from '/@/components/drawer/CustomDrawer.vue';
+let state = reactive({
+	isShowAdvanceExample: false,
+});
+const topRef = ref(null);
+const waterCenterRef = ref(null);
+const customDrawerRef = ref(null);
+const exampleList = ref([]);
+const updateChatInput = (val) => {
+	topRef.value.updateChatInput(val);
+};
+const advanceExampleClick = (status: boolean) => {
+	state.isShowAdvanceExample = status;
+	if (status) {
+		customDrawerRef.value.getTableData();
+	}
+};
+//鑾峰彇妯$増鍒楄〃
+const getSelectListSample = async () => {
+	exampleList.value = exampleSceneList.value;
+};
+const tagListClick = (tag) => {
+	isFinishPromise?.then(() => {
+		waterCenterRef.value.tagListClick(tag);
+	});
+};
+let isFinishPromise = null;
+onMounted(() => {
+	isFinishPromise = new Promise(async (resolve) => {
+		await getSelectListSample();
+		resolve(true);
+	});
+});
 </script>
 <style scoped lang="scss">
 .pc-chat_room {
@@ -54,6 +98,7 @@
 	width: 100%;
 	padding: 18px;
 }
+
 .layout-logo-medium-img {
 	width: 28px;
 	margin-right: 7px;
@@ -99,7 +144,6 @@
 		.homeBox {
 			font-size: 14px;
 			line-height: 18px;
-			overflow-y: auto;
 		}
 		.declare {
 			position: absolute;

--
Gitblit v1.9.3