加入在线看的跳转按钮，精简代码

src/components/Side.vue

@@ -3,34 +3,41 @@
     <span>下载历史</span>
     <div  v-show="loadComplete" class="load_complete" >
       <el-table :data="data">
+
         <el-table-column type="expand">
           <template #default="props">
             名字:{{ props.row.name}} <br>
             链接:<el-link :href="props.row.link">Link</el-link> <br>
             语言:{{props.row.language}} <br>
             页数:{{props.row.pages}} <br>
-            文件大小:{{props.row.fileSize}}
+            文件大小:{{props.row.fileSize}}<br>
+            分辨率:{{props.row.resolution}}
           </template>
         </el-table-column>
+
         <el-table-column label="名字" width="300">
           <template #default="scoped">
             {{scoped.row.name}}
           </template>
         </el-table-column>
-        <el-table-column label="操作" width="180">
+
+        <el-table-column label="操作" width="250">
           <template #default="scoped">
             <span v-show="scoped.row.download">
               <el-button @click="downloadGallery(scoped.row.download)">下载</el-button>
               <el-button @click="deleteGallery(scoped.row.gid)">删除</el-button>
+              <el-button @click="onlineReader(scoped.row.name)">在线看</el-button>
             </span>
           </template>
         </el-table-column>
+
         <el-table-column label="进度" width="60">
           <template #default="scoped">
             {{ scoped.row.progress }}
           </template>
         </el-table-column>
       </el-table>
+
       <el-row class="pageChanger">
         <el-col>
           <el-button @click="toMin">{{min}}</el-button>
@@ -114,9 +121,6 @@ export default {
       return store.getters.loadComplete
     })
 
-    function update(){
-      store.dispatch("update")
-    }
 
     function changePage(){
       if(targetPage.value >= min.value && targetPage.value <= max.value)
@@ -139,9 +143,12 @@ export default {
       store.dispatch("deleteGallery", gid)
     }
 
+    function onlineReader(name){
+      window.open("http://100.42.234.138:8080/1/gallery/" + encodeURI(name))
+    }
 
-    return {update,
-            data,
+
+    return {data,
             min,
             max,
             targetPage,
@@ -157,6 +164,7 @@ export default {
             next,
             downloadGallery,
             deleteGallery,
+            onlineReader,
             store
     }
   }