fix: 缓存清理样式调整 (#2485)

This commit is contained in:
ssongliu 2023-10-10 15:48:28 +08:00 committed by GitHub
parent 945f67677f
commit 5fd238c429
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -127,100 +127,102 @@
</el-button> </el-button>
</div> </div>
</div> </div>
<el-collapse class="mt-12" v-model="activeNames"> <el-scrollbar class="mt-4" max-height="calc(100vh - 235px)">
<el-collapse-item :title="$t('clean.system')" name="system"> <el-collapse v-model="activeNames">
<el-tree <el-collapse-item :title="$t('clean.system')" name="system">
ref="systemRef" <el-tree
:data="cleanData.systemClean" ref="systemRef"
node-key="id" :data="cleanData.systemClean"
:default-checked-keys="systemDefaultCheck" node-key="id"
show-checkbox :default-checked-keys="systemDefaultCheck"
:props="defaultProps" show-checkbox
@check-change="onChange" :props="defaultProps"
> @check-change="onChange"
<template #default="{ node, data }"> >
<div class="float-left"> <template #default="{ node, data }">
<span>{{ load18n(data.label) }}</span> <div class="float-left">
</div> <span>{{ load18n(data.label) }}</span>
<div class="ml-4 float-left"> </div>
<span v-if="data.size">{{ computeSize(data.size) }}</span> <div class="ml-4 float-left">
</div> <span v-if="data.size">{{ computeSize(data.size) }}</span>
<div class="ml-4 float-left"> </div>
<span>{{ loadTag(node, data) }}</span> <div class="ml-4 float-left">
</div> <span>{{ loadTag(node, data) }}</span>
</template> </div>
</el-tree> </template>
</el-collapse-item> </el-tree>
<el-collapse-item :title="$t('clean.upload')" name="upload"> </el-collapse-item>
<el-tree <el-collapse-item :title="$t('clean.upload')" name="upload">
ref="uploadRef" <el-tree
:data="cleanData.uploadClean" ref="uploadRef"
node-key="id" :data="cleanData.uploadClean"
:default-checked-keys="uploadDefaultCheck" node-key="id"
show-checkbox :default-checked-keys="uploadDefaultCheck"
:props="defaultProps" show-checkbox
@check-change="onChange" :props="defaultProps"
> @check-change="onChange"
<template #default="{ node, data }"> >
<div class="float-left"> <template #default="{ node, data }">
<span>{{ load18n(data.label) }}</span> <div class="float-left">
</div> <span>{{ load18n(data.label) }}</span>
<div class="ml-4 float-left"> </div>
<span v-if="data.size">{{ computeSize(data.size) }}</span> <div class="ml-4 float-left">
</div> <span v-if="data.size">{{ computeSize(data.size) }}</span>
<div class="ml-4 float-left"> </div>
<span>{{ loadTag(node, data) }}</span> <div class="ml-4 float-left">
</div> <span>{{ loadTag(node, data) }}</span>
</template> </div>
</el-tree> </template>
</el-collapse-item> </el-tree>
<el-collapse-item :title="$t('clean.download')" name="download"> </el-collapse-item>
<el-tree <el-collapse-item :title="$t('clean.download')" name="download">
ref="downloadRef" <el-tree
:data="cleanData.downloadClean" ref="downloadRef"
node-key="id" :data="cleanData.downloadClean"
:default-checked-keys="downloadDefaultCheck" node-key="id"
show-checkbox :default-checked-keys="downloadDefaultCheck"
:props="defaultProps" show-checkbox
@check-change="onChange" :props="defaultProps"
> @check-change="onChange"
<template #default="{ node, data }"> >
<div class="float-left"> <template #default="{ node, data }">
<span>{{ load18n(data.label) }}</span> <div class="float-left">
</div> <span>{{ load18n(data.label) }}</span>
<div class="ml-4 float-left"> </div>
<span v-if="data.size">{{ computeSize(data.size) }}</span> <div class="ml-4 float-left">
</div> <span v-if="data.size">{{ computeSize(data.size) }}</span>
<div class="ml-4 float-left"> </div>
<span>{{ loadTag(node, data) }}</span> <div class="ml-4 float-left">
</div> <span>{{ loadTag(node, data) }}</span>
</template> </div>
</el-tree> </template>
</el-collapse-item> </el-tree>
<el-collapse-item :title="$t('clean.systemLog')" name="system_log"> </el-collapse-item>
<el-tree <el-collapse-item :title="$t('clean.systemLog')" name="system_log">
ref="systemLogRef" <el-tree
:data="cleanData.systemLogClean" ref="systemLogRef"
node-key="id" :data="cleanData.systemLogClean"
:default-checked-keys="systemLogDefaultCheck" node-key="id"
show-checkbox :default-checked-keys="systemLogDefaultCheck"
:props="defaultProps" show-checkbox
@check-change="onChange" :props="defaultProps"
> @check-change="onChange"
<template #default="{ node, data }"> >
<div class="float-left"> <template #default="{ node, data }">
<span>{{ load18n(data.label) }}</span> <div class="float-left">
</div> <span>{{ load18n(data.label) }}</span>
<div class="ml-4 float-left"> </div>
<span v-if="data.size">{{ computeSize(data.size) }}</span> <div class="ml-4 float-left">
</div> <span v-if="data.size">{{ computeSize(data.size) }}</span>
<div class="ml-4 float-left"> </div>
<span>{{ loadTag(node, data) }}</span> <div class="ml-4 float-left">
</div> <span>{{ loadTag(node, data) }}</span>
</template> </div>
</el-tree> </template>
</el-collapse-item> </el-tree>
</el-collapse> </el-collapse-item>
</el-collapse>
</el-scrollbar>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>