feat: 我的订单样式调整

src/pages-order/order/list.vue

@@ -1,5 +1,6 @@
 <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
@@ -9,15 +10,7 @@
     @query="queryList"
   >
     <template #top>
-      <TopNavBar titleAlign="left">
-        <template #title>
-          <Tabs
-            :tabs="tabList"
-            :defaultActive="currentTabIndex"
-            @change="handleTabChange"
-          />
-        </template>
-      </TopNavBar>
+      <TopNavBar title="全部订单" />
     </template>
 
     <template #empty>
@@ -36,35 +29,16 @@
 <script setup>
 import { ref } from "vue";
 import TopNavBar from "@/components/TopNavBar/index.vue";
-import Tabs from "./components/Tabs/index.vue";
 import OrderCard from "./components/OrderCard/index.vue";
 import CustomEmpty from "./components/CustomEmpty/index.vue";
-import { userOrderList, userWorkOrderList } from "@/request/api/OrderApi";
+import { userOrderList } from "@/request/api/OrderApi";
 
-// Tab配置
-const tabList = ref([
-  { label: "全部订单", value: "all" },
-  { label: "服务工单", value: "service" },
-]);
-
-// 当前状态
-const currentTabIndex = ref(0);
 const dataList = ref([]);
 const paging = ref(null);
 
 const queryList = async (pageNum, pageSize) => {
   try {
-    let apiCall;
-    // 根据当前Tab选择不同的API
-    if (currentTabIndex.value === 0) {
-      // 全部订单
-      apiCall = userOrderList({ pageNum, pageSize });
-    } else {
-      // 服务工单
-      apiCall = userWorkOrderList({ pageNum, pageSize });
-    }
-
-    const res = await apiCall;
+    const res = await userOrderList({ pageNum, pageSize });
     console.log("API响应:", res);
 
     if (res && res.data && res.data.records) {
@@ -83,15 +57,6 @@ const queryList = async (pageNum, pageSize) => {
   }
 };
 
-// Tab切换处理
-const handleTabChange = ({ index }) => {
-  console.log("Tab切换到:", index);
-  currentTabIndex.value = index;
-  // 清空当前数据并重新加载
-  dataList.value = [];
-  paging.value.reload();
-};
-
 // 处理订单点击
 const handleOrderClick = ({ orderId }) => {
   // 这里可以添加订单详情跳转逻辑