Explorar el Código

feat(回收订单): 动态显示验货方式标签

在回收订单详情和退款详情页面中,使用计算属性动态显示验货方式标签,支持7天、15天和72小时的验货选项。此更改提升了用户界面的灵活性和可读性。
ylong hace 1 semana
padre
commit
f23a38b3c4

+ 10 - 3
src/views/recycleOrder/detail/index.vue

@@ -41,9 +41,9 @@
                 <el-tag size="large" style="margin-right: 20px"
                     >免费退回</el-tag
                 >
-                <el-tag size="large" style="margin-right: 20px"
-                    >72小时验</el-tag
-                >
+                <el-tag size="large" style="margin-right: 20px">{{
+                    verifyPeriodTag
+                }}</el-tag>
                 <el-tag size="large" style="margin-right: 20px"
                     >卖亏必赔</el-tag
                 >
@@ -76,6 +76,13 @@
         }
     });
 
+    const verifyPeriodTag = computed(() => {
+        const days = props.detail.verifyPeriodDays;
+        if (days == 7) return '7天验';
+        if (days == 15) return '15天验';
+        return '72小时验';
+    });
+
     const isExpand = ref(false);
     const handleExpand = () => {
         isExpand.value = true;

+ 10 - 3
src/views/recycleOrder/needReturned/refund-detail.vue

@@ -50,9 +50,9 @@
                 <el-tag size="large" style="margin-right: 20px"
                     >免费退回</el-tag
                 >
-                <el-tag size="large" style="margin-right: 20px"
-                    >72小时验</el-tag
-                >
+                <el-tag size="large" style="margin-right: 20px">{{
+                    verifyPeriodTag
+                }}</el-tag>
                 <el-tag size="large" style="margin-right: 20px"
                     >卖亏必赔</el-tag
                 >
@@ -84,6 +84,13 @@
         }
     });
 
+    const verifyPeriodTag = computed(() => {
+        const days = props.detail.verifyPeriodDays;
+        if (days == 7) return '7天验';
+        if (days == 15) return '15天验';
+        return '72小时验';
+    });
+
     const columns = reactive([
         {
             type: 'index',