mirror of
https://github.com/Cp0204/quark-auto-save.git
synced 2026-01-12 07:10:44 +08:00
✨ 优化任务列表UI，默认折叠
This commit is contained in:
Cp0204
parent
6174915041
commit
24c2a23697
@ -135,90 +135,94 @@
|
|||||||
<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>
|
||||||
<div class="col text-right">
|
<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="alert alert-warning" role="alert" v-if="task.shareurl_ban" v-html="task.shareurl_ban"></div>
|
<div class="collapse" :id="'collapse_'+index" style="padding-left:2em">
|
||||||
<div class="form-group row">
|
<div class="alert alert-warning" role="alert" v-if="task.shareurl_ban" v-html="task.shareurl_ban"></div>
|
||||||
<label class="col-sm-2 col-form-label">任务名称</label>
|
<div class="form-group row">
|
||||||
<div class="col-sm-10">
|
<label class="col-sm-2 col-form-label">任务名称</label>
|
||||||
<div class="input-group">
|
<div class="col-sm-10">
|
||||||
<input type="text" name="taskname[]" class="form-control" v-model="task.taskname" placeholder="必填">
|
<div class="input-group">
|
||||||
<div class="input-group-append">
|
<input type="text" name="taskname[]" class="form-control" v-model="task.taskname" placeholder="必填">
|
||||||
<div class="input-group-text">
|
<div class="input-group-append">
|
||||||
<a target="_blank" :href="`https://www.google.com/search?q=%22pan.quark%22+${task.taskname}`"><i class="bi bi-search"></i></a>
|
<div class="input-group-text">
|
||||||
|
<a target="_blank" :href="`https://www.google.com/search?q=%22pan.quark%22+${task.taskname}`"><i class="bi bi-search"></i></a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</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>
|
<div class="col-sm-10">
|
||||||
<div class="col-sm-10">
|
<div class="input-group">
|
||||||
<div class="input-group">
|
<input type="text" name="shareurl[]" class="form-control" v-model="task.shareurl" placeholder="必填" @input="clearShareurlBan(task)">
|
||||||
<input type="text" name="shareurl[]" class="form-control" v-model="task.shareurl" placeholder="必填" @input="clearShareurlBan(task)">
|
<div class="input-group-append" v-if="task.shareurl">
|
||||||
<div class="input-group-append" v-if="task.shareurl">
|
<div class="input-group-text">
|
||||||
<div class="input-group-text">
|
<a target="_blank" :href="task.shareurl"><i class="bi bi-box-arrow-up-right"></i></a>
|
||||||
<a target="_blank" :href="task.shareurl"><i class="bi bi-box-arrow-up-right"></i></a>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</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>
|
<div class="col-sm-10">
|
||||||
<div class="col-sm-10">
|
<input type="text" name="savepath[]" class="form-control" v-model="task.savepath" placeholder="必填">
|
||||||
<input type="text" name="savepath[]" class="form-control" v-model="task.savepath" placeholder="必填">
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</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>
|
<div class="col-sm-10">
|
||||||
<div class="col-sm-10">
|
<div class="input-group">
|
||||||
<div class="input-group">
|
<input type="text" name="pattern[]" class="form-control" v-model="task.pattern" placeholder="匹配表达式" list="magicRegex">
|
||||||
<input type="text" name="pattern[]" class="form-control" v-model="task.pattern" placeholder="匹配表达式" list="magicRegex">
|
<datalist id="magicRegex">
|
||||||
<datalist id="magicRegex">
|
<option v-for="(value, key) in formData.magic_regex" :key="key" :value="`${key}`" v-html="`${value.pattern} → ${value.replace}`"></option>
|
||||||
<option v-for="(value, key) in formData.magic_regex" :key="key" :value="`${key}`" v-html="`${value.pattern} → ${value.replace}`"></option>
|
</datalist>
|
||||||
</datalist>
|
<input type="text" name="replace[]" class="form-control" v-model="task.replace" placeholder="替换表达式">
|
||||||
<input type="text" name="replace[]" class="form-control" v-model="task.replace" placeholder="替换表达式">
|
<div class="input-group-append">
|
||||||
<div class="input-group-append">
|
<div class="input-group-text">
|
||||||
<div class="input-group-text">
|
<input type="checkbox" title="忽略后缀" v-model="task.ignore_extension"> 忽略后缀
|
||||||
<input type="checkbox" title="忽略后缀" v-model="task.ignore_extension"> 忽略后缀
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</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>
|
<div class="col-sm-10">
|
||||||
<div class="col-sm-10">
|
<input type="text" name="update_subdir[]" class="form-control" v-model="task.update_subdir" placeholder="可选，需更新子目录的正则式，多项以|分割，如 4k|1080p ，注意！深层嵌套目录慎用 .* ！" title="注意！深层嵌套目录逐级索引，工作强度会非常大，慎用！">
|
||||||
<input type="text" name="update_subdir[]" class="form-control" v-model="task.update_subdir" placeholder="可选，需更新子目录的正则式，多项以|分割，如 4k|1080p ，注意！深层嵌套目录慎用 .* ！" title="注意！深层嵌套目录逐级索引，工作强度会非常大，慎用！">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="form-group row">
|
|
||||||
<label class="col-sm-2 col-form-label">截止日期</label>
|
|
||||||
<div class="col-sm-10">
|
|
||||||
<input type="date" name="enddate[]" class="form-control" v-model="task.enddate" placeholder="可选">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="form-group row">
|
|
||||||
<label class="col-sm-2 col-form-label">运行星期</label>
|
|
||||||
<div class="col-sm-10">
|
|
||||||
<div class="form-check form-check-inline" v-for="(day, index) in weekdays" :key="index">
|
|
||||||
<input class="form-check-input" type="checkbox" v-model="task.runweek" :value="index+1">
|
|
||||||
<label class="form-check-label" v-html="day"></label>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</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">Emby ID</label>
|
<div class="col-sm-10">
|
||||||
<div class="col-sm-10">
|
<input type="date" name="enddate[]" class="form-control" v-model="task.enddate" placeholder="可选">
|
||||||
<input type="number" name="emby_id[]" class="form-control" v-model="task.emby_id" placeholder="可选">
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group row">
|
||||||
|
<label class="col-sm-2 col-form-label">运行星期</label>
|
||||||
|
<div class="col-sm-10">
|
||||||
|
<div class="form-check form-check-inline" v-for="(day, index) in weekdays" :key="index">
|
||||||
|
<input class="form-check-input" type="checkbox" v-model="task.runweek" :value="index+1">
|
||||||
|
<label class="form-check-label" v-html="day"></label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group row">
|
||||||
|
<label class="col-sm-2 col-form-label">Emby ID</label>
|
||||||
|
<div class="col-sm-10">
|
||||||
|
<input type="number" name="emby_id[]" class="form-control" v-model="task.emby_id" placeholder="可选">
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -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(() => {
|
||||||
this.scrollToX();
|
$('#collapse_' + (this.formData.tasklist.length - 1)).collapse('show').on('shown.bs.collapse', () => {
|
||||||
|
this.scrollToX();
|
||||||
|
});
|
||||||
}, 1);
|
}, 1);
|
||||||
},
|
},
|
||||||
removeTask(index) {
|
removeTask(index) {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user