From 0f456fe7a899a5eda910ff15df114f2904c99058 Mon Sep 17 00:00:00 2001
From: Hunlongyu <hunlongyu@gmail.com>
Date: Thu, 22 Oct 2020 11:33:30 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=A7=B5=20=E4=BC=98=E5=8C=96=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/scss/style.scss   |   2 +-
 src/components/EditSites.vue |  93 ++++++++++++++--------------
 src/components/History.vue   |  69 +++++++++++----------
 src/components/IPTV.vue      |  72 +++++++++++-----------
 src/components/Star.vue      | 113 +++++++++++++++++------------------
 5 files changed, 175 insertions(+), 174 deletions(-)

diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss
index b04fc16..e083877 100644
--- a/src/assets/scss/style.scss
+++ b/src/assets/scss/style.scss
@@ -241,12 +241,12 @@
       .el-table{
         height: 100%;
         overflow-y: auto;
+        font-size: 1rem;
       }
       .el-input{
         width: 200px;
       }
       .el-table__body td,.el-table__body th{
-        height: 50px;
         border-bottom: 1px solid;
       }
       .el-table .highlight{
diff --git a/src/components/EditSites.vue b/src/components/EditSites.vue
index eea06d8..2d7ea8d 100644
--- a/src/components/EditSites.vue
+++ b/src/components/EditSites.vue
@@ -10,56 +10,57 @@
       </div>
       <div class="listpage-body" id="sites-table">
         <el-table
-              :data="sites"
-              row-key="id">
-              <el-table-column
-                prop="name"
-                label="资源名">
-              </el-table-column>
-              <el-table-column
-                prop="isActive"
-                label="自选源">
-                <template slot-scope="scope">
-                  <el-switch
-                    v-model="scope.row.isActive"
-                    :active-value="1"
-                    :inactive-value="0"
-                    @change='isActiveChangeEvent'>
-                  </el-switch>
-                </template>
-              </el-table-column>
-              <el-table-column
-                label="操作"
-                header-align="center"
-                align="right"
-                width="140">
-                <template slot-scope="scope">
-                  <el-button @click.stop="moveToTopEvent(scope.row)" type="text">置顶</el-button>
-                  <el-button @click.stop="editSite(scope.row)" type="text">编辑</el-button>
-                  <el-button @click.stop="removeEvent(scope.row)" type="text">删除</el-button>
-                </template>
-              </el-table-column>
+          size="mini"
+          :data="sites"
+          row-key="id">
+          <el-table-column
+            prop="name"
+            label="资源名">
+          </el-table-column>
+          <el-table-column
+            prop="isActive"
+            label="自选源">
+            <template slot-scope="scope">
+              <el-switch
+                v-model="scope.row.isActive"
+                :active-value="1"
+                :inactive-value="0"
+                @change='isActiveChangeEvent'>
+              </el-switch>
+            </template>
+          </el-table-column>
+          <el-table-column
+            label="操作"
+            header-align="center"
+            align="right"
+            width="140">
+            <template slot-scope="scope">
+              <el-button size="mini" @click.stop="moveToTopEvent(scope.row)" type="text">置顶</el-button>
+              <el-button size="mini" @click.stop="editSite(scope.row)" type="text">编辑</el-button>
+              <el-button size="mini" @click.stop="removeEvent(scope.row)" type="text">删除</el-button>
+            </template>
+          </el-table-column>
         </el-table>
     </div>
     <!-- 编辑页面 -->
     <div>
-        <el-dialog :visible.sync="dialogVisible" v-if='dialogVisible' :title="dialogType==='edit'?'编辑源':'添加源'" :append-to-body="true" @close="closeDialog">
-          <el-form :model="siteInfo" ref='siteInfo' label-width="75px" label-position="left" :rules="rules">
-              <el-form-item label="源站名" prop='name'>
-                  <el-input v-model="siteInfo.name" placeholder="请输入源站名" />
-              </el-form-item>
-              <el-form-item label="API接口" prop='api'>
-                  <el-input v-model="siteInfo.api" :autosize="{ minRows: 2, maxRows: 4}" type="textarea" placeholder="请输入API接口地址"/>
-              </el-form-item>
-              <el-form-item label="下载接口" prop='download'>
-                  <el-input v-model="siteInfo.download" :autosize="{ minRows: 2, maxRows: 4}" type="textarea" placeholder="请输入Download接口地址，可以空着"/>
-              </el-form-item>
-          </el-form>
-          <span slot="footer" class="dialog-footer">
-             <el-button @click="closeDialog">取消</el-button>
-             <el-button type="primary" @click="addOrEditSite">保存</el-button>
-          </span>
-        </el-dialog>
+      <el-dialog :visible.sync="dialogVisible" v-if='dialogVisible' :title="dialogType==='edit'?'编辑源':'添加源'" :append-to-body="true" @close="closeDialog">
+        <el-form :model="siteInfo" ref='siteInfo' label-width="75px" label-position="left" :rules="rules">
+          <el-form-item label="源站名" prop='name'>
+            <el-input v-model="siteInfo.name" placeholder="请输入源站名" />
+          </el-form-item>
+          <el-form-item label="API接口" prop='api'>
+            <el-input v-model="siteInfo.api" :autosize="{ minRows: 2, maxRows: 4}" type="textarea" placeholder="请输入API接口地址"/>
+          </el-form-item>
+          <el-form-item label="下载接口" prop='download'>
+            <el-input v-model="siteInfo.download" :autosize="{ minRows: 2, maxRows: 4}" type="textarea" placeholder="请输入Download接口地址，可以空着"/>
+          </el-form-item>
+        </el-form>
+        <span slot="footer" class="dialog-footer">
+          <el-button @click="closeDialog">取消</el-button>
+          <el-button type="primary" @click="addOrEditSite">保存</el-button>
+        </span>
+      </el-dialog>
     </div>
    </div>
 
diff --git a/src/components/History.vue b/src/components/History.vue
index 46b19ea..d4dffd4 100644
--- a/src/components/History.vue
+++ b/src/components/History.vue
@@ -6,43 +6,42 @@
         <el-button @click.stop="clearAllHistory" type="text">清空</el-button>
       </div>
       <div class="listpage-body" id="history-table">
-        <el-table
-              :data="history"
-              row-key="id"
-              @row-click="detailEvent">
-              <el-table-column
-                prop="name"
-                label="片名">
-              </el-table-column>
-              <el-table-column
-                prop="site"
-                label="片源">
-                <template slot-scope="scope">
-                  <span>{{ getSiteName(scope.row.site) }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="index"
-                label="观看至">
-                <template slot-scope="scope">
-                  <span>第{{ scope.row.index + 1 }}集</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                label="操作"
-                header-align="center"
-                align="right"
-                width="180">
-                <template slot-scope="scope">
-                  <el-button @click.stop="playEvent(scope.row)" type="text">播放</el-button>
-                  <el-button @click.stop="shareEvent(scope.row)" type="text">分享</el-button>
-                  <el-button @click.stop="downloadEvent(scope.row)" type="text">下载</el-button>
-                  <el-button @click.stop="removeHistoryItem(scope.row)" type="text">删除</el-button>
-                </template>
-              </el-table-column>
+        <el-table size="mini" fit :data="history" row-key="id" @row-click="detailEvent">
+          <el-table-column
+            prop="name"
+            label="片名">
+          </el-table-column>
+          <el-table-column
+            prop="site"
+            width="120"
+            label="片源">
+            <template slot-scope="scope">
+              <span>{{ getSiteName(scope.row.site) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="index"
+            width="120"
+            label="观看至">
+            <template slot-scope="scope">
+              <span>第{{ scope.row.index + 1 }}集</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            label="操作"
+            header-align="center"
+            align="right"
+            width="180">
+            <template slot-scope="scope">
+              <el-button @click.stop="playEvent(scope.row)" type="text">播放</el-button>
+              <el-button @click.stop="shareEvent(scope.row)" type="text">分享</el-button>
+              <el-button @click.stop="downloadEvent(scope.row)" type="text">下载</el-button>
+              <el-button @click.stop="removeHistoryItem(scope.row)" type="text">删除</el-button>
+            </template>
+          </el-table-column>
         </el-table>
+      </div>
     </div>
-   </div>
   </div>
 </template>
 <script>
diff --git a/src/components/IPTV.vue b/src/components/IPTV.vue
index 8a3383f..dffb627 100644
--- a/src/components/IPTV.vue
+++ b/src/components/IPTV.vue
@@ -10,41 +10,43 @@
       </div>
       <div class="listpage-body" id="iptv-table">
         <el-table
-              :data="filteredTableData"
-              row-key="id"
-              @row-click="playEvent">
-              <el-table-column
-                prop="name"
-                label="频道名">
-                <template #header>
-                  <el-input
-                  placeholder="搜索"
-                  size="mini"
-                  v-model.trim="searchTxt">
-                  <i slot="prefix" class="el-input__icon el-icon-search"></i>
-                  </el-input>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="group"
-                label="分组"
-                :filters="getFilters"
-                :filter-method="filterHandle"
-                filter-placement="bottom-end">
-                <template slot-scope="scope">
-                  <el-button type="text">{{scope.row.group}}</el-button>
-                </template>
-              </el-table-column>
-              <el-table-column
-                label="操作"
-                header-align="center"
-                align="right"
-                width="100">
-                <template slot-scope="scope">
-                  <el-button @click.stop="moveToTopEvent(scope.row)" type="text">置顶</el-button>
-                  <el-button @click.stop="removeEvent(scope.row)" type="text">删除</el-button>
-                </template>
-              </el-table-column>
+          size="mini"
+          fit
+          :data="filteredTableData"
+          row-key="id"
+          @row-click="playEvent">
+          <el-table-column
+            prop="name"
+            label="频道名">
+            <template #header>
+              <el-input
+              placeholder="搜索"
+              size="mini"
+              v-model.trim="searchTxt">
+              <i slot="prefix" class="el-input__icon el-icon-search"></i>
+              </el-input>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="group"
+            label="分组"
+            :filters="getFilters"
+            :filter-method="filterHandle"
+            filter-placement="bottom-end">
+            <template slot-scope="scope">
+              <el-button type="text">{{scope.row.group}}</el-button>
+            </template>
+          </el-table-column>
+          <el-table-column
+            label="操作"
+            header-align="center"
+            align="right"
+            width="100">
+            <template slot-scope="scope">
+              <el-button size="mini" @click.stop="moveToTopEvent(scope.row)" type="text">置顶</el-button>
+              <el-button size="mini" @click.stop="removeEvent(scope.row)" type="text">删除</el-button>
+            </template>
+          </el-table-column>
         </el-table>
       </div>
     </div>
diff --git a/src/components/Star.vue b/src/components/Star.vue
index 2155ec4..a56067c 100644
--- a/src/components/Star.vue
+++ b/src/components/Star.vue
@@ -8,65 +8,64 @@
         <el-button @click.stop="updateAllEvent" type="text">同步所有收藏</el-button>
       </div>
       <div class="listpage-body" id="star-table">
-        <el-table
-              :data="list"
-              height="100%"
-              row-key="id"
-              :cell-class-name="checkUpdate"
-              @row-click="detailEvent">
-              <el-table-column
-                sortable
-                prop="name"
-                label="片名">
-              </el-table-column>
-              <el-table-column
-                sortable
-                prop="type"
-                label="类型"
-                width="100">
-              </el-table-column>
-              <el-table-column
-                sortable
-                prop="year"
-                label="上映"
-                align="center">
-              </el-table-column>
-              <el-table-column
-                sortable
-                prop="site"
-                label="片源">
-                <template slot-scope="scope">
-                  <span>{{ getSiteName(scope.row.key) }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column v-if="list.some(e => e.note)"
-                sortable
-                prop="note"
-                label="备注">
-              </el-table-column>
-              <el-table-column v-if="list.some(e => e.index >= 0)"
-                sortable
-                prop="index"
-                label="观看至">
-                <template slot-scope="scope">
-                  <span>{{ getHistoryNote(scope.row.index) }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                label="操作"
-                header-align="center"
-                align="right"
-                width="180">
-                <template slot-scope="scope">
-                  <el-button @click.stop="playEvent(scope.row)" type="text">播放</el-button>
-                  <el-button @click.stop="shareEvent(scope.row)" type="text">分享</el-button>
-                  <el-button @click.stop="downloadEvent(scope.row)" type="text">下载</el-button>
-                  <el-button @click.stop="deleteEvent(scope.row)" type="text">删除</el-button>
-                </template>
-              </el-table-column>
+        <el-table size="mini" fit :data="list" height="100%" row-key="id" :cell-class-name="checkUpdate" @row-click="detailEvent">
+          <el-table-column
+            sortable
+            prop="name"
+            label="片名">
+          </el-table-column>
+          <el-table-column
+            sortable
+            prop="type"
+            label="类型"
+            width="100">
+          </el-table-column>
+          <el-table-column
+            sortable
+            prop="year"
+            label="上映"
+            width="100"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            sortable
+            prop="site"
+            width="120"
+            label="片源">
+            <template slot-scope="scope">
+              <span>{{ getSiteName(scope.row.key) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column v-if="list.some(e => e.note)"
+            sortable
+            prop="note"
+            width="120"
+            label="备注">
+          </el-table-column>
+          <el-table-column v-if="list.some(e => e.index >= 0)"
+            sortable
+            prop="index"
+            width="120"
+            label="观看至">
+            <template slot-scope="scope">
+              <span>{{ getHistoryNote(scope.row.index) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            label="操作"
+            header-align="center"
+            align="right"
+            width="180">
+            <template slot-scope="scope">
+              <el-button @click.stop="playEvent(scope.row)" type="text">播放</el-button>
+              <el-button @click.stop="shareEvent(scope.row)" type="text">分享</el-button>
+              <el-button @click.stop="downloadEvent(scope.row)" type="text">下载</el-button>
+              <el-button @click.stop="deleteEvent(scope.row)" type="text">删除</el-button>
+            </template>
+          </el-table-column>
         </el-table>
+      </div>
     </div>
-   </div>
   </div>
 </template>
 <script>