去除标签;修改在线看，允许未下载的本子在线看(同步更新)

src/components/DashBoard.vue

@@ -8,24 +8,16 @@
        查询参数类型: <el-select style="width: 125px" v-model="type" @change="resetLocalQuery()">
           <el-option value="link" label="链接"/>
           <el-option value="keyword" label="关键字"/>
-          <el-option value="tag" label="标签"/>
         </el-select>
-        <el-input style="width: 200px;" v-model="param"  v-if="type !== 'tag'">
+        <el-input style="width: 200px;" v-model="param">
           <template #prepend>
             参数:
           </template>
         </el-input>
-        <div v-if="type === 'tag'">
-          <el-tag v-for="tid in paramForTags" closable @close="removeQueryTag(tid)">
-            {{store.state.tags.get(tid).tag}}
-          </el-tag>
-          <el-autocomplete v-model="param" :fetch-suggestions="completeQueryTag"  @select="handleTagSelect" ref="tagInput" placeholder="检索标签"/>
-        </div>
       </el-col>
       <el-col>
         <el-button @click="queryRemoteTask" v-show="type === 'link'">远程查询</el-button>
         <el-button @click="queryLocalTask">当前页查询</el-button>
-        <el-button @click="removeAllQueryTag" v-show="type === 'tag'">清空查询标签</el-button>
       </el-col>
     </el-row>
     <br>
@@ -37,24 +29,22 @@
     <el-switch @click="toggleStyle" v-model="isDark">夜间模式</el-switch>
     <hr>
     <el-button @click="isQuerying = true">里站搜索</el-button>
-    <el-button @click="isViewingTag = true">查看标签</el-button>
     <hr>
     <el-button v-if="isLion" @click="resetUndone">重置任务</el-button>
-    <div v-show="thumbnailGallery.url !== undefined">
+    <div v-show="thumbnailGallery.thumb_link !== undefined">
       <span>
         {{thumbnailGallery.shortName}}<br>
-        <el-space v-show="thumbnailGallery.tag !== ''">标签:{{thumbnailGallery.tag}}</el-space>
       </span><br>
       <picture>
-        <el-image :src="thumbnailGallery.url" :preview-src-list="[thumbnailGallery.images[0], ]" :initial-index="0" class="preview"
+        <el-image :src="thumbnailGallery.thumb_link" :preview-src-list="[thumbnailGallery.thumb_link, ]" class="preview"
         style="width: 300px; height: 250px" fit="contain"/>
       </picture>
     </div>
   </div>
 
-  <el-dialog title="查询本子" v-model="chosenGallery">
+  <el-dialog title="查询本子" v-model="chosenGallery" style="height: 350px">
     <el-image v-show='chosenGallery.thumb_link !== undefined'
-              style="float: right; width: 250px; height: 250px" fit="contain"
+              style="float: right; width: 250px; height: 250px;" fit="contain"
               :src="'https://downloader.lionwebsite.xyz/GalleryManage/ehThumbnail?path=' + chosenGallery.thumb_link"/>
     <table>
       <tr>本子名字:{{chosenGallery.name}}</tr>
@@ -69,27 +59,14 @@
           </el-option>
         </el-select>
       </tr>
-      <tr v-if="chosenGallery.availableResolution">
-        下载模式:<el-select v-model="targetDownloadMode" style="width: 200px" default-first-option>
-                  <el-option :value="1" label="仅下载"/>
-                  <el-option :value="2" label="仅在线看"/>
-                  <el-option :value="3" label="在线看并下载"/>
-                </el-select>
-        </tr>
-      <tr>
-        标签:<el-tag v-for="tid in paramForTags" closable @close="removeQueryTag(tid)">
-        {{store.state.tags.get(tid).tag}}
-          </el-tag>
-        <el-autocomplete v-model="param" :fetch-suggestions="completeQueryTag" @select="handleTagSelect" ref="tagInputForSubmit"/>
-      </tr>
     </table>
-    <el-button @click="postTask" v-if="chosenGallery.availableResolution">下载</el-button>
-    <el-button @click="removeAllQueryTag" v-if="chosenGallery.availableResolution">清空标签</el-button>
-    <tr v-if="chosenGallery.status === '下载完成'">
-      <el-button @click="onlineGalleryReader(chosenGallery.gid)">在线预览</el-button>
-      <el-button @click="showThumbnailGallery(chosenGallery)">查看封面图</el-button>
-      <el-button @click="deleteGallery">删除</el-button>
-    </tr>
+    <template #footer>
+      <el-button @click="postTask" v-if="chosenGallery.availableResolution">下载</el-button>
+      <el-button @click="readOnlineGallery(chosenGallery)">在线预览</el-button>
+      <tr v-if="chosenGallery.status === '下载完成'">
+        <el-button @click="deleteGallery">删除</el-button>
+      </tr>
+    </template>
   </el-dialog>
 
   <el-dialog title="修改授权码" v-model="isAlterAuthCode">
@@ -141,33 +118,6 @@
     </template>
   </el-dialog>
 
-  <el-dialog title="查看标签" v-model="isViewingTag" style="margin-top: 0; width: 550px">
-    <div style="text-align: center">
-      输入关键字:<el-input style="width: 150px" v-model="tagKeyWord"></el-input>
-      <el-button @click="tagKeyWord = ''">清空</el-button>
-      <el-button @click="pullNewTag">刷新</el-button>
-    </div>
-
-    <el-table :data="tags" height="450px" stripe>
-      <el-table-column prop="id" label="id" width="50px" sortable/>
-      <el-table-column prop="tag" label="标签" width="300px" sortable/>
-      <el-table-column prop="usage" label="用量" width="75px" sortable/>
-
-      <el-table-column width="75px">
-        <template #default="scoped">
-            <el-button v-if="scoped.row.usage === 0"  @click="deleteTag(scoped.row.id)">删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <span style="color: red; font: bold 15px sans-serif">
-      创建标签前先看看有没有符合的，尽量用统一一点的标签，比如已经有个图包就不要创建图集之类的了。毕竟标签多起来数据挺多的。
-    </span>
-    <template #footer>
-      输入新标签:<el-input v-model="tag"></el-input>
-      <el-button @click="postTag">创建标签</el-button>
-    </template>
-  </el-dialog>
-
   <div class="DashBoard" v-show="!loadComplete">
       <el-input v-model="AuthCode" placeholder="请输入授权码" style="padding-top: 200px"/> <br>
       <el-checkbox v-model="isRemember">是否记住授权码</el-checkbox>
@@ -191,7 +141,6 @@ let newAuthCode = ref("")
 let tempAuthCode = ref("")
 
 let isQuerying = ref(false)
-let isViewingTag = ref(false)
 let isConfig = ref(false)
 let isDark = ref(false)
 let keyword = ref("")
@@ -201,19 +150,15 @@ let lengthPerPage = ref(0)
 //查询相关
 let type = ref("link")
 let param = ref("")
-let paramForTags = ref([]) //tidS
 
 let targetResolution = ref("")
 let targetDownloadMode = ref("")
-let tag = ref("")
-let tagKeyWord = ref("")    //查询tag的关键字
 
 let realAuthCode = computed(() => {
   return store.state.AuthCode
 })
 
 let chosenGallery = computed(() => {
-  paramForTags.value.splice(0)
   param.value = ''
   return store.state.chosenGallery
 })
@@ -224,27 +169,8 @@ let loadComplete = computed(() => {
 let weekUsed = computed(() => {
   return store.state.weekUsed
 })
-let tags = computed(() => {
-  let tags = store.state.tags
-  let result = []
-  tags.forEach((tag) => {
-    result.push(tag)
-  })
-
-  if(isViewingTag.value) {  //正在查看标签
-    if (tagKeyWord.value.trim() === '')
-      return result
-    else
-      return result.filter((tag) => {
-        return tag.tag.includes(tagKeyWord.value)
-      })
-  }
-    return result
-})
 
 let thumbnailGallery = computed(() => {
-  if(store.state.thumbnailGallery.images === undefined)
-    store.state.thumbnailGallery.images = []
   return store.state.thumbnailGallery
 })
 
@@ -252,18 +178,6 @@ let isLion = computed(() => {
   return store.state.userId === 3
 })
 
-function pullNewTag(){
-  store.dispatch("loadTags")
-}
-
-function postTag(){
-  store.dispatch("postTag", tag.value)
-}
-
-function deleteTag(tid){
-    store.dispatch("deleteTag", tid)
-}
-
 //修改授权码
 function alterAuthCode(){
   if(newAuthCode.value.trim() === "" || tempAuthCode.value.trim() === "" || newAuthCode.value !== tempAuthCode.value)
@@ -295,9 +209,7 @@ function postTask(){
   }
   store.dispatch("postGalleryTask",
       {link: chosenGallery.value.link,
-              targetResolution: targetResolution.value,
-              mode: targetDownloadMode.value,
-              tags:paramForTags.value})
+              targetResolution: targetResolution.value})
   targetResolution.value = ""
 }
 
@@ -319,89 +231,8 @@ function queryLocalTask(){
     case "keyword":
       store.commit("_searchLocalByKeyword", param.value)
       break
-    case "tag":
-      store.commit("_searchLocalByTag", paramForTags.value)
-      break
   }
 }
-let tagInput = ref({})          //用于查询
-let tagInputForSubmit = ref({}) //用于提交
-function completeQueryTag(keyWord, cb) {
-  if(keyWord.includes(' ')) { //查询多个标签的时候
-    let temp = keyWord.split(' ')
-    keyWord = temp[temp.length - 1]
-  }else{                          //只有一个标签的时候
-    keyWord = param.value
-  }
-  let result = []
-  let skip
-  let hit = false     //用于检测是否有重复标签
-    tags.value.forEach((tag) => {
-      if(tag.tag.includes(keyWord)) {
-        skip = false
-        for (let id of paramForTags.value) {  //跳过已选中的标签
-          if(tag.id === id){
-            if(!hit && tag.tag === keyWord){       //是否命中标签
-              hit = true
-            }
-            skip = true
-            break
-          }
-        }
-        if(!skip)
-          result.push({value: tag.tag, tid: tag.id})
-      }
-    })
-  if(result.length === 0 && !keyWord.includes("#")  && chosenGallery.value.gid !== undefined && !hit){   //未命中结果并且准备与下载任务一并提交
-    result.push({value: '新建 #' + keyWord + ' 标签?', tag:keyWord})
-  }
-  cb(result)
-}
-
-function removeQueryTag(tid){
-  for (let i=0; i<paramForTags.value.length; i++){
-    if(paramForTags.value[i] === tid){
-      paramForTags.value.splice(i, 1)
-      break
-    }
-  }
-  if(chosenGallery.value.gid === undefined)    //查询本地标签
-    queryLocalTask()
-}
-
-function removeAllQueryTag(){
-  paramForTags.value.splice(0)
-  if(chosenGallery.value.gid === undefined)    //查询本地标签
-    queryLocalTask()
-}
-
-function handleTagSelect(data){
-  if('tag' in data){            //需要新建,不知道怎么处理回调，直接把axios搬到vue里面
-    axios.post("https://downloader.lionwebsite.xyz/GalleryManage/tag?" + qs.stringify({
-        tag:data.tag,
-        AuthCode: store.state.AuthCode
-    })
-    ).then((res) => {
-      if (res.data.result === 'success') {
-        ElMessage('创建标签成功')
-        paramForTags.value.push(parseInt(res.data.tid))
-        tagInputForSubmit.value.blur()
-        store.dispatch("loadTags", false).then()
-      }
-      else
-        ElMessage(res.data.data)
-  })}else{
-    paramForTags.value.push(data.tid)
-    console.log(chosenGallery)
-    if(chosenGallery.value.gid === undefined){
-      queryLocalTask()
-      tagInput.value.blur()
-    }else{
-      tagInputForSubmit.value.blur()
-    }
-  }
-  param.value = ''
-}
 
 function resetLocalQuery(){
   store.commit("_searchLocalByKeyword", "")
@@ -424,7 +255,7 @@ function validate(){
   }
 }
 
-//验证链接以及伪装链接
+//验证链接
 function validateLink(rawLink){
   if(rawLink.trim() === "")
     return false
@@ -435,12 +266,8 @@ function validateLink(rawLink){
 }
 
 //在线阅读以及展示缩略图
-function onlineGalleryReader(gid){
-  store.dispatch("queryOnlineLinks", gid)
-}
-function showThumbnailGallery(gallery){
-  store.commit("_changeThumbnailGallery", gallery)
-  document.querySelector(".preview > img").click()
+function readOnlineGallery(gallery){
+  store.dispatch("readOnlineGallery", gallery)
 }
 
 //重新给节点发送未完成任务