gtsoft/gtsoft-snail-job-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(1.4.0-beta2): 搜索框新增折叠功能

Browse Source
This commit is contained in:
xlsea 2025-03-03 13:34:01 +08:00
parent 7c19fb8769
commit 855d8f22e2
3 changed files with 32 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,7 +1,7 @@
{ {
"name": "snail-job", "name": "snail-job",
"type": "module", "type": "module",
"version": "1.3.0-beta1", "version": "1.4.0-beta2",
"description": "A flexible, reliable, and fast platform for distributed task retry and distributed task scheduling.", "description": "A flexible, reliable, and fast platform for distributed task retry and distributed task scheduling.",
"license": "Apache-2.0", "license": "Apache-2.0",
"homepage": "https://gitee.com/aizuda/snail-job", "homepage": "https://gitee.com/aizuda/snail-job",

52
src/components/common/search-form.vue
View File

@ -60,28 +60,36 @@ onMounted(() => {
<template> <template>
<NCard :title="title" :bordered="false" size="small" class="card-wrapper"> <NCard :title="title" :bordered="false" size="small" class="card-wrapper">
<NForm ref="formRef" :model="model" label-placement="left" :label-width="80" :show-feedback="appStore.isMobile"> <NCollapse :default-expanded-names="String(route.name)">
<NGrid responsive="screen" cols="24" item-responsive :y-gap="12"> <NCollapseItem :title="$t('common.search')" :name="String(route.name)">
<slot></slot> <NForm ref="formRef" :model="model" label-placement="left" :label-width="80" :show-feedback="appStore.isMobile">
<NFormItemGi :y-gap="8" :span="btnSpan" class="pr-24px lg:p-t-0 md:p-t-16px"> <NGrid responsive="screen" cols="24" item-responsive :y-gap="12">
<NSpace class="min-w-172px w-full" justify="end"> <slot></slot>
<NButton @click="reset"> <NFormItemGi :y-gap="8" :span="btnSpan" class="pr-24px lg:p-t-0 md:p-t-16px">
<template #icon> <NSpace class="min-w-172px w-full" justify="end">
<icon-ic-round-refresh class="text-icon" /> <NButton @click="reset">
</template> <template #icon>
{{ $t('common.reset') }} <icon-ic-round-refresh class="text-icon" />
</NButton> </template>
<NButton type="primary" ghost @click="search"> {{ $t('common.reset') }}
<template #icon> </NButton>
<icon-ic-round-search class="text-icon" /> <NButton type="primary" ghost @click="search">
</template> <template #icon>
{{ $t('common.search') }} <icon-ic-round-search class="text-icon" />
</NButton> </template>
</NSpace> {{ $t('common.search') }}
</NFormItemGi> </NButton>
</NGrid> </NSpace>
</NForm> </NFormItemGi>
</NGrid>
</NForm>
</NCollapseItem>
</NCollapse>
</NCard> </NCard>
</template> </template>
<style scoped></style> <style scoped>
:deep(.n-collapse-item__content-inner) {
padding-top: 12px !important;
}
</style>

2
src/views/job/batch/index.vue
View File

@ -27,7 +27,7 @@ const { bool: detailVisible, setTrue: openDetail } = useBoolean(false);
const { bool: detailLog, setBool: setDetailLog } = useBoolean(false); const { bool: detailLog, setBool: setDetailLog } = useBoolean(false);
const jobName = history.state.jobName; const jobName = history.state.jobName;
const jobId = history.state.jobId; const jobId = history.state.jobId;
const taskBatchStatus = [history.state.taskBatchStatus]; const taskBatchStatus = history.state.taskBatchStatus ? [history.state.taskBatchStatus] : [];
const { columnChecks, columns, data, getData, loading, mobilePagination, searchParams, resetSearchParams } = useTable({ const { columnChecks, columns, data, getData, loading, mobilePagination, searchParams, resetSearchParams } = useTable({
apiFn: fetchGetJobBatchList, apiFn: fetchGetJobBatchList,