feat: 新增工单列表

src/pages-service/order/list.vue

@@ -0,0 +1,60 @@
+<template>
+  <z-paging
+    bg-color="linear-gradient(180deg, #D9EEFF 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 statusText="您暂无服务工单" />
+    </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 "@/request/api/OrderApi";
+
+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>