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>

src/components/SumCard/propmt.md

@@ -0,0 +1,12 @@
+## 价格组件
+
+## 提示词：
+
+使用 uniapp + vue3 组合式 api 开发微信小程序，要求如下：
+1、参考图片，高度还原交互设计，完成组件封装
+2、要求布局样式结构简洁明了，class 命名请按照模块名称来命名，例如：.sum-wrapper
+3、可以使用 uniapp 内置的组件
+
+## 备注
+
+仅供学习、交流使用，请勿用于商业用途。

src/components/SumCard/styles/index.scss

@@ -0,0 +1,33 @@
+.sum-wrapper {
+  border-radius: 8px;
+  background-color: #f5f5f5;
+  padding: 0 12px;
+  box-sizing: border-box;
+}
+
+.sum-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 0;
+  border-bottom: 1px solid #ddd;
+
+  &:last-child {
+    border-bottom: none;
+  }
+}
+
+.sum-label {
+  font-size: 15px;
+  color: $uni-text-color;
+}
+
+.sum-value {
+  font-size: $uni-font-size-base;
+  color: $uni-text-color-grey;
+}
+
+.sum-discount {
+  font-size: $uni-font-size-base;
+  color: #ff5722;
+}