feat(1.4.0-beta2): 搜索框新增折叠功能
This commit is contained in:
parent
7c19fb8769
commit
855d8f22e2
@ -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",
|
||||
|
@ -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>
|
||||
|
@ -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,
|
||||
|
Loading…
Reference in New Issue
Block a user