From ec3413833dd919bfeca30c48a08e61f4635e89a5 Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Sat, 2 Aug 2025 16:23:37 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=8E=A2=E7=B4=A2=E5=8F=91=E7=8E=B0?=
 =?UTF-8?q?=E7=9A=84=E6=8E=A5=E5=8F=A3=20=E5=91=BC=E5=8F=AB=E6=9C=8D?=
 =?UTF-8?q?=E5=8A=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../CreateServiceOrder/styles/index.scss      | 16 ++--
 model/ChatModel.js                            |  4 +-
 pages/booking/QuickBookingComponent.vue       |  2 +-
 pages/chat/ChatCardAI.vue                     | 41 ++++-----
 pages/chat/ChatMainList.vue                   | 24 ++++--
 pages/discovery/DiscoveryCardComponent.vue    | 42 +++++++++
 pages/discovery/DiscoveryCradContentList.vue  | 85 +++++++++++++++++++
 request/api/ConversationApi.js                | 16 ++++
 request/api/ConversationMsgList.js            |  7 --
 request/api/MainPageData.js                   |  8 --
 request/api/MainPageDataApi.js                | 26 ++++++
 request/api/QuickBookingComponent.js          |  8 --
 request/api/RecentConversation.js             |  7 --
 13 files changed, 217 insertions(+), 69 deletions(-)
 create mode 100644 pages/discovery/DiscoveryCardComponent.vue
 create mode 100644 pages/discovery/DiscoveryCradContentList.vue
 create mode 100644 request/api/ConversationApi.js
 delete mode 100644 request/api/ConversationMsgList.js
 delete mode 100644 request/api/MainPageData.js
 create mode 100644 request/api/MainPageDataApi.js
 delete mode 100644 request/api/QuickBookingComponent.js
 delete mode 100644 request/api/RecentConversation.js

diff --git a/components/CreateServiceOrder/styles/index.scss b/components/CreateServiceOrder/styles/index.scss
index cf797e7..125baf5 100644
--- a/components/CreateServiceOrder/styles/index.scss
+++ b/components/CreateServiceOrder/styles/index.scss
@@ -1,15 +1,15 @@
 .create-service-order {
-  margin-left: 12px;
-  margin-right: 12px;
+  // margin-left: 12px;
+  // margin-right: 12px;
 }
 
 .create-service-wrapper {
-  box-sizing: border-box;
-  padding: 12px 12px 16px;
-  background-color: #eff6fa;
-  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);
-  border-radius: 4px 20px 20px 20px;
-  border: 1px solid #fff;
+  // box-sizing: border-box;
+  padding: 12px 0 16px;
+  // background-color: #eff6fa;
+  // box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);
+  // border-radius: 4px 20px 20px 20px;
+  // border: 1px solid #fff;
 }
 
 .order-header {
diff --git a/model/ChatModel.js b/model/ChatModel.js
index 5e82a5d..5c9725d 100644
--- a/model/ChatModel.js
+++ b/model/ChatModel.js
@@ -12,5 +12,7 @@ export const MessageType = {
 
 
 export const CompName = {
-	quickBookingCard: 'quickBookingCard'
+	quickBookingCard: 'quickBookingCard',
+	createWorkOrderCard: 'createWorkOrderCard',
+	discoveryCard: 'discoveryCard',
 }
\ No newline at end of file
diff --git a/pages/booking/QuickBookingComponent.vue b/pages/booking/QuickBookingComponent.vue
index 6448775..c4da3e6 100644
--- a/pages/booking/QuickBookingComponent.vue
+++ b/pages/booking/QuickBookingComponent.vue
@@ -14,7 +14,7 @@
 	import QuickBookingContentList from './QuickBookingContentList.vue'
 	import { ref, nextTick } from 'vue'
 	import { onMounted } from 'vue'
-	import { quickBookingComponent } from '../../request/api/QuickBookingComponent'
+	import { quickBookingComponent } from '../../request/api/MainPageDataApi'
 	import { SCROLL_TO_BOTTOM } from '../../constant/constant'
 
 	const commodityGroupDTOList = ref([])
diff --git a/pages/chat/ChatCardAI.vue b/pages/chat/ChatCardAI.vue
index 0424ad0..81cd12e 100644
--- a/pages/chat/ChatCardAI.vue
+++ b/pages/chat/ChatCardAI.vue
@@ -1,7 +1,10 @@
 <template>
-	<view class="chat-ai">
-		<ChatMarkdown :text="text"></ChatMarkdown>
-		<slot></slot>
+	<view class="container">
+		<view class="chat-ai">
+			<ChatMarkdown :text="text"></ChatMarkdown>
+			<slot name="content"></slot>
+		</view>
+		<slot name="footer"></slot>
 	</view>
 </template>
 
@@ -15,34 +18,26 @@
 	    default: ''
 	  }
 	})
+	
 </script>
 
 <style lang="scss" scoped>
-	.chat-ai {
-		margin: 6px 12px;
-		padding: 0 12px;
-		min-width: 80px;
-		
-		background: rgba(255,255,255,0.4);
-		box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
-		border-radius: 4px 20px 20px 20px;
-		border: 1px solid;
-		border-color: #FFFFFF;
-		
+	.container {
 		display: flex;
 		flex-direction: column;
 		max-width: 100%;  // ✅ 限制最大宽度
 		overflow-x: hidden;  // ✅ 防止横向撑开
 		
-		text {
-			font-family: PingFang SC, PingFang SC;
-			font-weight: 400;
-			font-size: 14px;
-			color: #333333;
-			line-height: 22px;
-			text-align: justify;
-			font-style: normal;
-			text-transform: none;
+		.chat-ai {
+			margin: 6px 12px;
+			padding: 0 12px;
+			
+			min-width: 80px;
+			background: rgba(255,255,255,0.4);
+			box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
+			border-radius: 4px 20px 20px 20px;
+			border: 1px solid;
+			border-color: #FFFFFF;
 		}
 	}
 </style>
\ No newline at end of file
diff --git a/pages/chat/ChatMainList.vue b/pages/chat/ChatMainList.vue
index 37a6e74..6224f5f 100644
--- a/pages/chat/ChatMainList.vue
+++ b/pages/chat/ChatMainList.vue
@@ -27,8 +27,13 @@
 			  <view class="area-msg-list-content" v-for="item in chatMsgList" :key="item.msgId" :id="item.msgId">				  
 				  <template v-if="item.msgType === MessageRole.AI">
 						<ChatCardAI class="message-item-ai" :text="item.msg">
-							<template v-if="item.toolCall">								
+							<template #content v-if="item.toolCall">								
 								<QuickBookingComponent v-if="item.toolCall.componentName === CompName.quickBookingCard"/>
+								<DiscoveryCardComponent v-else-if="item.toolCall.componentName === CompName.discoveryCard"/>
+								<CreateServiceOrder v-else-if="item.toolCall.componentName === CompName.createWorkOrderCard"/>
+							</template>
+							<template #footer >
+								<text> 这个是底部 </text>
 							</template>
 						</ChatCardAI>			  
 				  </template>
@@ -37,6 +42,7 @@
 					  <ChatCardMine class="message-item-mine" :text="item.msg">
 					  </ChatCardMine>  
 				  </template>
+				  
 				  <template v-else>
 					  <ChatCardOther class="message-item-other" :text="item.msg">
 						  <OneFeelMK001 v-if="mainPageDataModel.activityList.length > 0" :activityList="mainPageDataModel.activityList"/>
@@ -73,6 +79,9 @@
 	import { ref } from 'vue'
 	import { defineEmits } from 'vue'
 	import { onLoad } from '@dcloudio/uni-app';
+	import { SCROLL_TO_BOTTOM } from '../../constant/constant'
+	import { MessageRole, MessageType, CompName } from '../../model/ChatModel';
+
 	import ChatTopWelcome from './ChatTopWelcome.vue';
 	import ChatTopBgImg from './ChatTopBgImg.vue';
 	import ChatTopNavBar from './ChatTopNavBar.vue';
@@ -84,16 +93,19 @@
 	import ChatInputArea from './ChatInputArea.vue'
 	import CommandWrapper from '@/components/CommandWrapper/index.vue'
 	import QuickBookingComponent from '../booking/QuickBookingComponent.vue'
+	import DiscoveryCardComponent from '../discovery/DiscoveryCardComponent.vue';
+	import CreateServiceOrder from '@/components/CreateServiceOrder/index.vue'
 
-	import { MessageRole, MessageType, CompName } from '../../model/ChatModel';
+	
 	
 	import OneFeelMK001 from '../module/OneFeelMK001.vue';
 	import OneFeelMK002 from '../module/OneFeelMK002.vue';
+
 	import { agentChatStream } from '../../request/api/AgentChatStream';
-	import { mainPageData } from '../../request/api/MainPageData';
-	import { conversationMsgList } from '../../request/api/ConversationMsgList';
-	import { recentConversation } from '../../request/api/RecentConversation';
-	import { SCROLL_TO_BOTTOM } from '../../constant/constant'
+	import { mainPageData } from '../../request/api/MainPageDataApi';
+	import { conversationMsgList, recentConversation } from '../../request/api/ConversationApi';
+
+	
 		
 	/// 导航栏相关
 	const statusBarHeight = ref(20);
diff --git a/pages/discovery/DiscoveryCardComponent.vue b/pages/discovery/DiscoveryCardComponent.vue
new file mode 100644
index 0000000..17ccbb3
--- /dev/null
+++ b/pages/discovery/DiscoveryCardComponent.vue
@@ -0,0 +1,42 @@
+<template>
+	<view class="container">
+		<view v-for="item in themeDTOList" :key="item.title">
+			<DiscoveryCradContentList :recommendTheme="item" />
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import { ref, nextTick } from 'vue'
+	import { onMounted } from 'vue'
+	import { discoveryCradComponent } from '../../request/api/MainPageDataApi'
+	import { SCROLL_TO_BOTTOM } from '../../constant/constant'
+	import DiscoveryCradContentList from './DiscoveryCradContentList.vue'
+
+	const themeDTOList = ref([])
+
+	const loadDiscoveryCradComponent = async () => {
+		const res = await discoveryCradComponent()
+		if(res.code === 0 && res.data) {
+			themeDTOList.value.push(...res.data.themeDTOList)
+			
+			nextTick(() => {
+				uni.$emit(SCROLL_TO_BOTTOM, true)
+			});
+		}
+	}
+
+	onMounted(() => {
+		console.log('=============')
+		loadDiscoveryCradComponent()
+	})
+	
+</script>
+
+<style scoped lang="scss">
+	.container {
+		width: 100%;
+		flex: 1;
+		margin-bottom: 12px;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/discovery/DiscoveryCradContentList.vue b/pages/discovery/DiscoveryCradContentList.vue
new file mode 100644
index 0000000..c152166
--- /dev/null
+++ b/pages/discovery/DiscoveryCradContentList.vue
@@ -0,0 +1,85 @@
+<template>
+	<view class="container">
+		<view class="mk-title">
+			<text class="title"> {{ recommendTheme.themeName }}</text>
+		    <image class="wave" src="@/static/wave_icon.png" mode="widthFix"/>
+		</view>
+		<view class="container-scroll">
+			<view class="mk-card-item" v-for="(item, index) in recommendTheme.recommendPostsList" :key="index">
+				<image :src="item.coverPhoto" mode="widthFix"></image>
+				<text>{{ item.topic }}</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import { defineProps } from 'vue'
+	const props = defineProps({
+		recommendTheme: {
+			type: Object,
+			default: {}
+		}
+	})
+
+</script>
+
+<style lang="scss" scoped>
+	.container {		
+		.mk-title {
+			padding: 4px 0;
+			display: inline-block;
+			position: relative;
+			.title {
+				font-weight: 400;
+				font-size: 16px;
+				color: #000000;
+				z-index: 2;
+				position: relative;
+			}
+			.wave {
+				position: absolute;
+				bottom: 2px;
+				left: 0;
+				width: 100%;
+				z-index: 1;
+			}
+		}
+		
+		.container-scroll {
+			display: flex;
+			flex-direction: row;
+			overflow-x: auto;
+			margin-top: 4px;
+			
+			/* 隐藏滚动条 */
+			scrollbar-width: none; 
+			&::-webkit-scrollbar {
+			  display: none; 
+			}
+			
+			.mk-card-item {
+				display: flex;
+				flex-direction: column;
+				align-items: start;
+				width: 188px;
+				height: 154px;
+				background-color: #ffffff;
+				border-radius: 10px;
+				margin-right: 8px;
+				
+				image {
+					width: 188px;
+					height: 112px;
+				}
+				text {
+					padding: 12px;
+					text-align: center;
+					font-weight: 500;
+					font-size: 12px;
+					color: #333333;
+				}
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/request/api/ConversationApi.js b/request/api/ConversationApi.js
new file mode 100644
index 0000000..64dcc9f
--- /dev/null
+++ b/request/api/ConversationApi.js
@@ -0,0 +1,16 @@
+import request from "../base/request";
+
+/// 最近会话
+function recentConversation() {
+    return request.get('/hotelBiz/chat/recentConversation');
+}
+
+/// 会话消息列表
+function conversationMsgList(args) {
+    return request.post('/hotelBiz/chat/conversationMessageList', args);
+}
+
+export {
+    recentConversation,
+    conversationMsgList
+};
\ No newline at end of file
diff --git a/request/api/ConversationMsgList.js b/request/api/ConversationMsgList.js
deleted file mode 100644
index 8748ef4..0000000
--- a/request/api/ConversationMsgList.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import request from "../base/request";
-
-function conversationMsgList(args) {
-	return request.post('/hotelBiz/chat/conversationMessageList', args);
-}
-
-export { conversationMsgList }
diff --git a/request/api/MainPageData.js b/request/api/MainPageData.js
deleted file mode 100644
index 1e81b69..0000000
--- a/request/api/MainPageData.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import request from "../base/request";
-
-function mainPageData(sceneId) {
-	const args = { sceneId : sceneId}
-	return request.post('/hotelBiz/mainScene/mainPageData', args);
-}
-
-export { mainPageData }
\ No newline at end of file
diff --git a/request/api/MainPageDataApi.js b/request/api/MainPageDataApi.js
new file mode 100644
index 0000000..958438b
--- /dev/null
+++ b/request/api/MainPageDataApi.js
@@ -0,0 +1,26 @@
+import request from "../base/request";
+
+/// 主页数据
+function mainPageData(sceneId) {
+	const args = { sceneId : sceneId}
+	return request.post('/hotelBiz/mainScene/mainPageData', args);
+}
+
+
+/// 快速预订组件
+function quickBookingComponent(selectedData) {
+	const args = { selectedData: selectedData }
+	return request.post('/hotelBiz/mainScene/quickBookingComponent', args);
+}
+
+/// 探索发现卡片组件
+function discoveryCradComponent() {
+	return request.get('/hotelBiz/mainScene//discoveryComponent', {});
+}
+
+
+export { 
+	mainPageData,
+	quickBookingComponent,
+	discoveryCradComponent
+ }
\ No newline at end of file
diff --git a/request/api/QuickBookingComponent.js b/request/api/QuickBookingComponent.js
deleted file mode 100644
index 84e245b..0000000
--- a/request/api/QuickBookingComponent.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import request from "../base/request";
-
-function quickBookingComponent(selectedData) {
-	const args = { selectedData: selectedData }
-	return request.post('/hotelBiz/mainScene/quickBookingComponent', args);
-}
-
-export { quickBookingComponent }
diff --git a/request/api/RecentConversation.js b/request/api/RecentConversation.js
deleted file mode 100644
index bc45937..0000000
--- a/request/api/RecentConversation.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import request from "../base/request";
-
-function recentConversation() {
-	return request.get('/hotelBiz/chat/recentConversation');
-}
-
-export{ recentConversation }
\ No newline at end of file