From 6ffbc2a63cd53e725cec5286b99771aa60294ce9 Mon Sep 17 00:00:00 2001
From: buvta <12312540+buvta@users.noreply.github.com>
Date: Thu, 5 Nov 2020 21:19:14 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96Film=E5=8A=A0=E8=BD=BD?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Film.vue | 123 +++++++++++++++++++++-------------------
 1 file changed, 66 insertions(+), 57 deletions(-)

diff --git a/src/components/Film.vue b/src/components/Film.vue
index 0a14ced..f9ffecd 100644
--- a/src/components/Film.vue
+++ b/src/components/Film.vue
@@ -71,6 +71,7 @@
         <el-table size="mini"
           :data="list.filter(res => !setting.excludeR18Films || !containsR18Keywords(res.type))"
           height="100%"
+          :empty-text="statusText"
           @row-click="(row) => detailEvent(site, row)"
           style="width: 100%">
           <el-table-column
@@ -127,62 +128,63 @@
       </div>
       <div class="show-table" v-show="show.find">
         <el-table size="mini"
-              :data="searchContents.filter(res => !setting.excludeR18Films || (res.type !== undefined && !containsR18Keywords(res.type)))"
-              height="100%"
-              row-key="id"
-              @row-click="(row) => detailEvent(row.site, row)"
-              style="width: 100%">
-              <el-table-column
-                prop="name"
-                label="片名">
-              </el-table-column>
-              <el-table-column v-if="setting.searchAllSites"
-                prop="site"
-                label="源站"
-                width="120">
-                <template slot-scope="scope">
-                  <span>{{ scope.row.site.name }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="type"
-                label="类型"
-                width="100">
-              </el-table-column>
-              <el-table-column
-                  prop="year"
-                  label="上映"
-                  align="center"
-                  width="100">
-              </el-table-column>
-              <el-table-column
-                  prop="area"
-                  label="地区"
-                  align="center"
-                  width="100">
-              </el-table-column>
-              <el-table-column
-                  prop="lang"
-                  label="语言"
-                  align="center"
-                  width="100">
-              </el-table-column>
-              <el-table-column
-                prop="note"
-                label="备注">
-              </el-table-column>
-              <el-table-column
-                label="操作"
-                header-align="center"
-                align="right"
-                width="200">
-                <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>
-                  <el-button @click.stop="shareEvent(scope.row.site, scope.row)" type="text">分享</el-button>
-                  <el-button @click.stop="downloadEvent(scope.row.site, scope.row)" type="text">下载</el-button>
-                </template>
-              </el-table-column>
+          :data="searchContents.filter(res => !setting.excludeR18Films || (res.type !== undefined && !containsR18Keywords(res.type)))"
+          height="100%"
+          row-key="id"
+          :empty-text="statusText"
+          @row-click="(row) => detailEvent(row.site, row)"
+          style="width: 100%">
+          <el-table-column
+            prop="name"
+            label="片名">
+          </el-table-column>
+          <el-table-column v-if="setting.searchAllSites"
+            prop="site"
+            label="源站"
+            width="120">
+            <template slot-scope="scope">
+              <span>{{ scope.row.site.name }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="type"
+            label="类型"
+            width="100">
+          </el-table-column>
+          <el-table-column
+              prop="year"
+              label="上映"
+              align="center"
+              width="100">
+          </el-table-column>
+          <el-table-column
+              prop="area"
+              label="地区"
+              align="center"
+              width="100">
+          </el-table-column>
+          <el-table-column
+              prop="lang"
+              label="语言"
+              align="center"
+              width="100">
+          </el-table-column>
+          <el-table-column
+            prop="note"
+            label="备注">
+          </el-table-column>
+          <el-table-column
+            label="操作"
+            header-align="center"
+            align="right"
+            width="200">
+            <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>
+              <el-button @click.stop="shareEvent(scope.row.site, scope.row)" type="text">分享</el-button>
+              <el-button @click.stop="downloadEvent(scope.row.site, scope.row)" type="text">下载</el-button>
+            </template>
+          </el-table-column>
         </el-table>
       </div>
     </div>
@@ -213,6 +215,7 @@ export default {
       type: {},
       pagecount: 0,
       list: [],
+      statusText: ' ',
       infiniteId: +new Date(),
       searchList: [],
       searchTxt: '',
@@ -370,8 +373,10 @@ export default {
       const key = this.site.key
       const type = this.type.tid
       const page = this.pagecount
-      if (page < 1) {
+      this.statusText = ' '
+      if (key && page < 1) { // OK资源前几类硬是去不掉
         $state.complete()
+        this.statusText = '暂无数据'
         return false
       }
       zy.list(key, page, type).then(res => {
@@ -391,6 +396,7 @@ export default {
           $state.loaded()
         } else {
           $state.complete()
+          this.statusText = '暂无数据'
         }
       })
     },
@@ -504,6 +510,7 @@ export default {
       this.pagecount = 0
       this.show.search = false
       this.show.find = true
+      this.statusText = ' '
       if (wd) {
         search.find({ keywords: wd }).then(res => {
           if (!res) {
@@ -519,6 +526,7 @@ export default {
                 zy.detail(site.key, element.id).then(detailRes => {
                   detailRes.site = site
                   this.searchContents.push(detailRes)
+                  this.statusText = '暂无数据'
                 })
               })
             }
@@ -526,6 +534,7 @@ export default {
               zy.detail(site.key, res.id).then(detailRes => {
                 detailRes.site = site
                 this.searchContents.push(detailRes)
+                this.statusText = '暂无数据'
               })
             }
           })