From c2f3a60198bdc145af2b5cf384ff9cd2db885d44 Mon Sep 17 00:00:00 2001
From: buvta <12312540+buvta@users.noreply.github.com>
Date: Mon, 9 Nov 2020 00:17:08 +0800
Subject: [PATCH] =?UTF-8?q?=E6=90=9C=E7=B4=A2=E7=BB=93=E6=9E=9C=E5=8A=A0?=
 =?UTF-8?q?=E8=BF=87=E6=BB=A4=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Film.vue | 37 +++++++++++++++++++++++++------------
 1 file changed, 25 insertions(+), 12 deletions(-)

diff --git a/src/components/Film.vue b/src/components/Film.vue
index a705da2..714fcac 100644
--- a/src/components/Film.vue
+++ b/src/components/Film.vue
@@ -152,28 +152,38 @@
           </el-table-column>
           <el-table-column
             prop="type"
+            :filters="getFilters('type')"
+            :filter-method="(value, row) => value === row.type"
             label="类型"
             width="100">
           </el-table-column>
           <el-table-column
-              prop="year"
-              label="上映"
-              align="center"
-              width="100">
+            sortable
+            prop="year"
+            label="上映"
+            align="center"
+            width="100">
           </el-table-column>
           <el-table-column
-              prop="area"
-              label="地区"
-              align="center"
-              width="100">
+            prop="area"
+            :filters="getFilters('area')"
+            :filter-method="(value, row) => value === row.area"
+            label="地区"
+            align="center"
+            width="100">
           </el-table-column>
           <el-table-column
-              prop="lang"
-              label="语言"
-              align="center"
-              width="100">
+            :filters="getFilters('lang')"
+            :filter-method="(value, row) => value === row.lang"
+            prop="lang"
+            label="语言"
+            align="center"
+            width="100">
           </el-table-column>
           <el-table-column
+            sortable
+            :filters="getFilters('note')"
+            :filter-method="(value, row) => value === row.note"
             prop="note"
             label="备注">
           </el-table-column>
@@ -296,6 +306,9 @@ export default {
     sortByLocaleCompare (a, b) {
       return a.localeCompare(b, 'zh')
     },
+    getFilters (column) {
+      return [...new Set(this.searchContents.map(row => row[column]))].map(e => { return { text: e, value: e } })
+    },
     siteClick (siteName) {
       this.list = []
       this.site = this.sites.find(x => x.name === siteName)