feat(order): add order detail and list pages with components for order management

- Implemented order detail page with components for displaying order status, user info, and refund options.
- Created order list page with pagination and order cards for displaying all orders.
- Added styles for order detail and list pages.
- Developed a prompt document outlining component requirements for the order management system.
- Introduced a new Card component for quick booking with a responsive design.
- Enhanced Tabs component for better navigation between different categories.
- Integrated z-paging for efficient data loading and management in order and quick booking lists.
- Added service order card component for displaying service requests with call functionality.
- Updated main CSS for improved viewport handling.

src/pages/goods/components/DateSelector/index.vue

@@ -0,0 +1,67 @@
+<template>
+  <div class="date-selector" @click="showCalendar">
+    <div class="date-item">
+      <div class="date-label">入住日期</div>
+      <div class="date-box">
+        <div class="date-content">
+          <span class="date-span">{{ checkInDate }}</span>
+          <span class="day-span">{{ checkInDay }}</span>
+        </div>
+      </div>
+    </div>
+
+    <div class="nights-info">
+      <span class="nights-span">{{ nights }}晚</span>
+    </div>
+
+    <div class="date-item">
+      <div class="date-label">退房日期</div>
+      <div class="date-box">
+        <div class="date-content">
+          <span class="date-span">{{ checkOutDate }}</span>
+          <span class="day-span">{{ checkOutDay }}</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { defineProps, defineEmits } from "vue";
+
+// 定义事件
+const emit = defineEmits(["showCalendar"]);
+
+// 定义方法
+const showCalendar = () => {
+  emit("showCalendar");
+};
+
+// Props定义
+const props = defineProps({
+  checkInDate: {
+    type: String,
+    default: "08月25日",
+  },
+  checkOutDate: {
+    type: String,
+    default: "08月25日",
+  },
+  checkInDay: {
+    type: String,
+    default: "周一",
+  },
+  checkOutDay: {
+    type: String,
+    default: "周一",
+  },
+  nights: {
+    type: Number,
+    default: 1,
+  },
+});
+</script>
+
+<style scoped lang="scss">
+@import "./styles/index.scss";
+</style>