fix(FilterRuleGroupCard, TransferQueueDialog): 更新组件结构,替换 VCardText 为 VCardItem,优化显示效果

This commit is contained in:
jxxghp
2024-12-28 12:16:31 +08:00
parent bacd4d23a3
commit 3a8effd01f
2 changed files with 6 additions and 7 deletions
+3 -3
View File
@@ -224,8 +224,8 @@ function onClose() {
<VCard :title="`${props.group.name} - 配置`" class="rounded-t"> <VCard :title="`${props.group.name} - 配置`" class="rounded-t">
<DialogCloseBtn v-model="groupInfoDialog" /> <DialogCloseBtn v-model="groupInfoDialog" />
<VDivider /> <VDivider />
<VCardText> <VCardItem class="pt-1">
<VRow> <VRow class="mt-1">
<VCol cols="12" md="6"> <VCol cols="12" md="6">
<VTextField <VTextField
v-model="groupInfo.name" v-model="groupInfo.name"
@@ -257,7 +257,7 @@ function onClose() {
/> />
</VCol> </VCol>
</VRow> </VRow>
</VCardText> </VCardItem>
<VCardText> <VCardText>
<draggable <draggable
v-model="filterRuleCards" v-model="filterRuleCards"
@@ -3,7 +3,6 @@ import { formatFileSize } from '@/@core/utils/formatters'
import api from '@/api' import api from '@/api'
import { FileItem, TransferQueue } from '@/api/types' import { FileItem, TransferQueue } from '@/api/types'
import { useDisplay } from 'vuetify' import { useDisplay } from 'vuetify'
import { VChip, VDivider, VProgressLinear } from 'vuetify/lib/components/index.mjs'
// 显示器宽度 // 显示器宽度
const display = useDisplay() const display = useDisplay()
@@ -149,9 +148,9 @@ onUnmounted(() => {
color="primary" color="primary"
indeterminate indeterminate
/> />
<VCardText v-if="dataList.length > 0 && progressValue > 0" class="text-center"> <VCardItem v-if="dataList.length > 0 && progressValue > 0" class="text-center pt-2">
<span class="mt-2">{{ progressText }}</span> <span class="text-sm">{{ progressText }}</span>
</VCardText> </VCardItem>
<VCardText v-if="dataList.length === 0" class="text-center"> 没有正在整理的任务 </VCardText> <VCardText v-if="dataList.length === 0" class="text-center"> 没有正在整理的任务 </VCardText>
<VCardText> <VCardText>
<VTabs v-model="activeTab" show-arrows class="v-tabs-pill" stacked> <VTabs v-model="activeTab" show-arrows class="v-tabs-pill" stacked>