🎨 about #12412

src/main/webapp/admin-article-list.ftl

+<div class="form margin12">
+    <input type="text" id="articleListInput">
+    <button class="search-btn" id="articleListBtn">${searchLabel}</button>
+</div>
 <div id="articleTable">
 </div>
 <div id="articlePagination" class="right margin12">

src/main/webapp/css/default-admin.css

@@ -1008,7 +1008,7 @@ table.form th {
 }
 
 .module-panel .module-body li:hover {
-    background-color: #F5F5F5;
+    background-color: #fafafa;
 }
 
 .module-panel .module-body li a:hover {
@@ -1196,7 +1196,7 @@ button#submitArticle:hover {
 }
 
 .completed-panel a.selected {
-    background-color: #f5f5f5;
+    background-color: #fafafa;
     color: #fa8564;
 }
 
@@ -1365,8 +1365,8 @@ button#submitArticle:hover {
 }
 
 .table-heiglight td, .table-lineHover td {
-    background-color: #F5F5F5;
-    border-right-color: #F5F5F5;
+    background-color: #fafafa;
+    border-right-color: #fafafa;
 }
 
 .table-expendRow td {
@@ -1443,6 +1443,13 @@ button#submitArticle:hover {
     width: 100%;
 }
 
+.search-btn {
+    position: absolute;
+    top: 28px;
+    right: 27px;
+    border-radius: 0 4px 4px 0;
+}
+
 @media (max-width: 768px) {
     #top > a {
         display: none;

src/main/webapp/js/admin/articleList.js

@@ -58,6 +58,11 @@ admin.articleList = {
         this.tablePagination.initPagination();
         this.tablePagination.initCommentsDialog();
         this.getList(page);
+
+        const that = this
+        $('#articleListBtn').click(function () {
+          that.getList(page);
+        });
     },
 
     /* 
@@ -68,7 +73,7 @@ admin.articleList = {
         var that = this;
         $("#loadMsg").text(Label.loadingLabel);
         $.ajax({
-            url: latkeConfig.servePath + "/console/articles/status/published/" + pageNum + "/" + Label.PAGE_SIZE + "/" +  Label.WINDOW_SIZE,
+            url: latkeConfig.servePath + "/console/articles/status/published/" + pageNum + "/" + Label.PAGE_SIZE + "/" +  Label.WINDOW_SIZE + '?k=' + $('#articleListInput').val(),
             type: "GET",
             cache: false,
             success: function(result, textStatus){