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

# Conflicts:
#	src/pages/index/components/chat/ChatQuickAccess/index.vue

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">
+  <view
-    <text class="font-size-14 color-33">{{ text }}</text>
+    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>
+<style lang="scss" scoped></style>
-@import "./styles/index.scss";
-</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

@@ -103,7 +103,7 @@
     </scroll-view>
 
     <!-- 输入框区域 -->
-    <view class="footer">
+    <view class="pb-safe-area">
       <ChatQuickAccess @replySent="handleReplyInstruct" />
       <ChatInputArea
         ref="inputAreaRef"
@@ -275,7 +275,7 @@ const handleReply = (text) => {
 const handleReplyInstruct = async (item) => {
   await checkToken();
 
-  if (item.type === "MyOrder") {
+  if (item.type === "Command.myOrder") {
     // 订单
     uni.navigateTo({
       url: "/pages-order/order/list",
@@ -775,6 +775,4 @@ const resetConfig = () => {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss" scoped></style>
-@import "./styles/index.scss";
-</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

@@ -36,7 +36,7 @@ const itemList = ref([
   {
     icon: "",
     title: "呼叫服务",
-    type: "Command.callService",
+    type: "Command.createWorkOrderCard",
   },
   {
     icon: "https://oss.nianxx.cn/mp/static/version_101/home/more.png",
@@ -48,6 +48,10 @@ const itemList = ref([
 const emits = defineEmits(["replySent"]);
 
 const sendReply = (item) => {
+  if (item.type === "Command.more") {
+    uni.$emit("SHOW_MORE_POPUP");
+    return;
+  }
   emits("replySent", item); // 向父组件传递数据
 };
 
@@ -85,7 +89,7 @@ const initData = () => {
             showIcon: false,
             title: "订单/工单",
             content: "我的订单/工单",
-            type: "MyOrder",
+            type: "Command.myOrder",
           },
         ]
       : [
@@ -108,7 +112,7 @@ const initData = () => {
             showIcon: false,
             title: "订单/工单",
             content: "我的订单/工单",
-            type: "MyOrder",
+            type: "Command.myOrder",
           },
           {
             icon: "https://oss.nianxx.cn/mp/static/quick/quick_icon_call.png",

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

@@ -0,0 +1,99 @@
+<template>
+  <uni-popup ref="popup" type="bottom" :safe-area="false">
+    <view class="popup-content border-box pt-12 pl-12 pr-12">
+      <view class="header flex flex-items-center pb-12">
+        <view class="title flex-full font-size-17 color-000 font-500"
+          >更多服务</view
+        >
+        <uni-icons type="close" size="20" color="#CACFD8" @click="close" />
+      </view>
+
+      <view class="list bg-white border-box pl-20 pr-20">
+        <view
+          class="item border-box border-bottom pt-20 pb-20"
+          v-for="(item, index) in list"
+          :key="index"
+          @click="close"
+        >
+          <view class="flex flex-items-center flex-justify-center">
+            <image v-if="item.icon" class="left" :src="item.icon" />
+            <view class="center flex-full">
+              <view class="font-size-16 color-000 line-height-24 font-500">
+                {{ item.title }}
+              </view>
+              <view class="font-size-12 color-A3A3A3 line-height-16">
+                {{ item.content }}
+              </view>
+            </view>
+            <view
+              class="right border-box font-size-12 color-white line-height-16"
+            >
+              {{ item.btnText }}
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </uni-popup>
+</template>
+
+<script setup>
+import { ref } from "vue";
+
+const popup = ref(null);
+
+const list = ref([
+  {
+    icon: "https://oss.nianxx.cn/mp/static/version_101/home/ksyd.png",
+    title: "快速预定",
+    content: "预定门票、房间、餐食",
+    btnText: "去预定",
+    type: "Command.quickBooking",
+  },
+  {
+    icon: "https://oss.nianxx.cn/mp/static/version_101/home/tsfx.png",
+    title: "探索发现",
+    content: "发现景点、活动、特色内容",
+    btnText: "去探索",
+    type: "Command.discovery",
+  },
+  {
+    icon: "https://oss.nianxx.cn/mp/static/version_101/home/mddd.png",
+    title: "我的订单",
+    content: "查看门票、住宿、餐饮等订单",
+    btnText: "去查看",
+    type: "Command.myOrder",
+  },
+  {
+    icon: "https://oss.nianxx.cn/mp/static/version_101/home/wdgd.png",
+    title: "我的工单",
+    content: "查看服务工单、进度与处理情况",
+    btnText: "去查看",
+    type: "Command.myWorkOrder",
+  },
+  {
+    icon: "https://oss.nianxx.cn/mp/static/version_101/home/fkyj.png",
+    title: "反馈意见",
+    content: "提交使用问题、建议与需求",
+    btnText: "去反馈",
+    type: "Command.feedbackCard",
+  },
+]);
+
+const open = () => {
+  popup.value && popup.value.open();
+};
+
+const close = () => {
+  popup.value && popup.value.close();
+};
+
+// 接收更多服务
+uni.$on("SHOW_MORE_POPUP", () => {
+  open();
+});
+</script>
+
+<style lang="scss" scoped>
+@import "./styles/index.scss";
+</style>

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

@@ -0,0 +1,29 @@
+.popup-content {
+  background-color: #f5f7fa;
+  border-radius: 15px 15px 0 0;
+  padding-bottom: Max(env(safe-area-inset-bottom), 12px) !important;
+}
+
+.list {
+  border-radius: 15px;
+}
+
+.item {
+  gap: 20px;
+
+  &:last-child {
+    border-bottom: none;
+  }
+}
+
+.left {
+  width: 24px;
+  height: 24px;
+  margin-right: 12px;
+}
+
+.right {
+  background-color: #2d91ff;
+  border-radius: 5px;
+  padding: 6px;
+}

src/pages/index/index.vue

@@ -11,6 +11,9 @@
     @close="handleCalendarClose"
     @select="handleDateSelect"
   />
+
+  <!-- 更多服务 -->
+  <MoreService />
 </template>
 
 <script setup>
@@ -20,6 +23,7 @@ import { getUrlParams } from "@/utils/UrlParams";
 import { useAppStore } from "@/store";
 import ChatMainList from "./components/chat/ChatMainList/index.vue";
 import Calender from "@/components/Calender/index.vue";
+import MoreService from "./components/module/MoreService/index.vue";
 
 const appStore = useAppStore();
 

src/static/scss/border.scss

@@ -2,3 +2,7 @@
 .border {
   border: 1px solid #000;
 }
+
+.border-bottom {
+  border-bottom: 1px solid #e5e8ee;
+}

src/static/scss/colors.scss

@@ -20,6 +20,10 @@
   color: #999;
 }
 
+.color-A3A3A3 {
+  color: #a3a3a3;
+}
+
 .color-525866 {
   color: #525866;
 }

src/static/scss/line-height.scss

@@ -1,4 +1,8 @@
 // 行高
+.line-height-16 {
+  line-height: 16px;
+}
+
 .line-height-17 {
   line-height: 17px;
 }
@@ -18,3 +22,7 @@
 .line-height-22 {
   line-height: 22px;
 }
+
+.line-height-24 {
+  line-height: 24px;
+}

src/static/scss/margin.scss

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

src/static/scss/padding.scss

@@ -58,3 +58,7 @@
 .pb-20 {
   padding-bottom: 20px;
 }
+
+.pb-safe-area {
+  padding-bottom: Max(env(safe-area-inset-bottom), 12px);
+}