From 559e85785fb964ff0afaff0a12630d4526080af8 Mon Sep 17 00:00:00 2001
From: buvta <12312540+buvta@users.noreply.github.com>
Date: Wed, 11 Nov 2020 13:04:55 +0800
Subject: [PATCH] =?UTF-8?q?film=E9=A1=B5=E9=9D=A2el-table=E5=BC=95?=
 =?UTF-8?q?=E5=85=A5=E7=94=B5=E5=BD=B1=E8=BF=BD=E5=89=A7=E6=A8=A1=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Film.vue   | 38 +++++++++++++++++++++++++++++++++-----
 src/lib/dexie/dexie.js    |  2 +-
 src/lib/dexie/initData.js |  1 +
 3 files changed, 35 insertions(+), 6 deletions(-)

diff --git a/src/components/Film.vue b/src/components/Film.vue
index 32ffe9a..3a34035 100644
--- a/src/components/Film.vue
+++ b/src/components/Film.vue
@@ -110,18 +110,25 @@
               align="center"
               width="100">
           </el-table-column>
-          <el-table-column
+          <el-table-column v-if="setting.listViewMode === 'film'"
               prop="area"
               label="地区"
               align="center"
               width="100">
           </el-table-column>
-          <el-table-column
+          <el-table-column  v-if="setting.listViewMode === 'film'"
               prop="lang"
               label="语言"
               align="center"
               width="100">
           </el-table-column>
+          <el-table-column  v-if="setting.listViewMode === 'tv'"
+              prop="last"
+              label="最近更新"
+              :formatter="dateFormat"
+              align="center"
+              width="120">
+          </el-table-column>
           <el-table-column
             prop="note"
             label="备注">
@@ -131,6 +138,12 @@
             header-align="center"
             align="right"
             width="200">
+            <template #header>
+              <el-select v-model="setting.listViewMode" size="small" default-first-option>
+                <el-option label="电影模式" value="film" />
+                <el-option label="追剧模式" value="tv" />
+              </el-select>
+            </template>
             <template slot-scope="scope">
               <el-button @click.stop="playEvent(site, scope.row)" type="text">播放</el-button>
               <el-button @click.stop="starEvent(site, scope.row)" type="text">收藏</el-button>
@@ -182,12 +195,13 @@
             width="100">
           </el-table-column>
           <el-table-column
+              sortable
               prop="year"
               label="上映"
               align="center"
               width="100">
           </el-table-column>
-          <el-table-column
+          <el-table-column  v-if="setting.listViewMode === 'film'"
             prop="area"
             :filters="getFilters('area')"
             :filter-method="(value, row, column) => { this.currentColumn = column; return value === row.area }"
@@ -195,7 +209,7 @@
             align="center"
             width="100">
           </el-table-column>
-          <el-table-column
+          <el-table-column  v-if="setting.listViewMode === 'film'"
             :filters="getFilters('lang')"
             :filter-method="(value, row, column) => { this.currentColumn = column; return value === row.lang }"
             prop="lang"
@@ -203,6 +217,14 @@
             align="center"
             width="100">
           </el-table-column>
+          <el-table-column  v-if="setting.listViewMode === 'tv'" key="last"
+              sortable
+              prop="last"
+              label="最近更新"
+              :formatter="dateFormat"
+              align="center"
+              width="120">
+          </el-table-column>
           <el-table-column
             sortable
             prop="note"
@@ -213,6 +235,12 @@
             header-align="center"
             align="right"
             width="200">
+            <template #header>
+              <el-select v-model="setting.listViewMode" size="small" default-first-option>
+                <el-option label="电影模式" value="film" />
+                <el-option label="追剧模式" value="tv" />
+              </el-select>
+            </template>
             <template slot-scope="scope">
               <el-button @click.stop="playEvent(scope.row.site, scope.row)" type="text">播放</el-button>
               <el-button @click.stop="starEvent(scope.row.site, scope.row)" type="text">收藏</el-button>
@@ -339,7 +367,7 @@ export default {
     sortByLocaleCompare (a, b) {
       return a.localeCompare(b, 'zh')
     },
-    dateFormat (row, column) { // 先留着，"最近更新"到底要不要？
+    dateFormat (row, column) {
       var date = row[column.property]
       if (date === undefined) {
         return ''
diff --git a/src/lib/dexie/dexie.js b/src/lib/dexie/dexie.js
index 79955a1..3e50d28 100644
--- a/src/lib/dexie/dexie.js
+++ b/src/lib/dexie/dexie.js
@@ -6,7 +6,7 @@ const db = new Dexie('zy')
 db.version(4).stores({
   search: '++id, keywords',
   iptvSearch: '++id, keywords',
-  setting: 'id, theme, site, shortcut, view, externalPlayer, searchGroup, excludeRootClasses, excludeR18Films, forwardTimeInSec, starViewMode, recommandationViewMode, password',
+  setting: 'id, theme, site, shortcut, view, externalPlayer, searchGroup, excludeRootClasses, excludeR18Films, forwardTimeInSec, listViewMode, starViewMode, recommandationViewMode, password',
   shortcut: 'name, key, desc',
   star: '++id, [key+ids], site, name, detail, index, rate, hasUpdate',
   recommendation: '++id, [key+ids], site, name, detail, index, rate, hasUpdate',
diff --git a/src/lib/dexie/initData.js b/src/lib/dexie/initData.js
index 341fa5b..fd125c2 100644
--- a/src/lib/dexie/initData.js
+++ b/src/lib/dexie/initData.js
@@ -4,6 +4,7 @@ const setting = [
     theme: 'light',
     shortcut: true,
     view: 'picture',
+    listViewMode: 'film',
     externalPlayer: '',
     searchGroup: '全部',
     excludeRootClasses: true,