add search problem

Signed-off-by: zhangtianli2006 <49156174+zhangtianli2006@users.noreply.github.com>

Author: ZTL-UwU

src/StringPrototype.js

@@ -20,4 +20,8 @@ if (String.prototype.replaceAll === undefined) {
 
     return res;
   };
-}
+}
+
+String.prototype.trim = function () {
+  return this.replace(/(^\s*)|(\s*$)/g, '');
+};

src/components/lib/AjaxTable.vue

@@ -41,6 +41,9 @@ export default {
   watch: {
     limit() {
       this.onPageChange(this.pageId);
+    },
+    title() {
+      this.load_data();
     }
   },
   methods: {
@@ -56,7 +59,8 @@ export default {
         .get(this.ajax_url, {
           params: {
             offset: this.offset,
-            limit: this.limit
+            limit: this.limit,
+            title: this.title
           }
         })
         .then(res => {
@@ -88,6 +92,9 @@ export default {
       type: Number,
       default: 20
     },
+    title: {
+      type: String
+    },
     total: {
       type: Number,
       required: true
@@ -97,7 +104,8 @@ export default {
       default: x => x
     },
     default_sort: {
-      
+      type: Object,
+      default: null
     }
   },
 };

src/components/problem/list.vue

@@ -3,6 +3,18 @@
     <el-row :gutter="20">
       <el-col :span="10">
         <el-card>
+          <i class="el-icon-search" />
+          Search
+          <el-input
+            placeholder="Search"
+            v-model="searchTitle"
+            class="input-with-select" 
+            style="margin-top: 9px;"
+            @clear="search"
+            clearable
+          >
+            <el-button slot="append" icon="el-icon-check" @click="search"></el-button>
+          </el-input>
         </el-card>
       </el-col>
       <el-col :span="6">
@@ -47,6 +59,7 @@
         :total="data_count"
         :process="process"
         :default_sort="{prop: 'pid', order: 'ascending'}"
+        :title="title"
       />
     </el-card>
   </div>
@@ -65,6 +78,8 @@ export default {
       alive: true,
       ajax_url: apiurl('/problem/list'),
       limit: 50,
+      searchTitle: '',
+      title: null,
       showTags: this.$store.state.tags.displayTags,
       columns: [{
         name: 'score',
@@ -123,6 +138,10 @@ export default {
       x.tag = (<listTag tags={ x.tags }></listTag>);
       
       return x;
+    },
+    search() {
+      this.searchTitle = this.searchTitle.trim();
+      this.title = this.searchTitle;
     }
   },
   components: {

src/components/user/edit.vue

@@ -165,6 +165,7 @@ export default {
           }
         })
         .catch(err => {
+          this.buttonLoading = false;
           if (err.request.status === 404) {
             this.$SegmentMessage.error(this, 'User not found');
           } else if (err.request.status === 403) {