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

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

View File

@ -1,7 +1,7 @@
{
"name": "snail-job",
"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.",
"license": "Apache-2.0",
"homepage": "https://gitee.com/aizuda/snail-job",

View File

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

View File

@ -27,7 +27,7 @@ const { bool: detailVisible, setTrue: openDetail } = useBoolean(false);
const { bool: detailLog, setBool: setDetailLog } = useBoolean(false);
const jobName = history.state.jobName;
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({
apiFn: fetchGetJobBatchList,