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 keyNum = Object.keys(props.model).length - 2;
return props.btnSpan || `24 m:12 m:${(4 - (keyNum % 4)) * 6}`;
const keyNum = Object.keys(props.model).length - 1;
return props.btnSpan || keyNum % 4 !== 0 ? `24 m:12 m:${(4 - ((keyNum - 1) % 4)) * 6}` : '24';
});
</script>
<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" item-responsive :y-gap="8">
<NGrid responsive="screen" 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">

2
src/plugins/loading.ts
View File

@ -18,7 +18,7 @@ export function setupLoading() {
'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
.map(item => {

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

@ -38,7 +38,7 @@ groupNameUpdate('');
</script>
<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">
<SelectGroup v-model:value="model.groupName" @update:value="groupNameUpdate" />
</NFormItemGi>