feat: 商品详情交互开发

pages/goods/components/GoodInfo/index.vue

@@ -8,6 +8,15 @@
       <view class="tag-wrapper" v-if="goodsData.timeTag">
         <view class="time-tag">{{ goodsData.timeTag || "随时可退" }}</view>
       </view>
+      <!-- 日历ICON，酒店订单显示 -->
+      <uni-icons
+        class="calender-icon"
+        v-if="isShowCalendar"
+        type="calendar"
+        size="24"
+        color="#00A6FF"
+        @click="showCalendar"
+      />
     </view>
 
     <!-- 地址区域 -->
@@ -31,9 +40,12 @@
 </template>
 
 <script setup>
-import { computed, defineProps } from "vue";
+import { computed, defineProps, defineEmits } from "vue";
 import LocationInfo from "@/components/LocationInfo/index.vue";
 
+// 事件定义
+const emits = defineEmits(["showCalendar"]);
+
 // Props定义
 const props = defineProps({
   goodsData: {
@@ -44,12 +56,23 @@ const props = defineProps({
 
 // 设施列表 - 使用computed优化性能
 const facilitiesList = computed(() => {
-  if (props.goodsData.commodityTag && props.goodsData.commodityTag.length) {
-    return props.goodsData.commodityTag;
+  if (
+    props.goodsData.commodityFacilityList &&
+    props.goodsData.commodityFacilityList.length
+  ) {
+    return props.goodsData.commodityFacilityList;
   }
 
   return [];
 });
+
+// 日历弹窗
+const showCalendar = () => emits("showCalendar");
+
+// 是否显示日历按钮
+const isShowCalendar = computed(() => {
+  return props.goodsData.commodityTypeCode === "0";
+});
 </script>
 
 <style scoped lang="scss">