refactor: 将移动文件按钮移至开始扫描按钮旁,文案改为存放目录

This commit is contained in:
2025-08-18 21:11:47 +08:00
parent 367240133f
commit 75593d4a86
+8 -23
View File
@@ -57,7 +57,14 @@
icon="el-icon-video-play" icon="el-icon-video-play"
:loading="starting" :loading="starting"
@click="handleStart">开始扫描</el-button> @click="handleStart">开始扫描</el-button>
<div v-else class="running-hint"> <el-button
v-if="status.state === 'done'"
type="warning"
size="medium"
icon="el-icon-s-promotion"
:loading="moving"
@click="handleMove">移动文件到存放目录</el-button>
<div v-else-if="status.state === 'running'" class="running-hint">
<span> <span>
<i class="el-icon-loading"></i> <i class="el-icon-loading"></i>
<template v-if="status.stage === 'move'"> <template v-if="status.stage === 'move'">
@@ -83,15 +90,6 @@
</div> </div>
</div> </div>
<div v-if="status.state === 'done'" class="move-actions">
<el-button
type="warning"
size="medium"
icon="el-icon-s-promotion"
:loading="moving"
@click="handleMove">移动文件到分类目录</el-button>
<span class="move-hint">根据扫描归类结果,将文件移动到「存放目录」下的分类子目录</span>
</div>
<el-alert <el-alert
v-if="status.state === 'cancelled'" v-if="status.state === 'cancelled'"
@@ -628,23 +626,10 @@ export default {
} }
.scan-actions { .scan-actions {
margin-bottom: 20px;
}
.move-actions {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 12px; gap: 12px;
margin-bottom: 20px; margin-bottom: 20px;
padding: 12px 16px;
background: #fffbe6;
border: 1px solid #ffe58f;
border-radius: 8px;
}
.move-hint {
color: #8c6900;
font-size: 13px;
} }
.running-hint { .running-hint {