feat: 订单支付|商品详情调整

src/components/RefundPopup/index.vue

@@ -28,11 +28,16 @@
           <uni-icons fontFamily="znicons" size="20" color="#333">
             {{ zniconsMap["zn-refund"] }}
           </uni-icons>
-          <text class="font-size-14 font-600 color-171717 ml-8">退订规则</text>
+          <text class="font-size-14 font-600 color-171717 ml-8">
+            {{ refundTitle }}
+          </text>
         </view>
-        <view class="font-size-14 color-525866 line-height-16">
-          <!-- {{ commodityPurchaseInstruction.refundContent }} -->
-          ·不予退款：12小时以内取消或未入住，不予退款。
+        <view
+          class="font-size-14 color-525866 line-height-16 mb-4"
+          v-for="(item, index) in commodityPurchaseInstruction"
+          :key="index"
+        >
+          {{ item }}
         </view>
       </view>
     </view>
@@ -64,9 +69,22 @@ const emit = defineEmits(["update:modelValue"]);
 const popupRef = ref(null);
 
 // 获取退款模板
+const refundTitle = computed(() => {
+  if (props.orderData.commodityPurchaseInstruction) {
+    return (
+      props.orderData.commodityPurchaseInstruction.refundTitle || "退订规则"
+    );
+  }
+
+  return "退订规则";
+});
+
 const commodityPurchaseInstruction = computed(() => {
   if (props.orderData.commodityPurchaseInstruction) {
-    return props.orderData.commodityPurchaseInstruction;
+    // 以换行符为分隔符，将字符串转换为数组
+    return props.orderData.commodityPurchaseInstruction.refundContent.split(
+      "\n"
+    );
   }
 
   return {};