From 71df73fbd3854d616bcb47c989a962fa4258b2a1 Mon Sep 17 00:00:00 2001
From: haiyangcui <cuiocean@gmail.com>
Date: Sat, 7 Nov 2020 23:16:00 +0100
Subject: [PATCH] =?UTF-8?q?=E6=8E=A8=E8=8D=90=E9=A1=B5=E9=9D=A2=E6=8E=92?=
 =?UTF-8?q?=E5=BA=8F=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Recommendation.vue | 33 ++++++++++++++++++++++++++++++-
 1 file changed, 32 insertions(+), 1 deletion(-)

diff --git a/src/components/Recommendation.vue b/src/components/Recommendation.vue
index c2ce0a7..252414b 100644
--- a/src/components/Recommendation.vue
+++ b/src/components/Recommendation.vue
@@ -19,6 +19,14 @@
             :value="item">
           </el-option>
         </el-select>
+        <el-select v-model="sortKeyword" size="small" placeholder="排序" :popper-append-to-body="false">排序
+          <el-option
+            v-for="item in sortKeywords"
+            :key="item"
+            :label="item"
+            :value="item">
+          </el-option>
+        </el-select>
         <el-button :loading="loading" @click.stop="updateEvent" icon="el-icon-refresh">更新推荐</el-button>
     </div>
     <div class="listpage-body" id="recommendataions-body" >
@@ -132,7 +140,9 @@ export default {
       types: [],
       selectedTypes: [],
       areas: [],
-      selectedAreas: []
+      selectedAreas: [],
+      sortKeyword: '',
+      sortKeywords: ['上映', '评分', '默认']
     }
   },
   components: {
@@ -183,6 +193,27 @@ export default {
         this.getRecommendations()
         this.$refs.recommendataionsWaterfall.refresh()
       }
+    },
+    sortKeyword () {
+      switch (this.sortKeyword) {
+        case '上映':
+          this.recommendations = this.recommendations.sort(function (a, b) {
+            return b.detail.year - a.detail.year
+          })
+          break
+        case '评分':
+          this.recommendations.sort(function (a, b) {
+            return b.rate - a.rate
+          })
+          break
+        case '默认':
+          this.recommendations.sort(function (a, b) {
+            return b.id - a.id
+          })
+          break
+        default:
+          break
+      }
     }
   },
   methods: {