From 58d0ae6da1943af512764b869988a9242451e40b Mon Sep 17 00:00:00 2001
From: buvta <12312540+buvta@users.noreply.github.com>
Date: Tue, 8 Dec 2020 13:03:58 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=A5=E5=85=B7=E6=A0=8F"=E8=AF=AD=E8=A8=80"?=
 =?UTF-8?q?=E6=9B=BF=E6=8D=A2=E4=B8=BA"=E6=8E=92=E5=BA=8F"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Film.vue | 28 +++++++++++++++++++++++-----
 1 file changed, 23 insertions(+), 5 deletions(-)

diff --git a/src/components/Film.vue b/src/components/Film.vue
index 21ac2ed..55a340e 100644
--- a/src/components/Film.vue
+++ b/src/components/Film.vue
@@ -57,9 +57,9 @@
           :value="item">
         </el-option>
       </el-select>
-      <el-select v-model="selectedLangs" size="small" multiple collapse-tags placeholder="语言" popper-class="popper" :popper-append-to-body="false" @blur="refreshFilteredList">
+      <el-select v-model="sortKeyword" size="small" placeholder="排序" popper-class="popper" :popper-append-to-body="false" @change="refreshFilteredList">
         <el-option
-          v-for="item in langs"
+          v-for="item in sortKeywords"
           :key="item"
           :label="item"
           :value="item">
@@ -341,8 +341,8 @@ export default {
       filteredList: [],
       areas: [],
       selectedAreas: [],
-      langs: [],
-      selectedLangs: [],
+      sortKeyword: '',
+      sortKeywords: ['按片名', '按上映年份', '按更新时间'],
       selectedYears: { start: 0, end: new Date().getFullYear() },
       showToolbar: false
     }
@@ -438,7 +438,25 @@ export default {
       filteredData = filteredData.filter(res => res.year <= this.selectedYears.end)
       this.selectedClassName = this.type.name + '    ' + filteredData.length + '/' + this.recordcount
       this.areas = [...new Set(filteredData.map(ele => ele.area))].filter(x => x)
-      this.langs = [...new Set(filteredData.map(ele => ele.lang))].filter(x => x)
+      switch (this.sortKeyword) {
+        case '按上映年份':
+          filteredData.sort(function (a, b) {
+            return a.year - b.year
+          })
+          break
+        case '按片名':
+          filteredData.sort(function (a, b) {
+            return a.name.localeCompare(b.name, 'zh')
+          })
+          break
+        case '按更新时间':
+          filteredData.sort(function (a, b) {
+            return new Date(b.last) - new Date(a.last)
+          })
+          break
+        default:
+          break
+      }
       this.filteredList = filteredData
     },
     updateSearchViewMode () {