refactor: PageTable优化

mayfly_go_web/src/views/ops/machine/MachineList.vue

@@ -10,12 +10,6 @@
             v-model:selection-data="state.selectionData"
             :columns="columns"
         >
-            <template #tagPathSelect>
-                <el-select @focus="getTags" v-model="params.tagPath" placeholder="请选择标签" @clear="search" filterable clearable>
-                    <el-option v-for="item in tags" :key="item" :label="item" :value="item"> </el-option>
-                </el-select>
-            </template>
-
             <template #tableHeader>
                 <el-button v-auth="perms.addMachine" type="primary" icon="plus" @click="openFormDialog(false)" plain>添加 </el-button>
                 <el-button v-auth="perms.delMachine" :disabled="selectionData.length < 1" @click="deleteMachine()" type="danger" icon="delete">删除</el-button>
@@ -193,9 +187,9 @@ import PageTable from '@/components/pagetable/PageTable.vue';
 import { TableColumn } from '@/components/pagetable';
 import { hasPerms } from '@/components/auth/auth';
 import { formatByteSize } from '@/common/utils/format';
-import { tagApi } from '../tag/api';
 import { TagResourceTypeEnum } from '@/common/commonEnum';
 import { SearchItem } from '@/components/SearchForm';
+import { getTagPathSearchItem } from '../component/tag';
 
 // 组件
 const TerminalDialog = defineAsyncComponent(() => import('@/components/terminal/TerminalDialog.vue'));
@@ -219,7 +213,7 @@ const perms = {
     closeCli: 'machine:close-cli',
 };
 
-const searchItems = [SearchItem.slot('tagPath', '标签', 'tagPathSelect'), SearchItem.text('ip', 'IP'), SearchItem.text('name', '名称')];
+const searchItems = [getTagPathSearchItem(TagResourceTypeEnum.Machine.value), SearchItem.input('ip', 'IP'), SearchItem.input('name', '名称')];
 
 const columns = [
     TableColumn.new('name', '名称'),
@@ -237,7 +231,6 @@ const columns = [
 const actionBtns = hasPerms([perms.updateMachine, perms.closeCli]);
 
 const state = reactive({
-    tags: [] as any,
     params: {
         pageNum: 1,
         pageSize: 0,
@@ -283,8 +276,7 @@ const state = reactive({
     },
 });
 
-const { tags, params, infoDialog, selectionData, serviceDialog, processDialog, fileDialog, machineStatsDialog, machineEditDialog, machineRecDialog } =
-    toRefs(state);
+const { params, infoDialog, selectionData, serviceDialog, processDialog, fileDialog, machineStatsDialog, machineEditDialog, machineRecDialog } = toRefs(state);
 
 onMounted(async () => {});
 
@@ -357,10 +349,6 @@ const closeCli = async (row: any) => {
     search();
 };
 
-const getTags = async () => {
-    state.tags = await tagApi.getResourceTagPaths.request({ resourceType: TagResourceTypeEnum.Machine.value });
-};
-
 const openFormDialog = async (machine: any) => {
     let dialogTitle;
     if (machine) {

mayfly_go_web/src/views/ops/machine/authcert/AuthCertList.vue

@@ -40,7 +40,7 @@ const state = reactive({
         pageSize: 0,
         name: null,
     },
-    searchItems: [SearchItem.text('name', '凭证名称')],
+    searchItems: [SearchItem.input('name', '凭证名称')],
     columns: [
         TableColumn.new('name', '名称'),
         TableColumn.new('authMethod', '认证方式').typeTag(AuthMethodEnum),

mayfly_go_web/src/views/ops/machine/cronjob/CronJobExecList.vue

@@ -56,10 +56,7 @@ const props = defineProps({
 
 const emit = defineEmits(['update:visible', 'update:data', 'cancel']);
 
-const searchItems = [
-    SearchItem.slot('machineId', '机器', 'machineSelect'),
-    SearchItem.select('status', '状态').setOptions(Object.values(CronJobExecStatusEnum)),
-];
+const searchItems = [SearchItem.slot('machineId', '机器', 'machineSelect'), SearchItem.select('status', '状态').withEnum(CronJobExecStatusEnum)];
 
 const columns = ref([
     TableColumn.new('machineIp', '机器IP').setMinWidth(120),

mayfly_go_web/src/views/ops/machine/cronjob/CronJobList.vue

@@ -50,7 +50,7 @@ const perms = {
     delCronJob: 'machine:cronjob:del',
 };
 
-const searchItems = [SearchItem.text('name', '名称'), SearchItem.select('status', '状态').withEnum(CronJobStatusEnum)];
+const searchItems = [SearchItem.input('name', '名称'), SearchItem.select('status', '状态').withEnum(CronJobStatusEnum)];
 
 const columns = ref([
     TableColumn.new('key', 'key'),