自适应列宽

package.json

@@ -34,6 +34,7 @@
     "mousetrap": "^1.6.5",
     "qrcode.vue": "^1.7.0",
     "randomstring": "^1.1.5",
+    "v-fit-columns": "^0.2.0",
     "vue": "^2.6.12",
     "vue-infinite-loading": "^2.4.5",
     "vue-waterfall-plugin": "^1.1.0",

src/components/EditSites.vue

@@ -11,17 +11,14 @@
       <div class="listpage-body" id="sites-table">
         <el-table
               :data="sites"
-              row-key="id"
-              style="width: 100%">
+              row-key="id">
               <el-table-column
                 prop="name"
-                label="资源名"
-                min-width="200">
+                label="资源名">
               </el-table-column>
               <el-table-column
                 prop="isActive"
-                label="自选源"
-                width="100">
+                label="自选源">
                 <template slot-scope="scope">
                   <el-switch
                     v-model="scope.row.isActive"

src/components/History.vue

@@ -9,17 +9,14 @@
         <el-table
               :data="history"
               row-key="id"
-              @row-click="detailEvent"
-              style="width: 100%">
+              @row-click="detailEvent">
               <el-table-column
                 prop="name"
-                label="片名"
-                min-width="200">
+                label="片名">
               </el-table-column>
               <el-table-column
                 prop="site"
-                label="片源"
-                width="120">
+                label="片源">
                 <template slot-scope="scope">
                   <span>{{ getSiteName(scope.row.site) }}</span>
                 </template>

src/components/IPTV.vue

@@ -12,12 +12,10 @@
         <el-table
               :data="filteredTableData"
               row-key="id"
-              @row-click="playEvent"
-              style="width: 100%">
+              @row-click="playEvent">
               <el-table-column
                 prop="name"
-                label="频道名"
-                min-width="200">
+                label="频道名">
                 <template #header>
                   <el-input
                   placeholder="搜索"
@@ -30,7 +28,6 @@
               <el-table-column
                 prop="group"
                 label="分组"
-                width="100"
                 :filters="getFilters"
                 :filter-method="filterHandle"
                 filter-placement="bottom-end">
@@ -42,7 +39,7 @@
                 label="操作"
                 header-align="center"
                 align="right"
-                width="140">
+                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>

src/components/Star.vue

@@ -13,13 +13,11 @@
               height="100%"
               row-key="id"
               :cell-class-name="checkUpdate"
-              @row-click="detailEvent"
-              style="width: 100%">
+              @row-click="detailEvent">
               <el-table-column
                 sortable
                 prop="name"
-                label="片名"
-                min-width="200">
+                label="片名">
               </el-table-column>
               <el-table-column
                 sortable
@@ -31,14 +29,12 @@
                 sortable
                 prop="year"
                 label="上映"
-                align="center"
-                width="100">
+                align="center">
               </el-table-column>
               <el-table-column
                 sortable
                 prop="site"
-                label="片源"
-                width="100">
+                label="片源">
                 <template slot-scope="scope">
                   <span>{{ getSiteName(scope.row.key) }}</span>
                 </template>
@@ -46,14 +42,12 @@
               <el-table-column v-if="list.some(e => e.note)"
                 sortable
                 prop="note"
-                label="备注"
-                min-width="100">
+                label="备注">
               </el-table-column>
               <el-table-column v-if="list.some(e => e.index >= 0)"
                 sortable
                 prop="index"
-                label="观看至"
-                width="100">
+                label="观看至">
                 <template slot-scope="scope">
                   <span>{{ getHistoryNote(scope.row.index) }}</span>
                 </template>
@@ -62,11 +56,10 @@
                 label="操作"
                 header-align="center"
                 align="right"
-                width="220">
+                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="updateEvent(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>

src/lib/dexie/dexie.js

@@ -9,7 +9,7 @@ db.version(3).stores({
   setting: 'id, theme, site, shortcut, view, externalPlayer, searchAllSites, excludeRootClasses, excludeR18Films, forwardTimeInSec',
   shortcut: 'name, key, desc',
   star: '++id, site, ids, name, type, year, index',
-  sites: '++id, key, name, json, xml, down, level',
+  sites: '++id, key, name, api, download, isActive',
   history: '++id, site, ids, name, type, year, index, time',
   mini: 'id, site, ids, name, index, time',
   iptv: '++id, name, url, group'

src/lib/element/index.js

@@ -1,5 +1,6 @@
 import Vue from 'vue'
 import { Message, Button, Table, TableColumn, Tag, Input, Dialog, Form, FormItem, Switch } from 'element-ui'
+import Plugin from 'v-fit-columns'
 Vue.use(Button)
 Vue.use(Table)
 Vue.use(TableColumn)
@@ -9,4 +10,5 @@ Vue.use(Dialog)
 Vue.use(Form)
 Vue.use(FormItem)
 Vue.use(Switch)
+Vue.use(Plugin)
 Vue.prototype.$message = Message