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

✨ 优化任务筛选UI，并到一行

Browse Source
This commit is contained in:
Cp0204 2024-08-08 00:59:44 +08:00
parent 24c2a23697
commit 70c15ad066
1 changed files with 22 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
app/templates/index.html
View File

@ -112,9 +112,23 @@
<h2>任务列表</h2> <h2>任务列表</h2>
</div> </div>
</div> </div>
<hr>
<div class="row">
<div class="col-lg-6 col-md-12">
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-2 col-form-label">路径筛选</label> <label class="col-form-label col-md-3">名称筛选</label>
<div class="input-group col-sm-10"> <div class="input-group col-md-9">
<input type="text" class="form-control" v-model="taskNameFilter" placeholder="名称 筛选/搜索">
<div class="input-group-append">
<button type="button" class="btn btn-outline-secondary" @click="clearData('taskNameFilter')"><i class="bi bi-x-lg"></i></button>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12">
<div class="form-group row">
<label class="col-form-label col-md-3">路径筛选</label>
<div class="input-group col-md-9">
<select class="form-control" v-model="taskDirSelected"> <select class="form-control" v-model="taskDirSelected">
<option v-for="(dir, index) in taskDirs" :value="dir" v-html="dir"></option> <option v-for="(dir, index) in taskDirs" :value="dir" v-html="dir"></option>
</select> </select>
@ -123,13 +137,6 @@
</div> </div>
</div> </div>
</div> </div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">名称筛选</label>
<div class="input-group col-sm-10">
<input type="text" class="form-control" v-model="taskNameFilter">
<div class="input-group-append">
<button type="button" class="btn btn-outline-secondary" @click="clearData('taskNameFilter')"><i class="bi bi-x-lg"></i></button>
</div>
</div> </div>
</div> </div>
<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">