chickliu/quark-auto-save
1
0
Fork 0
mirror of https://github.com/Cp0204/quark-auto-save.git synced 2026-01-12 15:20:44 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

✨ 优化任务列表UI，默认折叠

Browse Source
This commit is contained in:
Cp0204 2024-08-08 00:58:15 +08:00
parent 6174915041
commit 24c2a23697
1 changed files with 72 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
app/templates/index.html
View File

@ -135,15 +135,18 @@
<div v-for="(task, index) in formData.tasklist" :key="index" class="task mb-3"> <div v-for="(task, index) in formData.tasklist" :key="index" class="task mb-3">
<template v-if="(taskDirSelected == '' || getParentDirectory(task.savepath) == taskDirSelected) && task.taskname.includes(taskNameFilter)"> <template v-if="(taskDirSelected == '' || getParentDirectory(task.savepath) == taskDirSelected) && task.taskname.includes(taskNameFilter)">
<hr> <hr>
<div class="form-group row"> <div class="form-group row" style="display:flex; align-items:center">
<div class="col"> <div class="col-9" data-toggle="collapse" :data-target="'#collapse_'+index" aria-expanded="true" :aria-controls="'collapse_'+index">
<h3>任务#<span v-html="index+1"></span></h3> <div class="btn btn-block text-left">
<i class="bi bi-caret-right-fill"></i> #<span v-html="`${index+1}: ${task.taskname}`"></span>
</div> </div>
<div class="col text-right"> </div>
<div class="col-3 text-right">
<button type="button" class="btn btn-outline-primary" @click="runScriptNow(index)" title="运行此任务"><i class="bi bi-play-fill"></i></button> <button type="button" class="btn btn-outline-primary" @click="runScriptNow(index)" title="运行此任务"><i class="bi bi-play-fill"></i></button>
<button type="button" class="btn btn-outline-danger" @click="removeTask(index)" title="删除此任务"><i class="bi bi-trash3-fill"></i></button> <button type="button" class="btn btn-outline-danger" @click="removeTask(index)" title="删除此任务"><i class="bi bi-trash3-fill"></i></button>
</div> </div>
</div> </div>
<div class="collapse" :id="'collapse_'+index" style="padding-left:2em">
<div class="alert alert-warning" role="alert" v-if="task.shareurl_ban" v-html="task.shareurl_ban"></div> <div class="alert alert-warning" role="alert" v-if="task.shareurl_ban" v-html="task.shareurl_ban"></div>
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-2 col-form-label">任务名称</label> <label class="col-sm-2 col-form-label">任务名称</label>
@ -221,6 +224,7 @@
<input type="number" name="emby_id[]" class="form-control" v-model="task.emby_id" placeholder="可选"> <input type="number" name="emby_id[]" class="form-control" v-model="task.emby_id" placeholder="可选">
</div> </div>
</div> </div>
</div>
</template> </template>
</div> </div>
<div class="row"> <div class="row">
@ -244,7 +248,7 @@
</div> </div>
</form> </form>
<!-- 模态框 --> <!-- 模态框 运行日志 -->
<div class="modal" tabindex="-1" id="logModal"> <div class="modal" tabindex="-1" id="logModal">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
@ -404,7 +408,9 @@
this.formData.tasklist.push(newTask); this.formData.tasklist.push(newTask);
// 滚到最下 // 滚到最下
setTimeout(() => { setTimeout(() => {
$('#collapse_' + (this.formData.tasklist.length - 1)).collapse('show').on('shown.bs.collapse', () => {
this.scrollToX(); this.scrollToX();
});
}, 1); }, 1);
}, },
removeTask(index) { removeTask(index) {