fix(订单页面): 调整状态标签内边距并修复状态文本

修复状态筛选标签的内边距不一致问题，并将"待完成"状态文本改为"待支付"
切换视图模式时重置状态筛选标签到全部

@@ -65,7 +65,7 @@
 /* 状态筛选标签 */
 .status-tabs {
   background: white;
-  padding: 20rpx 32rpx; /* 增加内边距 */
+  padding: 20rpx 35rpx; /* 增加内边距 */
   border-bottom: 1rpx solid #e5e7eb;
   display: flex;
 }
@@ -588,10 +588,6 @@
     font-size: 30rpx; /* 保持较大字体 */
   }
 
-  .status-tabs {
-    padding: 18rpx 24rpx;
-  }
-
   .order-card {
     padding: 24rpx;
   }

 <!--
  * @Date: 2022-09-19 14:11:06
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-07-03 17:41:46
+ * @LastEditTime: 2025-07-03 21:14:00
  * @FilePath: /jgdl/src/pages/myOrders/index.vue
  * @Description: 订单管理页面
 -->
@@ -498,6 +498,8 @@ const filteredOrders = computed(() => {
  */
 const setViewMode = (mode) => {
   viewMode.value = mode
+  // 重置状态筛选标签到全部
+  activeTab.value = 'all'
   resetListState()
   // 重置加载更多的状态
   hasMore.value = true
@@ -678,7 +680,7 @@ const loadMore = () => {
 const getStatusText = (status) => {
   switch (status) {
     case 'pending':
-      return '待完成'
+      return '待支付'
     case 'completed':
       return '已完成'
     case 'cancelled':