From e6a5d91b5e3cda5eab69927abf056a2f2130002b Mon Sep 17 00:00:00 2001
From: zhongzm <zhongzm@agt.com>
Date: Fri, 14 Feb 2025 17:28:27 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E4=BB=BB=E5=8A=A1=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E7=95=8C=E9=9D=A2=E6=90=9C=E7=B4=A2=E6=A0=8F=E9=87=8D?=
 =?UTF-8?q?=E7=BD=AE=E5=8A=9F=E8=83=BD=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/manage/task/index.vue               | 18 ++++++++++++++++--
 src/views/manage/task/modules/task-search.vue | 19 +++++++++++++------
 2 files changed, 29 insertions(+), 8 deletions(-)

diff --git a/src/views/manage/task/index.vue b/src/views/manage/task/index.vue
index c0e8dcd..c771dff 100644
--- a/src/views/manage/task/index.vue
+++ b/src/views/manage/task/index.vue
@@ -104,7 +104,7 @@ const scrollConfig = computed(() => {
   };
 });
 
-const { columns, data, loading, getData, mobilePagination, searchParams, resetSearchParams } = useTable({
+const { columns, data, loading, getData, mobilePagination, searchParams } = useTable({
   apiFn: doGetjobList,
   apiParams: {
     pageNum: 1,
@@ -427,6 +427,20 @@ onMounted(() => {
   });
 
 })
+const handleReset = () => {
+  // 保存当前的 pageSize
+  const currentPageSize = searchParams.pageSize;
+
+  // 重置搜索参数
+  searchParams.jobName = '';
+  searchParams.jobGroup = '';
+  searchParams.status = '';
+  searchParams.pageNum = 1;
+  searchParams.pageSize = currentPageSize;
+
+  // 重新获取数据
+  getData();
+};
 
 </script>
 
@@ -469,7 +483,7 @@ onMounted(() => {
               <AFormItem class="m-0">
                 <div class="w-full flex-y-center justify-end gap-8px">
                   <a-space :size="8">
-                    <a-button @click="resetSearchParams">
+                    <a-button @click="handleReset">
                       <template #icon>
                         <SyncOutlined />
                       </template>
diff --git a/src/views/manage/task/modules/task-search.vue b/src/views/manage/task/modules/task-search.vue
index 8dbff97..c66fb5c 100644
--- a/src/views/manage/task/modules/task-search.vue
+++ b/src/views/manage/task/modules/task-search.vue
@@ -2,6 +2,7 @@
 import { $t } from '@/locales';
 import { enableStatusOptions } from '@/constants/business';
 import { SyncOutlined, SearchOutlined } from '@ant-design/icons-vue';
+import { computed } from 'vue';
 
 defineOptions({
   name: 'logSearch'
@@ -20,6 +21,12 @@ const emit = defineEmits<Emits>();
 
 const model = defineModel<any>('model', { required: true });
 
+// 使用计算属性来处理双向绑定
+const formModel = computed({
+  get: () => model.value,
+  set: (val) => model.value = val
+});
+
 /**记录开始结束时间 */
 let queryRangePicker = ref<[string, string]>(['', '']);
 
@@ -53,24 +60,24 @@ function search() {
 
 <template>
   <ACard :title="$t('common.search')" :bordered="false" class="card-wrapper">
-    <AForm :model="model"  :label-width="80">
+    <AForm :model="formModel" :label-width="80">
       <ARow :gutter="[16, 16]" wrap>
         <ACol :lg="6" :md="12" :xs="24">
-          <AFormItem  label="Name" name="operIp" class="m-0">
-            <AInput v-model:value="model.operIp" />
+          <AFormItem label="Name" name="jobName" class="m-0">
+            <AInput v-model:value="formModel.jobName" />
           </AFormItem>
         </ACol>
 
         <ACol :lg="6" :md="12" :xs="24">
-          <AFormItem label="Group" name="title" class="m-0">
-            <AInput v-model:value="model.title" />
+          <AFormItem label="Group" name="jobGroup" class="m-0">
+            <AInput v-model:value="formModel.jobGroup"  />
           </AFormItem>
         </ACol>
 
 
         <ACol :lg="6" :md="12" :xs="24">
           <AFormItem :label="$t('page.manage.user.status')" name="status" class="m-0">
-            <ASelect v-model:value="model.status" :placeholder="$t('page.manage.user.form.status')" allow-clear>
+            <ASelect v-model:value="formModel.status" :placeholder="$t('page.manage.user.form.status')" allow-clear>
               <ASelectOption v-for="option in enableStatusOptions" :key="option.value" :value="option.value">
                 {{ $t(option.label) }}
               </ASelectOption>