增加刷新、预热缓存任务管理

web/views/@default/servers/components/cache/batch/index.html

@@ -0,0 +1,41 @@
+{$layout}
+{$template "menu"}
+
+<div class="margin"></div>
+
+<form method="post" class="ui form" data-tea-action="$" data-tea-before="before" data-tea-success="success" data-tea-fail="fail" data-tea-done="done" data-tea-timeout="300">
+    <csrf-token></csrf-token>
+    <table class="ui table definition selectable">
+        <tr>
+            <td class="title">缓存Key类型</td>
+            <td>
+                <radio name="keyType" :v-value="'key'" v-model="keyType">根据Key</radio> &nbsp;
+                <radio name="keyType" :v-value="'prefix'" v-model="keyType">根据前缀</radio>
+            </td>
+        </tr>
+        <tr>
+            <td>
+                <span v-if="keyType == 'key'">要刷新的Key列表</span>
+                <span v-if="keyType == 'prefix'">要刷新的Key前缀列表</span>
+            </td>
+            <td>
+                <textarea name="keys" rows="10" ref="keysBox"></textarea>
+                <p class="comment" v-if="keyType == 'key'">每行一个Key，比如是一个完整的URL<code-label>https://example.com/hello/world.html</code-label>。</p>
+                <p class="comment" v-if="keyType == 'prefix'">每行一个Key前缀，比如是一个URL前缀<code-label>https://example.com/hello/</code-label>。</p>
+            </td>
+        </tr>
+        <tr>
+            <td>操作结果</td>
+            <td>
+                <div v-if="isRequesting">数据发送中...</div>
+                <span class="red" v-if="!isRequesting && !isOk && message.length > 0">失败：{{message}}</span>
+                <div v-if="!isRequesting && !isOk && failKeys.length > 0" class="fail-keys-box">
+                    <div v-for="failKey in failKeys">
+                        <span class="red">{{failKey.key}}: {{failKey.reason}}</span>
+                    </div>
+                </div>
+            </td>
+        </tr>
+    </table>
+    <submit-btn v-if="!isRequesting">提交</submit-btn>
+</form>