Sfoglia il codice sorgente

feat: 添加验收时间动态显示功能

在服务信息组件中,新增了计算属性以动态显示验收时间。通过传递verifyPeriodDays属性,支持根据不同的天数显示相应的验收信息,提升了用户体验。在订单详情页中,更新了服务信息组件的调用,确保新功能的集成。
ylong 1 settimana fa
parent
commit
e012a8390e
2 ha cambiato i file con 17 aggiunte e 2 eliminazioni
  1. 4 1
      pages-mine/pages/order-detail.vue
  2. 13 1
      pages/home/components/ServiceInfo.vue

+ 4 - 1
pages-mine/pages/order-detail.vue

@@ -85,7 +85,10 @@
 
 		<!-- 底部操作栏 -->
 		<view class="bottom-fixed-con detail-bottom flex-d">
-			<service-info :firstOrder="orderInfo.firstOrder"></service-info>
+			<service-info
+				:firstOrder="orderInfo.firstOrder"
+				:verifyPeriodDays="orderInfo.verifyPeriodDays"
+			></service-info>
 			<view class="flex-a"
 				style="width: 100%; padding: 0 30rpx;justify-content: flex-end;align-items: center;min-height: 42px;">
 				<u-button size="small" type="warning" @click="handleOpenOverTime"

+ 13 - 1
pages/home/components/ServiceInfo.vue

@@ -8,7 +8,7 @@
             </view>
             <view class="icon-item">
                 <image src="/static/img/2.png" mode="widthFix" style="width: 30rpx; height: 30rpx"></image>
-                <text style="margin-left: 6rpx">72小时验</text>
+                <text style="margin-left: 6rpx">{{ verifyPeriodLabel }}</text>
                 <text style="margin-left: 4rpx"> > </text>
             </view>
             <view class="icon-item">
@@ -44,6 +44,18 @@ export default {
             type: [Number, String],
             default: 0,
         },
+        verifyPeriodDays: {
+            type: [Number, String],
+            default: null,
+        },
+    },
+    computed: {
+        verifyPeriodLabel() {
+            const days = Number(this.verifyPeriodDays)
+            if (days === 7) return '7天验'
+            if (days === 15) return '15天验'
+            return '72小时验'
+        },
     },
     data() {
         return {