fix: 增加SearchForm多行y间距

This commit is contained in:
dhb52 2024-04-25 16:23:07 +08:00
parent a700a7b681
commit af2e9ae12a
2 changed files with 7 additions and 7 deletions

View File

@ -41,7 +41,7 @@ async function search() {
<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"> <NForm ref="formRef" :model="model" label-placement="left" :label-width="80" :show-feedback="appStore.isMobile">
<NGrid responsive="screen" item-responsive> <NGrid responsive="screen" item-responsive :y-gap="5">
<slot></slot> <slot></slot>
<NFormItemGi :y-gap="8" span="24 m:12 m:6" class="pr-24px lg:p-t-0 md:p-t-16px"> <NFormItemGi :y-gap="8" span="24 m:12 m:6" class="pr-24px lg:p-t-0 md:p-t-16px">
<NSpace class="min-w-172px w-full" justify="end"> <NSpace class="min-w-172px w-full" justify="end">

View File

@ -53,10 +53,10 @@ onMounted(() => {
<template> <template>
<SearchForm :model="model" @search="search" @reset="reset"> <SearchForm :model="model" @search="search" @reset="reset">
<NFormItemGi span="24 s:12 m:6" :label="$t('page.retryTask.uniqueId')" path="uniqueId" class="py-1 pr-24px"> <NFormItemGi span="24 s:12 m:6" :label="$t('page.retryTask.uniqueId')" path="uniqueId" class="pr-24px">
<NInput v-model:value="model.uniqueId" :placeholder="$t('page.retryTask.form.uniqueId')" /> <NInput v-model:value="model.uniqueId" :placeholder="$t('page.retryTask.form.uniqueId')" />
</NFormItemGi> </NFormItemGi>
<NFormItemGi span="24 s:12 m:6" :label="$t('page.retryTask.groupName')" path="groupName" class="py-1 pr-24px"> <NFormItemGi span="24 s:12 m:6" :label="$t('page.retryTask.groupName')" path="groupName" class="pr-24px">
<NSelect <NSelect
v-model:value="model.groupName" v-model:value="model.groupName"
:placeholder="$t('page.retryTask.form.groupName')" :placeholder="$t('page.retryTask.form.groupName')"
@ -66,7 +66,7 @@ onMounted(() => {
@update:value="handleGroupNameUpdate" @update:value="handleGroupNameUpdate"
/> />
</NFormItemGi> </NFormItemGi>
<NFormItemGi span="24 s:12 m:6" :label="$t('page.retryTask.sceneName')" path="sceneName" class="py-1 pr-24px"> <NFormItemGi span="24 s:12 m:6" :label="$t('page.retryTask.sceneName')" path="sceneName" class="pr-24px">
<NSelect <NSelect
v-model:value="model.sceneName" v-model:value="model.sceneName"
:placeholder="$t('page.retryTask.form.sceneName')" :placeholder="$t('page.retryTask.form.sceneName')"
@ -74,13 +74,13 @@ onMounted(() => {
clearable clearable
/> />
</NFormItemGi> </NFormItemGi>
<NFormItemGi span="24 s:12 m:6" :label="$t('page.retryTask.idempotentId')" path="idempotentId" class="py-1 pr-24px"> <NFormItemGi span="24 s:12 m:6" :label="$t('page.retryTask.idempotentId')" path="idempotentId" class="pr-24px">
<NInput v-model:value="model.idempotentId" :placeholder="$t('page.retryTask.form.idempotentId')" /> <NInput v-model:value="model.idempotentId" :placeholder="$t('page.retryTask.form.idempotentId')" />
</NFormItemGi> </NFormItemGi>
<NFormItemGi span="24 s:12 m:6" :label="$t('page.retryTask.bizNo')" path="bizNo" class="py-1 pr-24px"> <NFormItemGi span="24 s:12 m:6" :label="$t('page.retryTask.bizNo')" path="bizNo" class="pr-24px">
<NInput v-model:value="model.bizNo" :placeholder="$t('page.retryTask.form.bizNo')" /> <NInput v-model:value="model.bizNo" :placeholder="$t('page.retryTask.form.bizNo')" />
</NFormItemGi> </NFormItemGi>
<NFormItemGi span="24 s:12 m:6" :label="$t('page.retryTask.retryStatus')" path="retryStatus" class="py-1 pr-24px"> <NFormItemGi span="24 s:12 m:6" :label="$t('page.retryTask.retryStatus')" path="retryStatus" class="pr-24px">
<NSelect <NSelect
v-model:value="model.retryStatus" v-model:value="model.retryStatus"
:placeholder="$t('page.retryTask.form.retryStatus')" :placeholder="$t('page.retryTask.form.retryStatus')"