From 3c1d3a65ea78c6f90be46b1207f5a7e0e2fd8135 Mon Sep 17 00:00:00 2001
From: Marvin Zhang <tikazyq@gmail.com>
Date: Wed, 22 May 2019 22:39:02 +0800
Subject: [PATCH] updated SiteList

---
 frontend/src/i18n/zh.js              |  1 +
 frontend/src/views/site/SiteList.vue | 23 +++++++++++++++++++----
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/frontend/src/i18n/zh.js b/frontend/src/i18n/zh.js
index ea1caed6..8036d818 100644
--- a/frontend/src/i18n/zh.js
+++ b/frontend/src/i18n/zh.js
@@ -135,6 +135,7 @@ export default {
   'Site': '网站',
   'Rank': '排名',
   'Domain': '域名',
+  'Main Category': '主类别',
   'Category': '类别',
   'Select': '请选择',
   'Select Main Category': '请选择主类别',
diff --git a/frontend/src/views/site/SiteList.vue b/frontend/src/views/site/SiteList.vue
index ede3941e..98fa1365 100644
--- a/frontend/src/views/site/SiteList.vue
+++ b/frontend/src/views/site/SiteList.vue
@@ -8,10 +8,11 @@
                 v-model="keyword">
       </el-input>
       <el-select v-model="filter.mainCategory" class="filter-category" :placeholder="$t('Select Main Category')"
-                 clearable>
+                 clearable filterable>
         <el-option v-for="op in mainCategoryList" :key="op" :value="op" :label="op"></el-option>
       </el-select>
-      <el-select v-model="filter.category" class="filter-category" :placeholder="$t('Select Category')" clearable>
+      <el-select v-model="filter.category" class="filter-category" :placeholder="$t('Select Category')"
+                 clearable filterable>
         <el-option v-for="op in categoryList" :key="op" :value="op" :label="op"></el-option>
       </el-select>
       <el-button type="success"
@@ -215,6 +216,9 @@ export default {
     },
     mainCategory () {
       return this.filter.mainCategory
+    },
+    category () {
+      return this.filter.category
     }
   },
   watch: {
@@ -224,14 +228,25 @@ export default {
 
       // get category list
       this.$store.dispatch('site/getCategoryList')
+
+      // get site list
+      this.$store.dispatch('site/getSiteList')
+    },
+    category () {
+      // get site list
+      this.$store.dispatch('site/getSiteList')
     }
   },
   methods: {
     onSearch () {
-      this.$store.dispatch('site/getSiteList')
+      setTimeout(() => {
+        this.$store.dispatch('site/getSiteList')
+      }, 0)
     },
     onPageChange () {
-      this.$store.dispatch('site/getSiteList')
+      setTimeout(() => {
+        this.$store.dispatch('site/getSiteList')
+      }, 0)
     },
     onRowChange (row) {
       this.$store.dispatch('site/editSite', {