feat: 首页的动效的修复

src/components/CreateServiceOrder/index.vue

@@ -15,7 +15,7 @@
         />
       </view>
 
-      <view v-if="!isCallSuccess" class="order-content border-box p-12">
+      <view v-if="!isCallSuccess" class="border-box p-12">
         <view
           class="bg-F5F7FA border-box flex flex-items-center p-12 rounded-10 font-size-14 color-171717 mb-12"
         >
@@ -149,6 +149,8 @@ const originalPhone = ref("");
 const contactPhone = ref("");
 // 是否用户已编辑过手机号（一旦编辑则不再脱敏）
 const hasEditedPhone = ref(false);
+// 需求信息描述：使用可写的 ref，并从工具结果初始化
+const contactText = ref("");
 
 // 手机号脱敏：138****1234（仅对11位数字进行处理）
 const maskPhone = (phone) => {
@@ -163,13 +165,10 @@ watch(
     originalPhone.value = val?.userPhone || "";
     hasEditedPhone.value = false;
     contactPhone.value = maskPhone(originalPhone.value);
+    contactText.value = val?.callServiceContent || "";
   },
   { immediate: true }
 );
-const contactText = computed({
-  get: () => toolResult.value?.callServiceContent || "",
-  set: (val) => (contactText.value = val),
-});
 
 // 处理图片上传
 const handleChooseImage = () => {

src/components/CreateServiceOrder/styles/index.scss

@@ -6,9 +6,6 @@
   width: 98px;
   height: 48px;
 }
-.order-content {
-  width: 335px;
-}
 
 .help-icon {
   width: 16px;

src/components/Feedback/index.vue

@@ -15,7 +15,7 @@
         />
       </view>
 
-      <view v-if="!isCallSuccess" class="order-content border-box p-12">
+      <view v-if="!isCallSuccess" class="border-box p-12">
         <view
           class="bg-F5F7FA border-box flex flex-items-center p-12 rounded-10 font-size-14 color-171717 mb-12"
         >

src/components/Feedback/styles/index.scss

@@ -7,10 +7,6 @@
   height: 48px;
 }
 
-.order-content {
-  width: 335px;
-}
-
 .help-icon {
   width: 16px;
   height: 16px;

src/pages-booking/components/FooterSection/index.vue

@@ -57,7 +57,6 @@ const count = computed({
 const totalAmt = computed(() => {
   const { totalDays } = props.selectedDate;
   const { specificationPrice } = props.orderData;
-
   return count.value * Number(specificationPrice) * totalDays;
 });
 </script>

src/pages-booking/index.vue

@@ -128,11 +128,6 @@ const isDeleting = ref(false); // 标志位，防止删除时watch冲突
 watch(
   quantity,
   async (newQuantity) => {
-    // 非酒店类型，不处理
-    if (orderData.value.commodityTypeCode !== "0") {
-      return;
-    }
-
     // 如果正在执行删除操作，跳过watch逻辑
     if (isDeleting.value) {
       isDeleting.value = false;

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

@@ -1,6 +1,6 @@
 <template>
   <view
-    class="quick-access border-box flex flex-nowrap items-center ml-12 pt-8 pb-8"
+    class="quick-access flex flex-row ml-12 pt-8 pb-8 scroll-x whitespace-nowrap"
   >
     <view
       class="item border-box rounded-50 flex flex-row items-center"

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

@@ -3,11 +3,21 @@
 }
 
 .ip {
+  position: relative;
   flex: 0 0 158px;
   width: 158px;
   height: 134px;
   animation: sprite-play calc(var(--ipLargeTime) * 1s)
     steps(var(--ipLargeImageStep)) infinite;
+  &::before {
+    content: "";
+    position: absolute;
+    background-color: #f9fcfd;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 3px;
+  }
 }
 
 @keyframes sprite-play {

src/store/modules/selectedDate.js

@@ -3,7 +3,11 @@ import { defineStore } from "pinia";
 export const useSelectedDateStore = defineStore("selectedDate", {
   state() {
     return {
-      selectedDate: {},
+      selectedDate: {
+        startDate: "",
+        endDate: "",
+        totalDays: 1,
+      },
     };
   },