Merge branch 'fix-109' of https://git.nianxx.cn/zoujing/YGChatCS

# Conflicts:
#	src/pages/index/components/module/MoreService/index.vue

src/constant/constant.js

@@ -6,8 +6,8 @@ export const NOTICE_EVENT_LOGOUT = "NOTICE_EVENT_LOGOUT";
 // 滚动到底部
 export const SCROLL_TO_BOTTOM = "SCROLL_TO_BOTTOM";
 
-// 推荐帖子
-export const RECOMMEND_POSTS_TITLE = "RECOMMEND_POSTS_TITLE";
+// 发送消息文本类型
+export const SEND_MESSAGE_CONTENT_TEXT = "SEND_MESSAGE_CONTENT_TEXT";
 
-// 发送命令
-export const SEND_COMMAND_TEXT = "SEND_COMMAND_TEXT";
+// 发送消息命令类型
+export const SEND_MESSAGE_COMMAND_TYPE = "SEND_MESSAGE_COMMAND_TYPE";

src/model/ChatModel.js

@@ -14,6 +14,7 @@ export const MessageType = {
   IMAGE: "IMAGE",
 };
 
+/// 组件的名称
 export const CompName = {
   // 快速预定卡片
   quickBookingCard: "quickBookingCard",
@@ -28,3 +29,21 @@ export const CompName = {
   // 输入车牌卡片
   enterLicensePlateCard: "enterLicensePlateCard",
 };
+
+/// 发送的指令类型
+export const Command = {
+  // 快速预定
+  quickBooking: "Command.quickBooking",
+  // 探索发现
+  discovery: "Command.discovery",
+  // 呼叫服务
+  createWorkOrderCard: "Command.createWorkOrderCard",
+  // 更多
+  more: "Command.more",
+  // 我的订单
+  myOrder: "Command.myOrder",
+  // 我的工单
+  myWorkOrder: "Command.myWorkOrder",
+  // 反馈意见
+  feedbackCard: "Command.feedbackCard",
+};

src/pages/index/components/chat/ChatCardAi/styles/index.scss

@@ -18,7 +18,6 @@
 .loading-container {
   display: flex;
   align-items: center;
-  padding: 4px 0;
   max-width: 100%; // ✅ 限制最大宽度
 }
 

src/pages/index/components/chat/ChatCardMine/styles/index.scss

@@ -5,7 +5,6 @@
 
   display: flex;
   flex-direction: column;
-  min-width: 100px;
   max-width: 100%; // ✅ 限制最大宽度
   overflow-x: hidden; // ✅ 防止横向撑开
 }

src/pages/index/components/chat/ChatCardOther/index.vue

@@ -1,6 +1,8 @@
 <template>
-  <view class="chat-other border-box flex flex-col overflow-hidden pl-12">
-    <text class="font-size-14 color-33">{{ text }}</text>
+  <view
+    class="chat-other border-box flex flex-col overflow-hidden pl-12 mt-6 mb-6"
+  >
+    <text class="font-size-14 color-333">{{ text }}</text>
     <slot></slot>
   </view>
 </template>
@@ -15,6 +17,4 @@ defineProps({
 });
 </script>
 
-<style lang="scss" scoped>
-@import "./styles/index.scss";
-</style>
+<style lang="scss" scoped></style>

src/pages/index/components/chat/ChatCardOther/styles/index.scss

@@ -1,3 +0,0 @@
-.chat-other {
-  margin: 6px 0;
-}

src/pages/index/components/chat/ChatMainList/index.vue

@@ -70,7 +70,6 @@
               <AttachListComponent
                 v-if="item.question"
                 :question="item.question"
-                @replySent="handleReply"
               />
             </template>
           </ChatCardAI>
@@ -103,8 +102,8 @@
     </scroll-view>
 
     <!-- 输入框区域 -->
-    <view class="footer">
-      <ChatQuickAccess @replySent="handleReplyInstruct" />
+    <view class="pb-safe-area">
+      <ChatQuickAccess />
       <ChatInputArea
         ref="inputAreaRef"
         v-model="inputMessage"
@@ -121,12 +120,12 @@
 </template>
 
 <script setup>
-import { onMounted, nextTick, onUnmounted, ref, defineEmits, watch } from "vue";
+import { onMounted, nextTick, onUnmounted, ref, defineEmits } from "vue";
 import { onLoad } from "@dcloudio/uni-app";
 import {
   SCROLL_TO_BOTTOM,
-  RECOMMEND_POSTS_TITLE,
-  SEND_COMMAND_TEXT,
+  SEND_MESSAGE_CONTENT_TEXT,
+  SEND_MESSAGE_COMMAND_TYPE,
   NOTICE_EVENT_LOGOUT,
   NOTICE_EVENT_LOGIN_SUCCESS,
 } from "@/constant/constant";
@@ -264,24 +263,17 @@ const scrollToBottom = () => {
 const setTimeoutScrollToBottom = () => setTimeout(() => scrollToBottom(), 100);
 
 // 发送普通消息
-const handleReply = (text) => {
+const handleReplyText = (text) => {
   // 重置消息状态，准备接收新的AI回复
   resetMessageState();
   sendMessage(text);
   setTimeoutScrollToBottom();
 };
 
-// 是发送指令
+// 是发送指令消息
 const handleReplyInstruct = async (item) => {
   await checkToken();
 
-  if (item.type === "MyOrder") {
-    // 订单
-    uni.navigateTo({
-      url: "/pages-order/order/list",
-    });
-    return;
-  }
   commonType = item.type;
   // 重置消息状态，准备接收新的AI回复
   resetMessageState();
@@ -330,19 +322,17 @@ const addNoticeListener = () => {
     }, 200);
   });
 
-  uni.$on(RECOMMEND_POSTS_TITLE, (value) => {
-    console.log("RECOMMEND_POSTS_TITLE:", value);
+  uni.$on(SEND_MESSAGE_CONTENT_TEXT, (value) => {
+    console.log("SEND_MESSAGE_CONTENT_TEXT:", value);
     if (value && value.length > 0) {
-      handleReply(value);
+      handleReplyText(value);
     }
   });
 
-  uni.$on(SEND_COMMAND_TEXT, (value) => {
-    console.log("SEND_COMMAND_TEXT:", value);
-    if (value && value.length > 0) {
-      commonType = "Command.quickBooking";
-      sendMessage(value, true);
-      setTimeoutScrollToBottom();
+  uni.$on(SEND_MESSAGE_COMMAND_TYPE, (item) => {
+    console.log("SEND_MESSAGE_COMMAND_TYPE:", item);
+    if (item && item.type) {
+      handleReplyInstruct(item);
     }
   });
 };
@@ -743,8 +733,8 @@ const stopRequest = () => {
 onUnmounted(() => {
   uni.$off(NOTICE_EVENT_LOGIN_SUCCESS);
   uni.$off(SCROLL_TO_BOTTOM);
-  uni.$off(RECOMMEND_POSTS_TITLE);
-  uni.$off(SEND_COMMAND_TEXT);
+  uni.$off(SEND_MESSAGE_CONTENT_TEXT);
+  uni.$off(SEND_MESSAGE_COMMAND_TYPE);
   uni.$off(NOTICE_EVENT_LOGOUT);
 
   resetConfig();
@@ -775,6 +765,4 @@ const resetConfig = () => {
 };
 </script>
 
-<style lang="scss" scoped>
-@import "./styles/index.scss";
-</style>
+<style lang="scss" scoped></style>

src/pages/index/components/chat/ChatMainList/styles/index.scss

@@ -1,3 +0,0 @@
-.footer {
-  padding-bottom: Max(env(safe-area-inset-bottom), 12px);
-}

src/pages/index/components/chat/ChatQuickAccess/index.vue

@@ -20,109 +20,39 @@
 
 <script setup>
 import { ref } from "vue";
-import { currentClientType, ClientType } from "@/constant/base";
+import { Command } from "@/model/ChatModel";
+import { SEND_MESSAGE_COMMAND_TYPE } from "@/constant/constant";
 
 const itemList = ref([
   {
     icon: "",
     title: "快速预定",
-    type: "quickBooking",
+    type: Command.quickBooking,
   },
   {
     icon: "",
     title: "探索发现",
-    type: "discovery",
+    type: Command.discovery,
   },
   {
     icon: "",
     title: "呼叫服务",
-    type: "callService",
+    type: Command.createWorkOrderCard,
   },
   {
     icon: "https://oss.nianxx.cn/mp/static/version_101/home/more.png",
     title: "更多",
-    type: "more",
+    type: Command.more,
   },
 ]);
 
-const emits = defineEmits(["replySent"]);
-
 const sendReply = (item) => {
-  if (item.type === "more") {
+  // 更多服务
+  if (item.type === Command.more) {
     uni.$emit("SHOW_MORE_POPUP");
     return;
   }
-
-  emits("replySent", item);
-};
-
-// onMounted(() => {
-//   initData();
-// });
-
-const initData = () => {
-  itemList.value =
-    currentClientType() === ClientType.TIANMU
-      ? [
-          {
-            icon: "https://oss.nianxx.cn/mp/static/quick/quick_icon_yuding.png",
-            showIcon: false,
-            title: "快速预定",
-            content: "预定门票、房间、餐食",
-            type: "Command.quickBooking",
-          },
-          {
-            icon: "https://oss.nianxx.cn/mp/static/quick/quick_icon_find.png",
-            showIcon: false,
-            title: "探索发现",
-            content: "探索玩法、出片佳地",
-            type: "Command.discovery",
-          },
-          {
-            icon: "https://oss.nianxx.cn/mp/static/quick/quick_icon_call.png",
-            showIcon: false,
-            title: "反馈意见",
-            content: "有意见告诉沐沐",
-            type: "Command.feedbackCard",
-          },
-          {
-            icon: "https://oss.nianxx.cn/mp/static/quick/quick_icon_order.png",
-            showIcon: false,
-            title: "订单/工单",
-            content: "我的订单/工单",
-            type: "MyOrder",
-          },
-        ]
-      : [
-          {
-            icon: "https://oss.nianxx.cn/mp/static/quick/quick_icon_yuding.png",
-            showIcon: false,
-            title: "快速预定",
-            content: "预定门票、房间、餐食",
-            type: "Command.quickBooking",
-          },
-          {
-            icon: "https://oss.nianxx.cn/mp/static/quick/quick_icon_find.png",
-            showIcon: false,
-            title: "探索发现",
-            content: "探索玩法、出片佳地",
-            type: "Command.discovery",
-          },
-          {
-            icon: "https://oss.nianxx.cn/mp/static/quick/quick_icon_order.png",
-            showIcon: false,
-            title: "订单/工单",
-            content: "我的订单/工单",
-            type: "MyOrder",
-          },
-          {
-            icon: "https://oss.nianxx.cn/mp/static/quick/quick_icon_call.png",
-            showIcon: false,
-            title: "反馈意见",
-            content: "有意见告诉朵朵",
-            type: "Command.feedbackCard",
-          },
-        ];
+  uni.$emit(SEND_MESSAGE_COMMAND_TYPE, item);
 };
 </script>
 

src/pages/index/components/module/ActivityListComponent/index.vue

@@ -11,13 +11,13 @@
       :duration="duration"
     >
       <swiper-item v-for="item in activityList" :key="item.id">
-        <view class="swiper-item" @click="handleClick(item)">
+        <view class="swiper-item" @click="handleClick()">
           <image
             class="swiper-img"
             :src="item.activityCover"
             mode="aspectFill"
           ></image>
-          <view class="corner-btn">快速预定</view>
+          <view class="corner-btn">{{ commandModel.title }}</view>
         </view>
       </swiper-item>
     </swiper>
@@ -26,7 +26,13 @@
 
 <script setup>
 import { ref } from "vue";
-import { SEND_COMMAND_TEXT } from "@/constant/constant";
+import { SEND_MESSAGE_COMMAND_TYPE } from "@/constant/constant";
+
+const commandModel = ref({
+  icon: "",
+  title: "快速预定",
+  type: Command.quickBooking,
+});
 
 const autoplay = ref(true);
 const interval = ref(3000);
@@ -39,8 +45,8 @@ const props = defineProps({
   },
 });
 
-const handleClick = (item) => {
-  uni.$emit(SEND_COMMAND_TEXT, "快速预定");
+const handleClick = () => {
+  uni.$emit(SEND_MESSAGE_COMMAND_TYPE, commandModel.value);
 };
 </script>
 

src/pages/index/components/module/AttachListComponent/index.vue

@@ -12,9 +12,12 @@
 </template>
 
 <script setup>
-import { ref, nextTick, defineEmits } from "vue";
+import { ref, nextTick } from "vue";
 import { onMounted } from "vue";
-import { SCROLL_TO_BOTTOM } from "@/constant/constant";
+import {
+  SCROLL_TO_BOTTOM,
+  SEND_MESSAGE_CONTENT_TEXT,
+} from "@/constant/constant";
 
 const props = defineProps({
   question: {
@@ -24,10 +27,9 @@ const props = defineProps({
 });
 
 const tags = ref([]);
-const emits = defineEmits(["replySent"]);
 
 const handleClick = (item) => {
-  emits("replySent", item);
+  uni.$emit(SEND_MESSAGE_CONTENT_TEXT, item);
 };
 
 onMounted(() => {

src/pages/index/components/module/DetailCardCompontent/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="container">
+  <view class="w-full">
     <template v-if="toolCall.picture && toolCall.picture.length > 0">
       <ModuleTitle :title="图片详情" />
       <ImageSwiper :images="toolCall.picture" />
@@ -25,6 +25,4 @@ const props = defineProps({
 });
 </script>
 
-<style scoped lang="scss">
-@import "./styles/index.scss";
-</style>
+<style scoped lang="scss"></style>

src/pages/index/components/module/DetailCardCompontent/styles/index.scss

@@ -1,4 +0,0 @@
-.container {
-  width: 100%;
-  padding: 12px 0;
-}

src/pages/index/components/module/DiscoveryCradContentList/index.vue

@@ -20,7 +20,7 @@
 </template>
 
 <script setup>
-import { RECOMMEND_POSTS_TITLE } from "@/constant/constant";
+import { SEND_MESSAGE_CONTENT_TEXT } from "@/constant/constant";
 import { defineProps } from "vue";
 import ModuleTitle from "@/components/ModuleTitle/index.vue";
 
@@ -33,7 +33,7 @@ const props = defineProps({
 
 const sendReply = (item) => {
   const topic = item.userInputContent || item.topic.replace(/^#/, "");
-  uni.$emit(RECOMMEND_POSTS_TITLE, topic);
+  uni.$emit(SEND_MESSAGE_CONTENT_TEXT, topic);
 };
 </script>
 

src/pages/index/components/module/MoreService/index.vue

@@ -13,7 +13,7 @@
           class="item border-box border-bottom pt-20 pb-20"
           v-for="(item, index) in list"
           :key="index"
-          @click="close"
+          @click="handleClick(item)"
         >
           <view class="flex flex-items-center flex-justify-center">
             <image v-if="item.icon" class="left" :src="item.icon" />
@@ -40,6 +40,8 @@
 
 <script setup>
 import { ref } from "vue";
+import { Command } from "@/model/ChatModel";
+import { SEND_MESSAGE_COMMAND_TYPE } from "@/constant/constant";
 
 const popup = ref(null);
 
@@ -49,23 +51,23 @@ const list = ref([
     title: "快速预定",
     content: "预定门票、房间、餐食",
     btnText: "去预定",
-    type: "quickBooking",
-    path: "/pages/quickBooking/index",
+    type: Command.quickBooking,
+    path: "",
   },
   {
     icon: "https://oss.nianxx.cn/mp/static/version_101/home/tsfx.png",
     title: "探索发现",
     content: "发现景点、活动、特色内容",
     btnText: "去探索",
-    type: "discovery",
-    path: "/pages/discovery/index",
+    type: Command.discovery,
+    path: "",
   },
   {
     icon: "https://oss.nianxx.cn/mp/static/version_101/home/mddd.png",
     title: "我的订单",
     content: "查看门票、住宿、餐饮等订单",
     btnText: "去查看",
-    type: "myOrder",
+    type: Command.myOrder,
     path: "/pages-order/order/list",
   },
   {
@@ -73,7 +75,7 @@ const list = ref([
     title: "我的工单",
     content: "查看服务工单、进度与处理情况",
     btnText: "去查看",
-    type: "myWorkOrder",
+    type: Command.myWorkOrder,
     path: "/pages/myWorkOrder/index",
   },
   {
@@ -81,8 +83,8 @@ const list = ref([
     title: "反馈意见",
     content: "提交使用问题、建议与需求",
     btnText: "去反馈",
-    type: "feedback",
-    path: "/pages/feedback/index",
+    type: Command.feedbackCard,
+    path: "",
   },
 ]);
 
@@ -95,11 +97,12 @@ const close = () => {
 };
 
 const handleClick = (item) => {
+  close();
   if (item.path) {
     uni.navigateTo({ url: item.path });
+    return;
   }
-
-  close();
+  uni.$emit(SEND_MESSAGE_COMMAND_TYPE, item);
 };
 
 // 接收更多服务

src/pages/index/components/module/RecommendPostsList/index.vue

@@ -34,7 +34,7 @@
 
 <script setup>
 import { defineProps } from "vue";
-import { RECOMMEND_POSTS_TITLE } from "@/constant/constant";
+import { SEND_MESSAGE_CONTENT_TEXT } from "@/constant/constant";
 import ModuleTitle from "@/components/ModuleTitle/index.vue";
 
 const props = defineProps({
@@ -46,7 +46,7 @@ const props = defineProps({
 
 const sendReply = (item) => {
   const topic = item.userInputContent || item.topic.replace(/^#/, "");
-  uni.$emit(RECOMMEND_POSTS_TITLE, topic);
+  uni.$emit(SEND_MESSAGE_CONTENT_TEXT, topic);
 };
 </script>
 

src/static/scss/margin.scss

@@ -39,6 +39,14 @@
   margin-bottom: 12px;
 }
 
+.mt-6 {
+  margin-top: 6px;
+}
+
+.mb-6 {
+  margin-bottom: 6px;
+}
+
 .ml-12 {
   margin-left: 12px;
 }

src/static/scss/padding.scss

@@ -1,4 +1,24 @@
 // 内边距
+.p-6 {
+  padding: 6px;
+}
+
+.pt-6 {
+  padding-top: 6px;
+}
+
+.pb-6 {
+  padding-bottom: 6px;
+}
+
+.pl-6 {
+  padding-left: 6px;
+}
+
+.pr-6 {
+  padding-right: 6px;
+}
+
 .p-8 {
   padding: 8px;
 }
@@ -19,6 +39,14 @@
   padding-bottom: 8px;
 }
 
+.pl-8 {
+  padding-left: 8px;
+}
+
+.pr-8 {
+  padding-right: 8px;
+}
+
 .p-12 {
   padding: 12px;
 }
@@ -27,6 +55,10 @@
   padding-top: 12px;
 }
 
+.l-12 {
+  padding-left: 12px;
+}
+
 .pr-12 {
   padding-right: 12px;
 }
@@ -66,3 +98,7 @@
 .pb-20 {
   padding-bottom: 20px;
 }
+
+.pb-safe-area {
+  padding-bottom: Max(env(safe-area-inset-bottom), 12px);
+}