From bdeeccedb950c69ad8fac4156687e6db48a9d8c2 Mon Sep 17 00:00:00 2001
From: buvta <12312540+buvta@users.noreply.github.com>
Date: Sat, 12 Dec 2020 22:33:38 +0800
Subject: [PATCH] =?UTF-8?q?film=E5=88=97=E8=A1=A8=E6=A8=A1=E5=BC=8F?=
 =?UTF-8?q?=E7=AA=97=E5=8F=A3=E5=AE=BD=E5=BA=A6=E8=B6=B3=E5=A4=9F=E6=97=B6?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E2=80=9C=E6=9C=80=E8=BF=91=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E2=80=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Film.vue | 34 +++++++++++++++++++++-------------
 1 file changed, 21 insertions(+), 13 deletions(-)

diff --git a/src/components/Film.vue b/src/components/Film.vue
index fbd10f0..199337e 100644
--- a/src/components/Film.vue
+++ b/src/components/Film.vue
@@ -157,16 +157,16 @@
             label="语言"
             width="100">
           </el-table-column>
-          <el-table-column
-            prop="note"
-            label="备注"
-            width="120">
-          </el-table-column>
-          <el-table-column
+          <el-table-column v-if="showTableLastColumn"
             prop="last"
             label="最近更新"
             :formatter="dateFormat"
-            align="left">
+            align="left"
+            width="120">
+          </el-table-column>
+          <el-table-column
+            prop="note"
+            label="备注">
           </el-table-column>
           <el-table-column
             label="操作"
@@ -219,31 +219,37 @@
           <el-table-column v-if="selectedSearchClassNames.length !== 1"
             prop="type"
             label="类型"
-            width="90">
+            width="100">
           </el-table-column>
           <el-table-column
               sortable
               prop="year"
               label="上映"
-              width="90">
+              width="100">
           </el-table-column>
           <el-table-column v-if="selectedAreas.length !== 1"
             prop="area"
             label="地区"
-            width="90">
+            width="100">
           </el-table-column>
           <el-table-column
             :filters="getFilters('lang')"
             :filter-method="(value, row, column) => { this.currentColumn = column; return value === row.lang }"
             prop="lang"
             label="语言"
-            width="70">
+            width="100">
+          </el-table-column>
+          <el-table-column v-if="showTableLastColumn"
+            prop="last"
+            label="最近更新"
+            :formatter="dateFormat"
+            align="left"
+            width="120">
           </el-table-column>
           <el-table-column
             sortable
             prop="note"
-            label="备注"
-            width="120">
+            label="备注">
           </el-table-column>
           <el-table-column
             label="操作"
@@ -317,6 +323,7 @@ export default {
     return {
       showFind: false,
       showToolbar: false,
+      showTableLastColumn: false,
       sites: [],
       site: {},
       classList: [],
@@ -880,6 +887,7 @@ export default {
   },
   mounted () {
     window.addEventListener('resize', () => {
+      setTimeout(() => { this.showTableLastColumn = window.outerWidth >= 1200 }, 100)
       if (this.$refs.filmWaterfall && this.view === 'Film') {
         this.$refs.filmWaterfall.resize()
         this.$refs.filmWaterfall.refresh()