From d2cbcda63b6fadc218235ba5e6c68bee888b8223 Mon Sep 17 00:00:00 2001
From: Cp0204 <Cp0204@qq.com>
Date: Fri, 5 Apr 2024 00:33:25 +0800
Subject: [PATCH] =?UTF-8?q?WebUI=20=E5=8A=A0=E6=B8=85=E9=99=A4=E7=AD=9B?=
 =?UTF-8?q?=E9=80=89=EF=BC=8C=E6=9B=B4=E6=96=B0=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/templates/index.html | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)
diff --git a/app/templates/index.html b/app/templates/index.html
index 483cadb..18a3b85 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -31,7 +31,7 @@
 
 <body>
   <div id="app" class="container mt-5">
-    <h1 class="mb-4">夸克自动转存配置</h1>
+    <h1 class="mb-4"><i class="bi bi-clouds"></i> 夸克自动转存</h1>
     <form @submit.prevent="saveConfig">
 
       <div class="row title">
@@ -105,16 +105,22 @@
       </div>
       <div class="form-group row">
         <label class="col-sm-2 col-form-label">路径筛选</label>
-        <div class="col-sm-10">
+        <div class="input-group col-sm-10">
           <select class="form-control" v-model="taskDirSelected">
             <option v-for="(dir, index) in taskDirs" :value="dir" v-html="dir"></option>
           </select>
+          <div class="input-group-append">
+            <button type="button" class="btn btn-outline-secondary" @click="clearData('taskDirSelected')"><i class="bi bi-x-lg"></i></button>
+          </div>
         </div>
       </div>
       <div class="form-group row">
         <label class="col-sm-2 col-form-label">名称筛选</label>
-        <div class="col-sm-10">
+        <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 v-for="(task, index) in formData.tasklist" :key="index" class="task mb-3">
@@ -193,7 +199,7 @@
       <div class="row">
         <div class="col-sm-12 text-center">
           <p>
-            <a target="_blank" href="https://github.com/Cp0204/quark-auto-save">@Cp0204/quark_auto_save</a> v[[ version ]]
+            <a target="_blank" href="https://github.com/Cp0204/quark-auto-save"><i class="bi bi-github"></i> Cp0204/quark_auto_save</a> v[[ version ]]
           </p>
         </div>
       </div>
@@ -350,6 +356,9 @@
         clearShareurlBan(task) {
           delete task.shareurl_ban;
         },
+        clearData(target) {
+          this[target] = "";
+        },
         runScriptNow() {
           $('#logModal').modal('toggle')
           this.run_log = '<div class="spinner-border" role="status"></div> 请耐心等待脚本全部执行完毕...'
