Merge pull request #88 from segment-oj/fix-search-fisher

fix search

Author: gzezFISHER

src/StringPrototype.js

@@ -22,6 +22,8 @@ if (String.prototype.replaceAll === undefined) {
   };
 }
 
-String.prototype.trim = function () {
-  return this.replace(/(^\s*)|(\s*$)/g, '');
-};
+if (String.prototype.trim === undefined) {
+  String.prototype.trim = function () {
+    return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
+  };
+}

src/components/lib/AjaxTable.vue

@@ -22,7 +22,7 @@
       layout="prev, pager, next, jumper"
       @current-change="this.onPageChange"
       class="pagination"
-      :total="this.total"
+      :total="this.own_total"
     />
   </div>
 </template>
@@ -36,14 +36,20 @@ export default {
       tableData: null,
       offset: 0,
       pageId: 1,
+      own_total: this.total,
     };
   },
   watch: {
     limit() {
       this.onPageChange(this.pageId);
+      console.log(this.limit);
     },
-    costumData() {
-      this.load_data();
+    costumData(new_val, old_val) {
+      let json_new_val = JSON.stringify(new_val);
+      let json_old_val = JSON.stringify(old_val);
+      if (json_new_val != json_old_val) {
+        this.onPageChange(1);
+      }
     }
   },
   methods: {
@@ -65,7 +71,7 @@ export default {
         })
         .then(res => {
           if (limit === this.limit) {
-            this.total = res.data.count;
+            this.own_total = res.data.count;
             this.tableData = res.data.res.map(this.process);
             this.loading = false;
           }

src/components/problem/list.vue

@@ -10,10 +10,8 @@
             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>
@@ -59,7 +57,7 @@
         :total="data_count"
         :process="process"
         :default_sort="{prop: 'pid', order: 'ascending'}"
-        :costumData="{title:this.title}"
+        :costumData="{title:title}"
       />
     </el-card>
   </div>
@@ -79,7 +77,6 @@ export default {
       ajax_url: apiurl('/problem/list'),
       limit: 50,
       searchTitle: '',
-      title: null,
       showTags: this.$store.state.tags.displayTags,
       columns: [{
         name: 'score',
@@ -114,7 +111,12 @@ export default {
     },
     limit(val) {
       this.set_column(val);
-    }
+    },
+  },
+  computed: {
+    title() {
+      return this.searchTitle.trim();
+    },
   },
   methods: {
     get_list_lenth() {
@@ -174,10 +176,6 @@ export default {
       
       return x;
     },
-    search() {
-      this.searchTitle = this.searchTitle.trim();
-      this.title = this.searchTitle;
-    }
   },
   components: {
     AjaxTable,