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

style(sj_1.1.0_beta1): 优化搜索框样式

Browse Source
This commit is contained in:
xlsea 2024-06-18 17:41:42 +08:00
parent 9109681009
commit f94990614c
3 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -41,15 +41,16 @@ async function search() {
} }
const btnSpan = computed(() => { const btnSpan = computed(() => {
const keyNum = Object.keys(props.model).length - 2; const keyNum = Object.keys(props.model).length - 1;
return props.btnSpan || `24 m:12 m:${(4 - (keyNum % 4)) * 6}`;
return props.btnSpan || keyNum % 4 !== 0 ? `24 m:12 m:${(4 - ((keyNum - 1) % 4)) * 6}` : '24';
}); });
</script> </script>
<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 :y-gap="8"> <NGrid responsive="screen" item-responsive :y-gap="12">
<slot></slot> <slot></slot>
<NFormItemGi :y-gap="8" :span="btnSpan" class="pr-24px lg:p-t-0 md:p-t-16px"> <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"> <NSpace class="min-w-172px w-full" justify="end">

2
src/plugins/loading.ts
View File

@ -18,7 +18,7 @@ export function setupLoading() {
'right-0 bottom-0 animate-delay-1500' 'right-0 bottom-0 animate-delay-1500'
]; ];
const logoWithClass = systemLogo.replace('<svg', `<svg class="size-158px text-primary"`); const logoWithClass = systemLogo.replace('<svg', `<svg class="size-158px fill-primary"`);
const dot = loadingClasses const dot = loadingClasses
.map(item => { .map(item => {

2
src/views/workflow/batch/modules/workflow-batch-search.vue
View File

@ -38,7 +38,7 @@ groupNameUpdate('');
</script> </script>
<template> <template>
<SearchForm :model="model" @search="search" @reset="reset"> <SearchForm btn-span="24 s:24 m:9 l:12 xl:15" :model="model" @search="search" @reset="reset">
<NFormItemGi span="24 s:12 m:6" :label="$t('page.workflowBatch.groupName')" path="groupName" class="pr-24px"> <NFormItemGi span="24 s:12 m:6" :label="$t('page.workflowBatch.groupName')" path="groupName" class="pr-24px">
<SelectGroup v-model:value="model.groupName" @update:value="groupNameUpdate" /> <SelectGroup v-model:value="model.groupName" @update:value="groupNameUpdate" />
</NFormItemGi> </NFormItemGi>