feat: 提交订单页面搭建

src/pages-quick/components/Card/index.vue

@@ -1,19 +1,22 @@
 <template>
   <view
     class="card bg-white border-box p-8 rounded-12 flex flex-items-start m-12"
-    @click="handleClick(item)"
+    @click.stop="handleClick(item)"
   >
     <image
       class="left rounded-10"
-      :src="item.commodityIcon"
+      :src="item.commodityPhoto"
       mode="aspectFill"
     />
     <view class="right border-box flex-full pl-12">
       <view class="font-size-16 line-height-24 color-171717 mb-4">
         {{ item.commodityName }}
       </view>
-      <view class="font-size-12 line-height-16 color-99A0AE mb-4">
-        1 张 1.8 米大床
+      <view
+        v-if="item.commodityFacility"
+        class="font-size-12 line-height-16 color-99A0AE mb-4"
+      >
+        {{ item.commodityFacility.join(" ") }}
       </view>
       <view class="font-size-12 line-height-18 color-43669A">
         {{ item.commodityTradeRuleList.join(" / ") }}
@@ -23,12 +26,16 @@
         <text
           class="amt font-size-18 font-500 font-family-misans-vf line-height-24 color-FF3D60 mr-4"
         >
-          {{ item.commodityPrice }}
+          {{ item.specificationPrice }}
         </text>
         <text class="font-size-12 line-height-16 color-99A0AE">
           /{{ item.stockUnitLabel }}
         </text>
-        <text class="btn border-box rounded-10 color-white ml-16">订</text>
+        <text
+          class="btn border-box rounded-10 color-white ml-16"
+          @click.stop="handleBooking(item)"
+          >订</text
+        >
       </view>
     </view>
   </view>
@@ -43,10 +50,10 @@ const props = defineProps({
     type: Object,
     required: true,
     default: () => ({
-      commodityIcon: "",
+      commodityPhoto: "",
       commodityId: "",
       commodityName: "",
-      commodityPrice: "",
+      specificationPrice: "",
       commodityServices: [],
       commodityTags: [], // 商品标签
       commodityTradeRuleList: [], // 交易规则列表
@@ -59,6 +66,10 @@ const props = defineProps({
 const handleClick = ({ commodityId }) => {
   uni.navigateTo({ url: `/pages/goods/index?commodityId=${commodityId}` });
 };
+
+const handleBooking = ({ commodityId }) => {
+  uni.navigateTo({ url: `/pages/booking/index?commodityId=${commodityId}` });
+};
 </script>
 
 <style scoped lang="scss">