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/components/SumCard/index.vue

@@ -0,0 +1,29 @@
+<template>
+  <div class="sum-wrapper">
+    <div class="sum-item">
+      <spanclass="sum-label">价格</text>
+      <spanclass="sum-value">¥{{ referencePrice }}</text>
+    </div>
+    <div class="sum-item">
+      <spanclass="sum-label">折扣优惠</text>
+      <spanclass="sum-discount">-¥{{ discount }}</text>
+    </div>
+  </div>
+</template>
+
+<script setup>
+defineProps({
+  referencePrice: {
+    type: Number,
+    default: 0,
+  },
+  discount: {
+    type: Number,
+    default: 0,
+  },
+});
+</script>
+
+<style scoped lang="scss">
+@import "./styles/index.scss";
+</style>