From 5fd238c4291fd1160aba2c7f671906315e5bfbb4 Mon Sep 17 00:00:00 2001
From: ssongliu <73214554+ssongliu@users.noreply.github.com>
Date: Tue, 10 Oct 2023 15:48:28 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=BC=93=E5=AD=98=E6=B8=85=E7=90=86?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4=20(#2485)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/setting/panel/clean/index.vue   | 190 +++++++++---------
 1 file changed, 96 insertions(+), 94 deletions(-)

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