优化界面显示

web/views/@default/servers/certs/selectPopup.html

@@ -4,12 +4,14 @@
 
 <!-- 搜索表单 -->
 <form class="ui form" action="/servers/certs/selectPopup">
+    <input type="hidden" name="selectedCertIds" :value="selectedCertIds"/>
     <div class="ui fields inline">
         <div class="ui field">
             <input type="text" name="keyword" v-model="keyword" placeholder="域名、说明文字等"/>
         </div>
         <div class="ui field">
-            <button class="ui button" type="submit">搜索</button>
+            <button class="ui button" type="submit">搜索</button> &nbsp;
+            <a :href="'/servers/certs/selectPopup?selectedCertIds=' + selectedCertIds" v-if="keyword.length > 0">[清除条件]</a>
         </div>
     </div>
 </form>
@@ -18,14 +20,14 @@
 <p class="comment" v-if="certs.length == 0">暂时还没有相关的证书。</p>
 <table class="ui table selectable celled" v-if="certs.length > 0">
 	<thead>
-	<tr>
-		<th>证书说明</th>
-		<th>域名</th>
-		<th>过期日期</th>
-		<th v-if="viewSize == 'normal'">引用服务</th>
-		<th>状态</th>
-		<th class="one op">操作</th>
-	</tr>
+        <tr>
+            <th>证书说明</th>
+            <th>域名</th>
+            <th>过期日期</th>
+            <th v-if="viewSize == 'normal'">引用服务</th>
+            <th>状态</th>
+            <th class="one op">操作</th>
+        </tr>
 	</thead>
 	<tr v-for="(cert, index) in certs">
         <td>
@@ -42,7 +44,7 @@
 		</td>
 		<td>
 			<div v-for="dnsName in cert.dnsNames" style="margin-bottom:0.4em">
-                <span class="ui label tiny"><keyword :v-word="keyword">{{dnsName}}</keyword></span>
+                <span class="ui label tiny basic"><keyword :v-word="keyword">{{dnsName}}</keyword></span>
 			</div>
 		</td>
 		<td>{{certInfos[index].endDay}}</td>