[Mod 0000]部署包历史页面form增加筛选条件

src/views/vent/packageUpload/components/DeployHistory.vue

@@ -1,6 +1,21 @@
 <template>
   <div class="deploy-history">
     <div class="search-bar">
+      <div class="search-item">
+        <span class="search-label">操作人：</span>
+        <a-input v-model:value="searchForm.createBy" placeholder="请输入操作人" allow-clear style="width: 150px" @keydown.enter="handleSearch" />
+      </div>
+      <div class="search-item">
+        <span class="search-label">部署包名称：</span>
+        <a-input v-model:value="searchForm.packName" placeholder="请输入部署包名称" allow-clear style="width: 200px" @keydown.enter="handleSearch" />
+      </div>
+      <div class="search-item">
+        <span class="search-label">部署类型：</span>
+        <a-select v-model:value="searchForm.packType" placeholder="请选择部署类型" allow-clear style="width: 150px">
+          <a-select-option value="jar">后端包</a-select-option>
+          <a-select-option value="page">前端包</a-select-option>
+        </a-select>
+      </div>
       <div class="search-item">
         <span class="search-label">时间范围：</span>
         <a-range-picker
@@ -35,6 +50,9 @@
   import { deployLogListApi } from '../package.api';
 
   const searchForm = reactive({
+    createBy: '',
+    packName: '',
+    packType: undefined as string | undefined,
     timeRange: null as any,
   });
 
@@ -89,6 +107,15 @@
     bordered: true,
     showIndexColumn: true,
     beforeFetch: (params) => {
+      if (searchForm.createBy) {
+        params.createBy = searchForm.createBy;
+      }
+      if (searchForm.packName) {
+        params.packName = searchForm.packName;
+      }
+      if (searchForm.packType) {
+        params.packType = searchForm.packType;
+      }
       if (searchForm.timeRange && searchForm.timeRange.length === 2) {
         params.startTime = dayjs(searchForm.timeRange[0]).format('YYYY-MM-DD HH:mm:ss');
         params.endTime = dayjs(searchForm.timeRange[1]).format('YYYY-MM-DD HH:mm:ss');
@@ -104,6 +131,9 @@
   }
 
   function handleReset() {
+    searchForm.createBy = '';
+    searchForm.packName = '';
+    searchForm.packType = undefined;
     searchForm.timeRange = null;
     reload();
   }
@@ -118,7 +148,7 @@
       border-radius: 4px;
       display: flex;
       align-items: center;
-      gap: 12px;
+      gap: 32px;
 
       .search-item {
         display: flex;