From 896cbec8d2c31787034df84bed8cd68dfd46b0b8 Mon Sep 17 00:00:00 2001
From: DEV_DSW <562304744@qq.com>
Date: Mon, 1 Jun 2026 15:05:41 +0800
Subject: [PATCH] feat(order&service): add order and service ticket management
 features

- Restructure page file structure for order and service modules
- Update router configurations to match new correct file paths
- Add complete reusable component set for order display, detail viewing, payment, voucher verification and status tracking
- Add necessary SCSS styles and image assets for the new pages
- Refactor legacy order and service page implementations to modern component-based architecture
---
 .../components/AmtSection/index.vue           |   0
 .../components/FooterSection/index.vue        |   0
 .../components/GoodsInfo/images/food.png      | Bin
 .../GoodsInfo/images/icon_house.png           | Bin
 .../components/GoodsInfo/images/ticket.png    | Bin
 .../components/GoodsInfo/index.vue            |   0
 .../components/OrderCard/InfoRow.vue          |   0
 .../components/OrderCard/OrderCardContent.vue |   0
 .../components/OrderCard/README.md            |   0
 .../components/OrderCard/constants/order.js   |   0
 .../components/OrderCard/images/food.png      | Bin
 .../components/OrderCard/images/hotel.png     | Bin
 .../components/OrderCard/images/service.png   | Bin
 .../components/OrderCard/images/ticket.png    | Bin
 .../components/OrderCard/index.vue            |   0
 .../components/OrderCard/prompt.md            |   0
 .../components/OrderInfo/index.vue            |   0
 .../components/OrderQrcode/index.vue          |   0
 .../components/OrderStatusInfo/index.vue      |   0
 .../{order => }/components/Tabs/index.vue     |   0
 .../{order => }/components/UserInfo/index.vue |   0
 .../components/VoucherList/index.vue          |   0
 src/pages/order/{order => }/detail.vue        |   0
 src/pages/order/list.vue                      | 103 ++++++++++++++++++
 src/pages/order/order/list.vue                |  69 ------------
 .../order/{order => }/styles/detail.scss      |   0
 src/pages/order/{order => }/styles/list.scss  |   0
 .../components/OrderCard/index.vue            |   0
 src/pages/service/index.vue                   |  93 ++++++++++++++++
 src/pages/service/order/index.vue             |  54 ---------
 src/router/index.ts                           |  10 +-
 31 files changed, 201 insertions(+), 128 deletions(-)
 rename src/pages/order/{order => }/components/AmtSection/index.vue (100%)
 rename src/pages/order/{order => }/components/FooterSection/index.vue (100%)
 rename src/pages/order/{order => }/components/GoodsInfo/images/food.png (100%)
 rename src/pages/order/{order => }/components/GoodsInfo/images/icon_house.png (100%)
 rename src/pages/order/{order => }/components/GoodsInfo/images/ticket.png (100%)
 rename src/pages/order/{order => }/components/GoodsInfo/index.vue (100%)
 rename src/pages/order/{order => }/components/OrderCard/InfoRow.vue (100%)
 rename src/pages/order/{order => }/components/OrderCard/OrderCardContent.vue (100%)
 rename src/pages/order/{order => }/components/OrderCard/README.md (100%)
 rename src/pages/order/{order => }/components/OrderCard/constants/order.js (100%)
 rename src/pages/order/{order => }/components/OrderCard/images/food.png (100%)
 rename src/pages/order/{order => }/components/OrderCard/images/hotel.png (100%)
 rename src/pages/order/{order => }/components/OrderCard/images/service.png (100%)
 rename src/pages/order/{order => }/components/OrderCard/images/ticket.png (100%)
 rename src/pages/order/{order => }/components/OrderCard/index.vue (100%)
 rename src/pages/order/{order => }/components/OrderCard/prompt.md (100%)
 rename src/pages/order/{order => }/components/OrderInfo/index.vue (100%)
 rename src/pages/order/{order => }/components/OrderQrcode/index.vue (100%)
 rename src/pages/order/{order => }/components/OrderStatusInfo/index.vue (100%)
 rename src/pages/order/{order => }/components/Tabs/index.vue (100%)
 rename src/pages/order/{order => }/components/UserInfo/index.vue (100%)
 rename src/pages/order/{order => }/components/VoucherList/index.vue (100%)
 rename src/pages/order/{order => }/detail.vue (100%)
 create mode 100644 src/pages/order/list.vue
 delete mode 100644 src/pages/order/order/list.vue
 rename src/pages/order/{order => }/styles/detail.scss (100%)
 rename src/pages/order/{order => }/styles/list.scss (100%)
 rename src/pages/service/{order => }/components/OrderCard/index.vue (100%)
 create mode 100644 src/pages/service/index.vue
 delete mode 100644 src/pages/service/order/index.vue

diff --git a/src/pages/order/order/components/AmtSection/index.vue b/src/pages/order/components/AmtSection/index.vue
similarity index 100%
rename from src/pages/order/order/components/AmtSection/index.vue
rename to src/pages/order/components/AmtSection/index.vue
diff --git a/src/pages/order/order/components/FooterSection/index.vue b/src/pages/order/components/FooterSection/index.vue
similarity index 100%
rename from src/pages/order/order/components/FooterSection/index.vue
rename to src/pages/order/components/FooterSection/index.vue
diff --git a/src/pages/order/order/components/GoodsInfo/images/food.png b/src/pages/order/components/GoodsInfo/images/food.png
similarity index 100%
rename from src/pages/order/order/components/GoodsInfo/images/food.png
rename to src/pages/order/components/GoodsInfo/images/food.png
diff --git a/src/pages/order/order/components/GoodsInfo/images/icon_house.png b/src/pages/order/components/GoodsInfo/images/icon_house.png
similarity index 100%
rename from src/pages/order/order/components/GoodsInfo/images/icon_house.png
rename to src/pages/order/components/GoodsInfo/images/icon_house.png
diff --git a/src/pages/order/order/components/GoodsInfo/images/ticket.png b/src/pages/order/components/GoodsInfo/images/ticket.png
similarity index 100%
rename from src/pages/order/order/components/GoodsInfo/images/ticket.png
rename to src/pages/order/components/GoodsInfo/images/ticket.png
diff --git a/src/pages/order/order/components/GoodsInfo/index.vue b/src/pages/order/components/GoodsInfo/index.vue
similarity index 100%
rename from src/pages/order/order/components/GoodsInfo/index.vue
rename to src/pages/order/components/GoodsInfo/index.vue
diff --git a/src/pages/order/order/components/OrderCard/InfoRow.vue b/src/pages/order/components/OrderCard/InfoRow.vue
similarity index 100%
rename from src/pages/order/order/components/OrderCard/InfoRow.vue
rename to src/pages/order/components/OrderCard/InfoRow.vue
diff --git a/src/pages/order/order/components/OrderCard/OrderCardContent.vue b/src/pages/order/components/OrderCard/OrderCardContent.vue
similarity index 100%
rename from src/pages/order/order/components/OrderCard/OrderCardContent.vue
rename to src/pages/order/components/OrderCard/OrderCardContent.vue
diff --git a/src/pages/order/order/components/OrderCard/README.md b/src/pages/order/components/OrderCard/README.md
similarity index 100%
rename from src/pages/order/order/components/OrderCard/README.md
rename to src/pages/order/components/OrderCard/README.md
diff --git a/src/pages/order/order/components/OrderCard/constants/order.js b/src/pages/order/components/OrderCard/constants/order.js
similarity index 100%
rename from src/pages/order/order/components/OrderCard/constants/order.js
rename to src/pages/order/components/OrderCard/constants/order.js
diff --git a/src/pages/order/order/components/OrderCard/images/food.png b/src/pages/order/components/OrderCard/images/food.png
similarity index 100%
rename from src/pages/order/order/components/OrderCard/images/food.png
rename to src/pages/order/components/OrderCard/images/food.png
diff --git a/src/pages/order/order/components/OrderCard/images/hotel.png b/src/pages/order/components/OrderCard/images/hotel.png
similarity index 100%
rename from src/pages/order/order/components/OrderCard/images/hotel.png
rename to src/pages/order/components/OrderCard/images/hotel.png
diff --git a/src/pages/order/order/components/OrderCard/images/service.png b/src/pages/order/components/OrderCard/images/service.png
similarity index 100%
rename from src/pages/order/order/components/OrderCard/images/service.png
rename to src/pages/order/components/OrderCard/images/service.png
diff --git a/src/pages/order/order/components/OrderCard/images/ticket.png b/src/pages/order/components/OrderCard/images/ticket.png
similarity index 100%
rename from src/pages/order/order/components/OrderCard/images/ticket.png
rename to src/pages/order/components/OrderCard/images/ticket.png
diff --git a/src/pages/order/order/components/OrderCard/index.vue b/src/pages/order/components/OrderCard/index.vue
similarity index 100%
rename from src/pages/order/order/components/OrderCard/index.vue
rename to src/pages/order/components/OrderCard/index.vue
diff --git a/src/pages/order/order/components/OrderCard/prompt.md b/src/pages/order/components/OrderCard/prompt.md
similarity index 100%
rename from src/pages/order/order/components/OrderCard/prompt.md
rename to src/pages/order/components/OrderCard/prompt.md
diff --git a/src/pages/order/order/components/OrderInfo/index.vue b/src/pages/order/components/OrderInfo/index.vue
similarity index 100%
rename from src/pages/order/order/components/OrderInfo/index.vue
rename to src/pages/order/components/OrderInfo/index.vue
diff --git a/src/pages/order/order/components/OrderQrcode/index.vue b/src/pages/order/components/OrderQrcode/index.vue
similarity index 100%
rename from src/pages/order/order/components/OrderQrcode/index.vue
rename to src/pages/order/components/OrderQrcode/index.vue
diff --git a/src/pages/order/order/components/OrderStatusInfo/index.vue b/src/pages/order/components/OrderStatusInfo/index.vue
similarity index 100%
rename from src/pages/order/order/components/OrderStatusInfo/index.vue
rename to src/pages/order/components/OrderStatusInfo/index.vue
diff --git a/src/pages/order/order/components/Tabs/index.vue b/src/pages/order/components/Tabs/index.vue
similarity index 100%
rename from src/pages/order/order/components/Tabs/index.vue
rename to src/pages/order/components/Tabs/index.vue
diff --git a/src/pages/order/order/components/UserInfo/index.vue b/src/pages/order/components/UserInfo/index.vue
similarity index 100%
rename from src/pages/order/order/components/UserInfo/index.vue
rename to src/pages/order/components/UserInfo/index.vue
diff --git a/src/pages/order/order/components/VoucherList/index.vue b/src/pages/order/components/VoucherList/index.vue
similarity index 100%
rename from src/pages/order/order/components/VoucherList/index.vue
rename to src/pages/order/components/VoucherList/index.vue
diff --git a/src/pages/order/order/detail.vue b/src/pages/order/detail.vue
similarity index 100%
rename from src/pages/order/order/detail.vue
rename to src/pages/order/detail.vue
diff --git a/src/pages/order/list.vue b/src/pages/order/list.vue
new file mode 100644
index 0000000..3224aba
--- /dev/null
+++ b/src/pages/order/list.vue
@@ -0,0 +1,103 @@
+<template>
+  <div class="flex h-dvh flex-col overflow-hidden bg-linear-[180deg,#E8FFF1_0%,#F5F7FA_186px]">
+    <TopNavBar title="全部订单" />
+
+    <div class="min-h-0 flex-1 overflow-y-auto scrollbar-none [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden">
+      <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
+        <CustomEmpty v-if="showEmpty" statusText="您暂无订单" />
+
+        <van-list v-else v-model:loading="loading" v-model:error="listError" :finished="finished"
+          :immediate-check="false" finished-text="没有更多了" error-text="加载失败，点击重试" @load="onLoad">
+          <OrderCard v-for="(item, index) in dataList" :key="item.id || index" :orderData="item"
+            @click="handleOrderClick" />
+        </van-list>
+      </van-pull-refresh>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed, onMounted, ref } from "vue";
+import { useRouter } from 'vue-router'
+import { userOrderList } from "@/api/order";
+import TopNavBar from "@/components/TopNavBar/index.vue";
+import CustomEmpty from "@/components/CustomEmpty/index.vue";
+import OrderCard from "./components/OrderCard/index.vue";
+
+const router = useRouter()
+const PAGE_SIZE = 10;
+const dataList = ref([]);
+const currentPage = ref(1);
+const loading = ref(false);
+const finished = ref(false);
+const refreshing = ref(false);
+const listError = ref(false);
+
+const showEmpty = computed(() => {
+  return !loading.value && !refreshing.value && finished.value && dataList.value.length === 0;
+});
+
+const finishLoading = () => {
+  loading.value = false;
+  refreshing.value = false;
+};
+
+const queryList = async (pageNum = currentPage.value, pageSize = PAGE_SIZE) => {
+  try {
+    const res = await userOrderList({ pageNum, pageSize });
+    console.log("API响应:", res);
+
+    const records = Array.isArray(res?.data?.records) ? res.data.records : [];
+    const total = Number(res?.data?.total ?? 0);
+    const hasTotal = Number.isFinite(total) && total > 0;
+
+    if (pageNum === 1) {
+      dataList.value = records;
+    } else {
+      dataList.value = [...dataList.value, ...records];
+    }
+
+    finished.value =
+      records.length < pageSize || (hasTotal && dataList.value.length >= total);
+    if (!finished.value) {
+      currentPage.value = pageNum + 1;
+    }
+    listError.value = false;
+  } catch (error) {
+    console.error("查询列表失败:", error);
+    listError.value = true;
+  } finally {
+    finishLoading();
+  }
+};
+
+const reloadList = () => {
+  currentPage.value = 1;
+  finished.value = false;
+  listError.value = false;
+  loading.value = true;
+  queryList(1);
+};
+
+const onLoad = () => {
+  queryList();
+};
+
+const onRefresh = () => {
+  reloadList();
+};
+
+// 处理订单点击
+const handleOrderClick = ({ orderId }) => {
+  router.push({
+    name: "order_detail",
+    query: { orderId },
+  });
+};
+
+onMounted(() => {
+  reloadList();
+});
+</script>
+
+<style scoped lang="scss"></style>
diff --git a/src/pages/order/order/list.vue b/src/pages/order/order/list.vue
deleted file mode 100644
index 02215e5..0000000
--- a/src/pages/order/order/list.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<template>
-  <z-paging :bg-color="'linear-gradient(180deg, ' +
-    $theme -
-    color -
-    100 +
-    ' 0%, #F5F7FA 100%) 0 86px / 100% 100px no-repeat'
-    " ref="paging" v-model="dataList" use-virtual-list :force-close-inner-list="true" cell-height-mode="dynamic"
-    safe-area-inset-bottom @query="queryList">
-    <template #top>
-      <TopNavBar title="全部订单" />
-    </template>
-
-    <template #empty>
-      <CustomEmpty statusspan="您暂无订单" />
-    </template>
-
-    <OrderCard v-for="(item, index) in dataList" :key="item.id || index" :orderData="item" @click="handleOrderClick" />
-  </z-paging>
-</template>
-
-<script setup>
-import { ref } from "vue";
-import TopNavBar from "@/components/TopNavBar/index.vue";
-import CustomEmpty from "@/components/CustomEmpty/index.vue";
-import OrderCard from "./components/OrderCard/index.vue";
-import { userOrderList } from "@/api/order";
-
-const dataList = ref([]);
-const paging = ref(null);
-
-const queryList = async (pageNum, pageSize) => {
-  try {
-    const res = await userOrderList({ pageNum, pageSize });
-    console.log("API响应:", res);
-
-    if (res && res.data && res.data.records) {
-      const records = res.data.records;
-
-      // 完成数据加载，第二个参数表示是否还有更多数据
-      paging.value.complete(records);
-    } else {
-      // 没有数据
-      paging.value.complete([]);
-    }
-  } catch (error) {
-    console.error("查询列表失败:", error);
-    // 加载失败
-    paging.value.complete(false);
-  }
-};
-
-// 处理订单点击
-const handleOrderClick = ({ orderId }) => {
-  // 这里可以添加订单详情跳转逻辑
-  uni.navigateTo({
-    url: `/pages-order/order/detail?orderId=${orderId}`,
-    events: {
-      refreshOrderList: (event) => {
-        console.log("订单详情页面请求刷新订单列表", event);
-        if (event.success) {
-          queryList(1, 10);
-        }
-      },
-    },
-  });
-};
-</script>
-
-<style scoped lang="scss"></style>
diff --git a/src/pages/order/order/styles/detail.scss b/src/pages/order/styles/detail.scss
similarity index 100%
rename from src/pages/order/order/styles/detail.scss
rename to src/pages/order/styles/detail.scss
diff --git a/src/pages/order/order/styles/list.scss b/src/pages/order/styles/list.scss
similarity index 100%
rename from src/pages/order/order/styles/list.scss
rename to src/pages/order/styles/list.scss
diff --git a/src/pages/service/order/components/OrderCard/index.vue b/src/pages/service/components/OrderCard/index.vue
similarity index 100%
rename from src/pages/service/order/components/OrderCard/index.vue
rename to src/pages/service/components/OrderCard/index.vue
diff --git a/src/pages/service/index.vue b/src/pages/service/index.vue
new file mode 100644
index 0000000..e4d9e4a
--- /dev/null
+++ b/src/pages/service/index.vue
@@ -0,0 +1,93 @@
+<template>
+  <div class="flex h-dvh flex-col overflow-hidden bg-linear-[180deg,#E8FFF1_0%,#F5F7FA_186px]">
+    <TopNavBar title="呼叫服务" />
+
+    <div class="min-h-0 flex-1 overflow-y-auto scrollbar-none [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden">
+      <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
+        <CustomEmpty v-if="showEmpty" emptyIcon="https://oss.nianxx.cn/mp/static/version_101/order/service_empty.png"
+          statusText="您暂无呼叫服务" />
+
+        <van-list v-else v-model:loading="loading" v-model:error="listError" :finished="finished"
+          :immediate-check="false" finished-text="没有更多了" error-text="加载失败，点击重试" @load="onLoad">
+          <OrderCard v-for="(item, index) in dataList" :key="item.id || index" :orderData="item" />
+        </van-list>
+      </van-pull-refresh>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed, onMounted, ref } from "vue";
+import { userWorkOrderList } from "@/api/workOrder";
+import TopNavBar from "@/components/TopNavBar/index.vue";
+import CustomEmpty from "@/components/CustomEmpty/index.vue";
+import OrderCard from "./components/OrderCard/index.vue";
+
+const PAGE_SIZE = 10;
+const dataList = ref([]);
+const currentPage = ref(1);
+const loading = ref(false);
+const finished = ref(false);
+const refreshing = ref(false);
+const listError = ref(false);
+
+const showEmpty = computed(() => {
+  return !loading.value && !refreshing.value && finished.value && dataList.value.length === 0;
+});
+
+const finishLoading = () => {
+  loading.value = false;
+  refreshing.value = false;
+};
+
+const queryList = async (pageNum = currentPage.value, pageSize = PAGE_SIZE) => {
+  try {
+    const res = await userWorkOrderList({ pageNum, pageSize });
+    console.log("API响应:", res);
+
+    const records = Array.isArray(res?.data?.records) ? res.data.records : [];
+    const total = Number(res?.data?.total ?? 0);
+    const hasTotal = Number.isFinite(total) && total > 0;
+
+    if (pageNum === 1) {
+      dataList.value = records;
+    } else {
+      dataList.value = [...dataList.value, ...records];
+    }
+
+    finished.value =
+      records.length < pageSize || (hasTotal && dataList.value.length >= total);
+    if (!finished.value) {
+      currentPage.value = pageNum + 1;
+    }
+    listError.value = false;
+  } catch (error) {
+    console.error("查询列表失败:", error);
+    listError.value = true;
+  } finally {
+    finishLoading();
+  }
+};
+
+const reloadList = () => {
+  currentPage.value = 1;
+  finished.value = false;
+  listError.value = false;
+  loading.value = true;
+  queryList(1);
+};
+
+const onLoad = () => {
+  queryList();
+};
+
+const onRefresh = () => {
+  reloadList();
+};
+
+onMounted(() => {
+  reloadList();
+});
+</script>
+
+<style scoped lang="scss"></style>
diff --git a/src/pages/service/order/index.vue b/src/pages/service/order/index.vue
deleted file mode 100644
index 6cff266..0000000
--- a/src/pages/service/order/index.vue
+++ /dev/null
@@ -1,54 +0,0 @@
-<template>
-  <z-paging :bg-color="'linear-gradient(180deg, ' +
-    $theme -
-    color -
-    100 +
-    ' 0%, #F5F7FA 100%) 0 86px / 100% 100px no-repeat'
-    " ref="paging" v-model="dataList" use-virtual-list :force-close-inner-list="true" cell-height-mode="dynamic"
-    safe-area-inset-bottom @query="queryList">
-    <template #top>
-      <TopNavBar title="呼叫服务" />
-    </template>
-
-    <template #empty>
-      <CustomEmpty emptyIcon="https://oss.nianxx.cn/mp/static/version_101/order/service_empty.png"
-        statusspan="您暂无呼叫服务" />
-    </template>
-
-    <OrderCard v-for="(item, index) in dataList" :key="item.id || index" :orderData="item" />
-  </z-paging>
-</template>
-
-<script setup>
-import { ref } from "vue";
-import TopNavBar from "@/components/TopNavBar/index.vue";
-import CustomEmpty from "@/components/CustomEmpty/index.vue";
-import OrderCard from "./components/OrderCard/index.vue";
-import { userWorkOrderList } from "@/api/workOrder";
-
-const dataList = ref([]);
-const paging = ref(null);
-
-const queryList = async (pageNum, pageSize) => {
-  try {
-    const res = await userWorkOrderList({ pageNum, pageSize });
-    console.log("API响应:", res);
-
-    if (res && res.data && res.data.records) {
-      const records = res.data.records;
-
-      // 完成数据加载，第二个参数表示是否还有更多数据
-      paging.value.complete(records);
-    } else {
-      // 没有数据
-      paging.value.complete([]);
-    }
-  } catch (error) {
-    console.error("查询列表失败:", error);
-    // 加载失败
-    paging.value.complete(false);
-  }
-};
-</script>
-
-<style scoped lang="scss"></style>
diff --git a/src/router/index.ts b/src/router/index.ts
index 0fff373..4947c86 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -40,17 +40,17 @@ export const routes = [
   {
     path: "/order",
     name: "orderList",
-    component: () => import("@/pages/order/order/list.vue"),
+    component: () => import("@/pages/order/list.vue"),
   },
   {
     path: "/order/detail",
     name: "order_detail",
-    component: () => import("@/pages/order/order/detail.vue"),
+    component: () => import("@/pages/order/detail.vue"),
   },
   {
-    path: "/service/order",
-    name: "service_order",
-    component: () => import("@/pages/service/order/index.vue"),
+    path: "/service",
+    name: "service",
+    component: () => import("@/pages/service/index.vue"),
   },
 ] satisfies RouteRecordRaw[];