筛选增加订单状态选项

src/views/taobao/orders.vue

@@ -4,15 +4,26 @@
         <a-card class="general-card" :title="$t('menu.taobao.orders')">
             <a-row>
                 <a-col :flex="1">
-                    <a-form :model="formModel" :label-col-props="{ span: 6 }" :wrapper-col-props="{ span: 18 }"
+                    <a-form :model="formModel" :label-col-props="{ span: 8 }" :wrapper-col-props="{ span: 16 }"
                         label-align="left">
-                        <a-row :gutter="16">
-                            <a-col :span="8">
+                        <a-row :gutter="18">
+                            <a-col :span="6">
                                 <a-form-item field="name" label="账号名">
                                     <selectAccount v-model="formModel.keyword" @change="changeCompany" />
                                 </a-form-item>
                             </a-col>
-                            <a-col :span="8">
+                            <a-col :span="6">
+                                <a-form-item field="tkStatus" label="订单状态">
+                                    <a-select :model="formModel.tkStatus" @change="changeStatus">
+                                        <a-option :value="0">所有状态</a-option>
+                                        <a-option :value="3">已结算</a-option>
+                                        <a-option :value="12">已付款</a-option>
+                                        <a-option :value="13">已失效</a-option>
+                                        <a-option :value="14">已收货</a-option>
+                                    </a-select>
+                                </a-form-item>
+                            </a-col>
+                            <a-col :span="6">
                                 <a-form-item field="query_date" :label="$t('searchTable.form.order_date')">
                                     <a-range-picker v-model="formModel.query_date" style="width: 100%"
                                         @change="changeDate" />
@@ -191,6 +202,7 @@ type Column = TableColumnData & { checked?: true };
 const generateFormModel = () => {
     return {
         keyword: '',
+        tkStatus: 0,
         query_date: [],
         current: 1,
         pageSize: 20,
@@ -355,6 +367,18 @@ const changeCompany = (value: any) => {
         ...formModel.value,
     } as unknown as TkOrdersParams);
 };
+const changeStatus = (value: any) => {
+    const reset = () => {
+        formModel.value = generateFormModel();
+    };
+    console.log(value)
+    formModel.value.tkStatus = value
+
+    fetchData({
+        ...basePagination,
+        ...formModel.value,
+    } as unknown as TkOrdersParams);
+};
 
 const changeDate = (value: any) => {
     const reset = () => {