feat(shop): 更新订单搜索组件和标签页配置

- 移除订单类型和付款状态下拉选择框
- 添加订单状态下拉选择框并配置相关选项
- 调整搜索区域布局和样式微调
- 重新排序标签页顺序将全部标签页移至首位
- 注释掉开发环境API地址配置

.env.development

@@ -1,5 +1,5 @@
 VITE_APP_NAME=后台管理(开发环境)
-VITE_API_URL=http://127.0.0.1:9200/api
+#VITE_API_URL=http://127.0.0.1:9200/api
 #VITE_SERVER_API_URL=http://127.0.0.1:8000/api
 
 

src/views/shop/shopOrder/components/search.vue

@@ -21,49 +21,49 @@
       @search="reload"
       @pressEnter="reload"
     />
-    <a-select
-      v-model:value="where.type"
-      style="width: 150px"
-      placeholder="订单类型"
-      @change="search"
-    >
-      <a-select-option value="">全部</a-select-option>
-      <a-select-option :value="1">普通订单</a-select-option>
-      <a-select-option :value="2">秒杀订单</a-select-option>
-      <a-select-option :value="3">拼团订单</a-select-option>
-    </a-select>
-    <a-select
-      v-model:value="where.payStatus"
-      style="width: 150px"
-      placeholder="付款状态"
-      @change="search"
-    >
-      <a-select-option value="">全部</a-select-option>
-      <a-select-option :value="1">已付款</a-select-option>
-      <a-select-option :value="0">未付款</a-select-option>
-    </a-select>
 <!--    <a-select-->
-    <!--      v-model:value="where.orderStatus"-->
+<!--      v-model:value="where.type"-->
 <!--      style="width: 150px"-->
-    <!--      placeholder="订单状态"-->
+<!--      placeholder="订单类型"-->
 <!--      @change="search"-->
 <!--    >-->
 <!--      <a-select-option value="">全部</a-select-option>-->
-    <!--      <a-select-option :value="1">已完成</a-select-option>-->
+<!--      <a-select-option :value="1">普通订单</a-select-option>-->
-    <!--      <a-select-option :value="0">未完成</a-select-option>-->
+<!--      <a-select-option :value="2">秒杀订单</a-select-option>-->
-    <!--      <a-select-option :value="2">未使用</a-select-option>-->
+<!--      <a-select-option :value="3">拼团订单</a-select-option>-->
-    <!--      <a-select-option :value="3">已取消</a-select-option>-->
+<!--    </a-select>-->
-    <!--      <a-select-option :value="4">退款中</a-select-option>-->
+<!--    <a-select-->
-    <!--      <a-select-option :value="5">退款被拒</a-select-option>-->
+<!--      v-model:value="where.payStatus"-->
-    <!--      <a-select-option :value="6">退款成功</a-select-option>-->
+<!--      style="width: 150px"-->
+<!--      placeholder="付款状态"-->
+<!--      @change="search"-->
+<!--    >-->
+<!--      <a-select-option value="">全部</a-select-option>-->
+<!--      <a-select-option :value="1">已付款</a-select-option>-->
+<!--      <a-select-option :value="0">未付款</a-select-option>-->
 <!--    </a-select>-->
     <a-select
-      :options="getPayType()"
+      v-model:value="where.orderStatus"
-      v-model:value="where.payType"
       style="width: 150px"
-      placeholder="付款方式"
+      placeholder="订单状态"
       @change="search"
-    />
+    >
+      <a-select-option value="">全部</a-select-option>
+      <a-select-option :value="1">已完成</a-select-option>
+<!--      <a-select-option :value="0">未完成</a-select-option>-->
+<!--      <a-select-option :value="2">未使用</a-select-option>-->
+      <a-select-option :value="3">已取消</a-select-option>
+      <a-select-option :value="4">退款中</a-select-option>
+      <a-select-option :value="5">退款被拒</a-select-option>
+      <a-select-option :value="6">退款成功</a-select-option>
+    </a-select>
+<!--    <a-select-->
+<!--      :options="getPayType()"-->
+<!--      v-model:value="where.payType"-->
+<!--      style="width: 150px"-->
+<!--      placeholder="付款方式"-->
+<!--      @change="search"-->
+<!--    />-->
 
     <a-range-picker
       v-model:value="dateRange"
@@ -255,11 +255,13 @@
       message.error(msg);
       loading.value = false;
     })
-      .finally(() => {});
+    .finally(() => {
+    });
 };
 
 watch(
   () => props.selection,
-    () => {}
+  () => {
+  }
 );
 </script>

src/views/shop/shopOrder/index.vue

@@ -11,13 +11,13 @@
     </a-card>
     <a-card :bordered="false" :body-style="{ padding: '16px' }">
       <a-tabs type="card" v-model:activeKey="activeKey" @change="onTabs">
+        <a-tab-pane key="all" tab="全部" />
         <a-tab-pane key="undelivered" tab="待发货" />
         <a-tab-pane key="unreceived" tab="待收货" />
         <a-tab-pane key="completed" tab="已完成" />
 <!--        <a-tab-pane key="unpaid" tab="待付款" />-->
         <a-tab-pane key="refunded" tab="退货/售后" />
         <a-tab-pane key="cancelled" tab="已关闭" />
-        <a-tab-pane key="all" tab="全部" />
       </a-tabs>
       <ele-pro-table
         ref="tableRef"