缓存策略列表支持搜索

internal/web/actions/default/servers/components/cache/index.go

@@ -16,8 +16,14 @@ func (this *IndexAction) Init() {
 	this.FirstMenu("index")
 }
 
-func (this *IndexAction) RunGet(params struct{}) {
-	countResp, err := this.RPC().HTTPCachePolicyRPC().CountAllEnabledHTTPCachePolicies(this.AdminContext(), &pb.CountAllEnabledHTTPCachePoliciesRequest{})
+func (this *IndexAction) RunGet(params struct {
+	Keyword string
+}) {
+	this.Data["keyword"] = params.Keyword
+
+	countResp, err := this.RPC().HTTPCachePolicyRPC().CountAllEnabledHTTPCachePolicies(this.AdminContext(), &pb.CountAllEnabledHTTPCachePoliciesRequest{
+		Keyword: params.Keyword,
+	})
 	if err != nil {
 		this.ErrorPage(err)
 		return
@@ -27,6 +33,7 @@ func (this *IndexAction) RunGet(params struct{}) {
 	this.Data["page"] = page.AsHTML()
 
 	listResp, err := this.RPC().HTTPCachePolicyRPC().ListEnabledHTTPCachePolicies(this.AdminContext(), &pb.ListEnabledHTTPCachePoliciesRequest{
+		Keyword: params.Keyword,
 		Offset:  page.Offset,
 		Size:    page.Size,
 	})

web/public/js/components/common/keyword.js

@@ -9,7 +9,7 @@ Vue.component("keyword", {
 		let slot = this.$slots["default"][0]
 		let text = slot.text
 		if (word.length > 0) {
-			text = text.replace(new RegExp(word, "g"), "<span style=\"border: 1px #ccc dashed\">" + word + "</span>")
+			text = text.replace(new RegExp(word, "g"), "<span style=\"border: 1px #ccc dashed; color: #ef4d58\">" + word + "</span>")
 		}
 
 		return {

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

@@ -1,10 +1,23 @@
 {$layout}
 
-	<second-menu>
+<first-menu>
     <menu-item href="/servers/components/cache" code="index">列表</menu-item>
     <span class="item">|</span>
     <a href="" class="item" @click.prevent="createPolicy()">[创建]</a>
-	</second-menu>
+</first-menu>
+
+<div class="margin"></div>
+<form class="ui form" method="get" action="/servers/components/cache">
+    <div class="ui fields inline">
+        <div class="ui field">
+            <input type="text" name="keyword" v-model="keyword" placeholder="策略名称..."/>
+        </div>
+        <div class="ui field">
+            <button type="submit" class="ui button">搜索</button>
+        </div>
+    </div>
+</form>
+
 
 <p class="comment" v-if="cachePolicies == null || cachePolicies.length == 0">暂时还没有缓存策略。</p>
 <table class="ui table selectable celled" v-if="cachePolicies != null && cachePolicies.length > 0">
@@ -19,7 +32,7 @@
         </tr>
     </thead>
     <tr v-for="(policy, index) in cachePolicies">
-			<td>{{policy.name}}</td>
+        <td><keyword :v-word="keyword">{{policy.name}}</keyword></td>
         <td>{{infos[index].typeName}} <span class="small">（{{policy.type}}）</span></td>
         <td>
             <span v-if="policy.capacity != null && policy.capacity.count > 0">{{policy.capacity.count}}{{policy.capacity.unit.toUpperCase()}}</span>