加入视频下载，优化变量名称，

src/components/DashBoard.vue

@@ -2,7 +2,7 @@
   <div class="DashBoard" v-show="loadComplete">
     <el-input v-model="link" placeholder="输入链接"/>
     <br>
-    <el-button @click="query">查询本子</el-button>
+    <el-button @click="queryTask">查询任务</el-button>
     <el-button @click="searchByLink">查找任务</el-button>
     <br>
     <hr>
@@ -27,7 +27,22 @@
         </el-select>
       </tr>
     </table>
-    <el-button @click="post" v-if="preDownloadGallery.availableResolution">下载</el-button>
+    <el-button @click="postTask" v-if="preDownloadGallery.availableResolution">下载</el-button>
+  </el-dialog>
+
+  <el-dialog title="查询视频" v-model="preDownloadVideo">
+    <table>
+      <tr>视频名字:{{preDownloadVideo.name}}</tr>
+      <tr>视频网站: <el-link :href="preDownloadVideo.website">{{preDownloadVideo.website}}</el-link> </tr>
+      <tr>视频链接: <el-link :href="preDownloadVideo.link">{{preDownloadVideo.link}}</el-link></tr>
+      <tr>视频状态:{{preDownloadVideo.status}}</tr>
+      <tr v-if="!preDownloadVideo.resolution">
+        目标分辨率: <el-select v-model="targetResolution">
+          <el-option v-for="(resolution) in preDownloadVideo.availableResolution" :value="resolution" :label="resolution"/>
+        </el-select>
+      </tr>
+    </table>
+    <el-button @click="postTask" v-if="!preDownloadVideo.resolution">下载</el-button>
   </el-dialog>
 
   <div class="DashBoard" v-show="!loadComplete">
@@ -55,6 +70,10 @@ export default {
       return store.getters.preDownloadGallery
     })
 
+    let preDownloadVideo = computed(() => {
+      return store.getters.preDownloadVideo
+    })
+
     const loadComplete = computed(() => {
       return store.getters.loadComplete
     })
@@ -63,29 +82,40 @@ export default {
       return str1 + "   " + str2
     }
 
-    function post(){
-      if(link.value.trim() === ''){
-        ElMessage("请输入链接后再提交")
+    function postTask(){
+      if(!validateLink(link.value)){
+        ElMessage("链接错误")
+        return
       }
       if(targetResolution.value === ''){
         ElMessage("请选择分辨率再提交")
+        return
+      }
+      let tempLink = coverLink(link.value)
+      if(link.value.includes("hentai")) {
+        store.dispatch("postGalleryTask", {link: tempLink, targetResolution: targetResolution.value})
+        targetResolution.value = ""
       }
       else {
-        let gid = link.value.split('/')[4]
-        if (!gid || !link.value.includes("hentai")) {
-          ElMessage("请检查链接输入是否正确")
-        }
-        else
-          store.dispatch("post", {link: link.value, targetResolution: targetResolution.value})
+        store.dispatch("postVideoTask", {link: tempLink, targetResolution: targetResolution.value})
+        targetResolution.value = ""
       }
     }
 
-    function query(){
-      if(link.value.trim() === ''){
-        ElMessage("请输入链接后再查询")
+    function queryTask(){
+      if(!validateLink(link.value)){
+        ElMessage("链接错误")
+        return
+      }
+      let tempLink
+      if(link.value.includes("hentai")) {
+        tempLink = coverLink(link.value)
+        store.dispatch("queryGalleryTask", tempLink)
+      }
+      else{
+        tempLink = coverLink(link.value)
+        store.dispatch("queryVideoTask", tempLink)
       }
-      else
-        store.dispatch("query", link.value)
     }
 
     function validate(){
@@ -100,8 +130,8 @@ export default {
     }
 
     function searchByLink() {
-      if(link.value.trim() === ""){
-        ElMessage("请输入链接后查找")
+      if(!validateLink(link.value)){
+        ElMessage("请检查输入的链接")
       }
       else {
         store.dispatch("searchByLink", link.value)
@@ -116,6 +146,36 @@ export default {
       }, 500)
     }
 
+    function coverLink(rawLink){
+      let tempLink = ""
+      if(rawLink.includes("hentai")) {
+        if (rawLink.includes("exhentai.org"))
+          tempLink = rawLink.replace("exhentai.org", "element-plus.org")
+        else if (rawLink.includes("e-hentai.org"))
+          tempLink = rawLink.replace("e-hentai.org", "element.org")
+      }
+      else if(rawLink.includes("xvideos.com") || rawLink.includes("pornhub.com")){
+        tempLink = rawLink.replace("xvideos.com", "xiaomi.com").
+                            replace("cn.pornhub.com", "pixiv.com").
+                            replace("pornhub.com", "pixiv.com")
+      }
+      return tempLink;
+    }
+
+    function validateLink(rawLink){
+      if(rawLink.trim() === "")
+        return false
+      if(rawLink.includes("hentai")){
+        return rawLink.includes("/g/")
+      }
+      else if(rawLink.includes("xvideos.com")){
+        return true
+      }
+      else if(rawLink.includes("pornhub.com")){
+        return rawLink.includes("view_video.php")
+      }
+    }
+
     onMounted(() => {
       const auth = localStorage.getItem("auth")
       if(auth !== null){
@@ -123,8 +183,8 @@ export default {
       }
     })
 
-    return {post,
-            query,
+    return {postTask,
+            queryTask,
             validate,
             searchByLink,
             searchByKeyword,
@@ -135,6 +195,7 @@ export default {
             keyword,
             isRemember,
             preDownloadGallery,
+            preDownloadVideo,
             targetResolution,
             store
     }
@@ -145,7 +206,7 @@ export default {
 <style scoped>
   .DashBoard{
     width: auto;
-    height: 90vh;
+    height: 92vh;
     background-color: ghostwhite;
     text-align: center;
   }