新增在线看本子，去除视频在线看。优化本子名称缩短使其至少不为空白。优化部分代码。(同步更新)

src/components/Side.vue

@@ -34,7 +34,7 @@
             <span>
               <el-button @click="downloadTask(scoped.row.download)" :disabled="scoped.row.download === undefined">下载</el-button>
               <el-button @click="deleteGallery(scoped.row.gid)" :disabled="scoped.row.download === undefined">删除</el-button>
-              <el-button @click="onlineGalleryReader(scoped.row.name)" :disabled="scoped.row.download === undefined">在线看</el-button>
+              <el-button @click="onlineGalleryReader(scoped.row.gid)" :disabled="scoped.row.download === undefined">在线看</el-button>
             </span>
           </template>
         </el-table-column>
@@ -69,7 +69,6 @@
             <span>
               <el-button @click="downloadTask(scoped.row.download)" :disabled="scoped.row.download === undefined">下载</el-button>
               <el-button @click="deleteVideo(scoped.row.id)" :disabled="scoped.row.download === undefined">删除</el-button>
-              <el-button @click="onlineVideoViewer()" :disabled="scoped.row.download === undefined">在线看</el-button>
             </span>
           </template>
         </el-table-column>
@@ -83,7 +82,7 @@
 
       <el-row class="pageChanger">
         <el-col>
-          筛选:<el-select v-model="showType" @change="changeShowType">
+          筛选:<el-select v-model="showType" @change="changeShowType" class="el-select">
             <el-option value="gallery" label="本子"/>
             <el-option value="video" label="视频"/>
             <el-option value="collect" label="收藏"/>
@@ -130,6 +129,13 @@
       </el-footer>
     </el-dialog>
 
+    <el-dialog v-model="isOnlineReading" title="在线预览" @close="closeOnlineReader" width="90%" style="margin-top: 0; margin-bottom: 0; padding: 0">
+      <el-scrollbar height="84vh">
+        <el-image v-for="(link, index) in currentLinks" :src="link" :style="{'width': imageWidth, 'padding-right': imagePadding, 'background-color': 'ghostwhite'}"
+                  :preview-src-list="currentLinks" :initial-index="index" loading="lazy"/>
+      </el-scrollbar>
+    </el-dialog>
+
     <span v-show="!loadComplete" class="side">请输入授权码后再查看</span>
   </div>
 </template>
@@ -144,15 +150,15 @@ let inputNode = ref(null)
 let isEditingPage = ref(false)
 //是否正在编辑标签
 let isEditingTag = ref(false)
+
 //临时变量
 let tempTag = ref("")
 let tempGid = ref("")
 
-
-let showNameType = ref("shortName")   // shortName name
-let showType = ref("gallery")     // gallery video collect
-let sortType = ref("shortName")   // shortName name createTime
-let targetPage = ref(1)
+let showNameType = ref("shortName")     // shortName name
+let showType = ref("gallery")           // gallery video collect
+let sortType = ref("shortName")         // shortName name createTime
+let targetPage = ref(1)                 // 当前页数
 
 //防抖计时器
 let debounceTimer = 0
@@ -174,6 +180,9 @@ let isShowVideoHistory = computed(() => {
 let isShowGalleryHistory = computed(() => {
   return store.state.showType === "gallery" || store.state.showType === "collect"
 })
+let isOnlineReading = computed(() => {
+  return store.state.isOnlineReading
+})
 
 let min = computed(() => {
   return store.getters.min
@@ -188,6 +197,16 @@ let page = computed(() => {
   return store.state.page
 })
 
+let currentLinks = computed(() => {
+  return store.state.currentLinks
+})
+let imageWidth = computed(() => {
+  return store.state.imageWidth
+})
+let imagePadding = computed(() => {
+  return store.state.imagePadding
+})
+
 //翻页
 function next() {
   if(targetPage.value < max.value) {
@@ -274,11 +293,11 @@ function deleteGallery(gid){
 function deleteVideo(id){
   store.dispatch("deleteVideo", id)
 }
-function onlineGalleryReader(name){
-  window.open("http://zfile.lionwebsite.xyz/1/gallery/" + encodeURI(name))
+function onlineGalleryReader(gid){
+  store.dispatch("queryOnlineLinks", gid)
 }
-function onlineVideoViewer(){
-  window.open("http://zfile.lionwebsite.xyz/1/video/")
+function closeOnlineReader(){
+  store.state.isOnlineReading = false
 }
 
 //显示缩略图