670 lines
24 KiB
JavaScript
670 lines
24 KiB
JavaScript
import vuex from "vuex"
|
|
import axios from "axios"
|
|
import {ElMessage} from "element-plus"
|
|
import qs from "qs"
|
|
import moment from 'moment'
|
|
const BaseUrl = "http://downloader.lionwebsite.xyz/"
|
|
const GalleryManageUrl = BaseUrl + "GalleryManage"
|
|
const VideoManageUrl = BaseUrl + "VideoManage"
|
|
|
|
const actions = {
|
|
updateGalleryTasks(context, type){
|
|
axios.get(GalleryManageUrl, {
|
|
params:{
|
|
type,
|
|
AuthCode: state.AuthCode
|
|
}
|
|
}).then((res) => {
|
|
if(res.data.result === "success")
|
|
context.commit("_updateGalleryTasks", {tasks:JSON.parse(res.data.data), type})
|
|
|
|
else if(type === 'undone') {
|
|
context.dispatch("updateGalleryTasks", "all").then()
|
|
clearInterval(state.refreshTimer)
|
|
state.refreshTimer = 0
|
|
}
|
|
})
|
|
},
|
|
updateVideoTasks(context, type){
|
|
axios.get(VideoManageUrl, {
|
|
params:{
|
|
type,
|
|
AuthCode: state.AuthCode
|
|
}
|
|
}).then(res => {
|
|
if(res.data.result === "success")
|
|
context.commit("_updateVideoTasks", {tasks:JSON.parse(res.data.data), type})
|
|
|
|
else if(type === 'undone') {
|
|
clearInterval(state.refreshTimer)
|
|
state.refreshTimer = 0
|
|
context.dispatch("updateVideoTasks", "all").then()
|
|
}
|
|
})
|
|
},
|
|
postGalleryTask(context, data){
|
|
axios.post(GalleryManageUrl, qs.stringify({
|
|
AuthCode: state.AuthCode,
|
|
link: data.link,
|
|
targetResolution: data.targetResolution
|
|
})).then((res) => {
|
|
if(res.data.result === "success") {
|
|
ElMessage("提交成功")
|
|
context.commit("_setChosenGallery", {gallery: false, resolution:data.targetResolution})
|
|
if(state.refreshTimer === 0)
|
|
state.refreshTimer = setInterval(() => {
|
|
context.dispatch("updateGalleryTasks", "undone").then()
|
|
}, 20000)
|
|
}
|
|
else{
|
|
if(res.data.data)
|
|
ElMessage(res.data.data)
|
|
else
|
|
ElMessage("提交失败")
|
|
}
|
|
})
|
|
},
|
|
postVideoTask(context, data){
|
|
axios.post(VideoManageUrl, qs.stringify({
|
|
AuthCode: state.AuthCode,
|
|
link: data.link,
|
|
targetResolution: data.targetResolution
|
|
})).then((res) => {
|
|
if(res.data.result === "success") {
|
|
ElMessage("提交成功")
|
|
context.commit("_setChosenVideo", {video: false, resolution: data.targetResolution})
|
|
if(state.refreshTimer === 0)
|
|
state.refreshTimer = setInterval(() => {
|
|
context.dispatch("updateVideoTasks", "undone").then()
|
|
}, 20000)
|
|
}
|
|
else{
|
|
if(res.data.data)
|
|
ElMessage(res.data.data)
|
|
else
|
|
ElMessage("提交失败")
|
|
}
|
|
})
|
|
},
|
|
queryGalleryTask(context, link){
|
|
axios.get(GalleryManageUrl, {
|
|
params:{
|
|
param: link,
|
|
type:'link',
|
|
AuthCode: state.AuthCode
|
|
}
|
|
}).then((res) => {
|
|
if(res.data.result === 'success')
|
|
context.commit("_setChosenGallery", {gallery: JSON.parse(res.data.data)})
|
|
|
|
else
|
|
ElMessage("查询失败")
|
|
})
|
|
},
|
|
queryVideoTask(context, link){
|
|
axios.get(VideoManageUrl, {
|
|
params:{
|
|
param: link,
|
|
type: "link",
|
|
AuthCode: state.AuthCode
|
|
}
|
|
}).then((res) => {
|
|
if(res.data.result === 'success')
|
|
context.commit("_setChosenVideo", {video: JSON.parse(res.data.data)})
|
|
|
|
else
|
|
ElMessage("查询失败")
|
|
})
|
|
},
|
|
updateGallery(context, link){
|
|
axios.post(GalleryManageUrl + "/update", qs.stringify({AuthCode: state.AuthCode, link}))
|
|
.then((res) => {
|
|
if(res.data.result === 'success' && state.refreshTimer === 0){
|
|
setTimeout(() => {
|
|
context.dispatch("updateGalleryTasks", "all").then()
|
|
}, 5000)
|
|
state.refreshTimer = setInterval(() => {
|
|
context.dispatch("updateGalleryTasks", "undone").then()
|
|
}, 20000)
|
|
}
|
|
ElMessage(res.data.data)
|
|
})
|
|
},
|
|
validate(context, AuthCode){
|
|
axios.post(BaseUrl + "validate?AuthCode=" + AuthCode).then((res)=>{
|
|
if(res.data.result === 'success'){
|
|
state.userId = parseInt(res.data.data)
|
|
context.commit("_authed", AuthCode)
|
|
context.dispatch("loadMaskDomain").then()
|
|
context.dispatch("loadWeekUsedAmount").then()
|
|
context.dispatch("updateGalleryTasks", "all").then()
|
|
context.dispatch("updateVideoTasks", "all").then()
|
|
}
|
|
else
|
|
context.commit("_unAuthed")
|
|
})
|
|
},
|
|
loadMaskDomain(context){
|
|
axios.get(BaseUrl + "maskDomain").then((res) => {
|
|
if(res.data.result === "success")
|
|
context.commit("_setMaskDomain", JSON.parse(res.data.data))
|
|
})
|
|
},
|
|
loadWeekUsedAmount(context){
|
|
axios.get(GalleryManageUrl + "/weekUsedAmount", {
|
|
params: {
|
|
AuthCode: state.AuthCode
|
|
}
|
|
}).then((res) => {
|
|
if(res.data.result === "success"){
|
|
context.state.weekUsed = JSON.parse(res.data.data)
|
|
ElMessage("查询用量成功")
|
|
}else
|
|
ElMessage("查询用量失败")
|
|
})
|
|
},
|
|
collectGallery(context, gid){
|
|
axios.post(GalleryManageUrl + "/collect?" +qs.stringify( {
|
|
gid,
|
|
id:state.userId
|
|
})).then((res) => {
|
|
ElMessage(res.data.data)
|
|
if(res.data.result === 'success')
|
|
context.commit("_collectGallery", gid)
|
|
})
|
|
},
|
|
disCollectGallery(context, gid){
|
|
axios.post(GalleryManageUrl + "/disCollect?" + qs.stringify(
|
|
{
|
|
gid,
|
|
id:state.userId
|
|
})).then((res) => {
|
|
ElMessage(res.data.data)
|
|
if(res.data.result === 'success')
|
|
context.commit("_disCollectGallery", gid)
|
|
})
|
|
},
|
|
updateTag(context, data){
|
|
axios.post(GalleryManageUrl + "/tag?" + qs.stringify(data)).then((res) => {
|
|
ElMessage(res.data.data)
|
|
if(res.data.result === 'success')
|
|
context.commit("_updateTag", data)
|
|
})
|
|
},
|
|
deleteGallery(context, gid){
|
|
axios.delete(GalleryManageUrl, {
|
|
params:{
|
|
AuthCode:state.AuthCode,
|
|
gid
|
|
}}).then((res) => {
|
|
if(res.data.result === "success"){
|
|
ElMessage("删除成功")
|
|
context.commit("_deleteGallery", gid)
|
|
}
|
|
else
|
|
ElMessage(res.data.data)
|
|
})
|
|
},
|
|
deleteVideo(context, id){
|
|
axios.delete(VideoManageUrl, {
|
|
params:{
|
|
AuthCode:state.AuthCode,
|
|
id
|
|
}
|
|
}).then((res) => {
|
|
if(res.data.result === "success"){
|
|
ElMessage("删除成功")
|
|
context.commit("_deleteVideo", id)
|
|
}
|
|
else{
|
|
ElMessage(res.data.data)
|
|
}
|
|
})
|
|
},
|
|
alterAuthCode(context, AuthCode){
|
|
axios.put(BaseUrl + "AuthCode?" + qs.stringify({'AuthCode': state.AuthCode, 'newAuthCode': AuthCode}))
|
|
.then((res) => {
|
|
if(res.data.result === 'success') {
|
|
ElMessage("修改成功")
|
|
if(localStorage.getItem("auth") === state.AuthCode)
|
|
localStorage.setItem("auth", AuthCode)
|
|
context.state.AuthCode = AuthCode
|
|
}
|
|
else
|
|
ElMessage(res.data.data)
|
|
})
|
|
}
|
|
}
|
|
|
|
const mutations = {
|
|
_collectGallery(state, gid){
|
|
state.totalGalleryTask.forEach((gallery) => {
|
|
if(!gallery.isCollect && gallery.gid === gid){
|
|
gallery.isCollect = true
|
|
state.collectGallery.push(gallery)
|
|
}
|
|
})
|
|
},
|
|
_disCollectGallery(state, gid){
|
|
state.collectGallery.splice(0)
|
|
state.totalGalleryTask.forEach((gallery) => {
|
|
if(gallery.isCollect && gallery.gid === gid)
|
|
gallery.isCollect = false
|
|
|
|
else if(gallery.isCollect)
|
|
state.collectGallery.push(gallery)
|
|
})
|
|
},
|
|
_updateTag(state, data){
|
|
state.totalGalleryTask.forEach((gallery) => {
|
|
if(gallery.gid === data.gid){
|
|
gallery.tag = data.tag
|
|
}
|
|
})
|
|
},
|
|
_updateGalleryTasks(state, data){
|
|
let {tasks, type} = data
|
|
if(type === 'all') {
|
|
state.totalGalleryTask.splice(0)
|
|
state.collectGallery.slice(0)
|
|
tasks.forEach((task) => {
|
|
//处理名字
|
|
task.shortName = getShortname(task.name)
|
|
|
|
//处理进度相关
|
|
switch (task.status) {
|
|
case "已提交":
|
|
task.progress = "已提交"
|
|
break;
|
|
case "下载中":
|
|
task.progress = (Math.round((task.proceeding / task.pages) * 100)).toString() + "%"
|
|
break;
|
|
case "下载完成":
|
|
task.progress = "下载完成"
|
|
let tempLink
|
|
let url = new URL(task.link)
|
|
state.maskDomain.forEach((mask) => {
|
|
if (url.host === mask['raw'])
|
|
tempLink = task.link.replace(mask['raw'], mask['mask'])
|
|
})
|
|
task.download = GalleryManageUrl + "/file/" + encodeURI(task.name) + "?link=" + tempLink + "&AuthCode=" + state.AuthCode
|
|
break;
|
|
}
|
|
|
|
//处理时间戳
|
|
task.createTimeDisplay = moment(task.createTime * 1000).format("YYYY-MM-DD HH:mm:ss")
|
|
|
|
//处理标签
|
|
if (task.tag === undefined) {
|
|
task.tag = ""
|
|
}
|
|
|
|
//处理是否收藏
|
|
if(task.collector !== undefined){
|
|
let collector = task.collector.split(",")
|
|
task.collector = undefined
|
|
collector.forEach((id) => {
|
|
if(parseInt(id) === state.userId) {
|
|
task.isCollect = true
|
|
state.collectGallery.push(task)
|
|
}
|
|
})
|
|
|
|
if(task.isCollect === undefined)
|
|
task.isCollect = false
|
|
}
|
|
|
|
state.totalGalleryTask.push(task)
|
|
})
|
|
}
|
|
else {
|
|
let tempArray = Array.from(state.totalGalleryTask)
|
|
state.totalGalleryTask.splice(0)
|
|
let preDeleteIndex
|
|
tempArray.forEach((task) => {
|
|
preDeleteIndex = -1
|
|
if(task.status !== "下载完成")
|
|
tasks.forEach((newTask, index) => {
|
|
if(newTask.name === task.name){
|
|
preDeleteIndex = index
|
|
task.status = newTask.status
|
|
task.proceeding = newTask.proceeding
|
|
if(task.proceeding === 0)
|
|
task.progress = task.status
|
|
else
|
|
task.progress = (Math.round((task.proceeding / task.pages) * 100)).toString() + "%"
|
|
}
|
|
})
|
|
|
|
if(preDeleteIndex !== -1)
|
|
delete tasks[preDeleteIndex]
|
|
state.totalGalleryTask.push(task)
|
|
})
|
|
}
|
|
|
|
switch (state.sortType) {
|
|
case "name":
|
|
state.totalGalleryTask = state.totalGalleryTask.sort((before, after) => {
|
|
return before.name > after.name ? 1: -1
|
|
})
|
|
break
|
|
case "shortName":
|
|
state.totalGalleryTask = state.totalGalleryTask.sort((before, after) => {
|
|
return before.shortName > after.shortName ? 1: -1
|
|
})
|
|
break
|
|
case "createTime":
|
|
state.totalGalleryTask = state.totalGalleryTask.sort((before, after) => {
|
|
return before.createTime - after.createTime
|
|
})
|
|
}
|
|
if(state.isAuth && !state.loadComplete){
|
|
state.loadComplete = true
|
|
ElMessage("加载完成")
|
|
}
|
|
},
|
|
_updateVideoTasks(state, data){
|
|
let {tasks, type} = data
|
|
if(type === 'all') {
|
|
state.totalVideoTask.splice(0)
|
|
tasks.forEach((task) => {
|
|
task.progress = task.status
|
|
if (task.status === "下载完成") {
|
|
let tempLink
|
|
let url = new URL(task.link)
|
|
|
|
state.maskDomain.forEach((mask) => {
|
|
if (url.host === mask['raw'])
|
|
tempLink = task.link.replace(mask['raw'], mask['mask'])
|
|
})
|
|
task.download = VideoManageUrl + "/file/" + encodeURI(task.name) + "?link=" + tempLink + "&AuthCode=" + state.AuthCode
|
|
task.createTimeDisplay = moment(task.createTime * 1000).format("YYYY-MM-DD HH:mm:ss")
|
|
}
|
|
state.totalVideoTask.push(task)
|
|
})
|
|
}
|
|
else{
|
|
let tempArray = Array.from(state.totalVideoTask)
|
|
state.totalVideoTask.splice(0)
|
|
let preDeleteIndex
|
|
tempArray.forEach((task) => {
|
|
preDeleteIndex = -1
|
|
if(task.status !== "下载完成")
|
|
tasks.forEach((newTask, index) => {
|
|
if(newTask.name === task.name){
|
|
task.progress = task.status
|
|
preDeleteIndex = index
|
|
}
|
|
})
|
|
if(preDeleteIndex !== -1)
|
|
delete tasks[preDeleteIndex]
|
|
state.totalVideoTask.push(task)
|
|
})
|
|
}
|
|
state.totalVideoTask = state.totalVideoTask.sort((before, after) => {
|
|
if(state.sortType === 'name')
|
|
return before.name > after.name ? 1: -1
|
|
else
|
|
return before.createTime - after.createTime
|
|
})
|
|
},
|
|
_changePage(state, targetPage){
|
|
state.page = targetPage
|
|
},
|
|
_authed(state, AuthCode){
|
|
state.AuthCode = AuthCode
|
|
state.isAuth = true
|
|
ElMessage("验证成功,加载中")
|
|
},
|
|
_unAuthed(state){
|
|
state.isAuth = false
|
|
state.AuthCode = ""
|
|
ElMessage("授权码错误")
|
|
localStorage.removeItem("auth")
|
|
},
|
|
_searchLocalByLink(state, link){
|
|
let tasks
|
|
let i = 0
|
|
let found = false
|
|
|
|
if(state.showType === "gallery")
|
|
tasks = state.totalGalleryTask
|
|
else
|
|
tasks = state.totalVideoTask
|
|
|
|
for (i = 0; i < tasks.length; i++)
|
|
if (tasks[i].link === link) {
|
|
state.page = Math.floor(i / state.length) + 1
|
|
found = true
|
|
break
|
|
}
|
|
|
|
if(!found)
|
|
ElMessage("未找到此任务")
|
|
else
|
|
ElMessage("已跳转到该任务所在页数")
|
|
},
|
|
_searchLocalByKeyword(state, keyword){
|
|
state.searchTask.splice(0)
|
|
if(keyword.trim() !== '') {
|
|
state.page = 1
|
|
let tasks
|
|
if (state.showType === "video")
|
|
tasks = state.totalVideoTask
|
|
else
|
|
tasks = state.totalGalleryTask
|
|
tasks.forEach((task) => {
|
|
if (task.name.includes(keyword))
|
|
state.searchTask.push(task)
|
|
})
|
|
if (state.searchTask.length === 0) {
|
|
ElMessage("未找到该关键字的任务")
|
|
}
|
|
}
|
|
},
|
|
_searchLocalByTag(state, tags) {
|
|
state.searchTask.splice(0)
|
|
state.page = 1
|
|
|
|
let tagAmount = tags.length
|
|
let hitAmount
|
|
let tasks = state.totalGalleryTask
|
|
|
|
if (tags[0].trim() !== '') {
|
|
tasks.forEach((task) => {
|
|
hitAmount = 0
|
|
tags.forEach((tag) => {
|
|
if (task.tag.includes(tag))
|
|
hitAmount++
|
|
})
|
|
if (hitAmount === tagAmount)
|
|
state.searchTask.push(task)
|
|
})
|
|
|
|
if (state.searchTask.length === 0)
|
|
ElMessage("未找到符合这些tag的任务")
|
|
}
|
|
},
|
|
_deleteGallery(state, gid){
|
|
state.totalGalleryTask.forEach((item, index, arr) => {
|
|
if(item.gid === gid){
|
|
arr.splice(index, 1)
|
|
}
|
|
})
|
|
},
|
|
_deleteVideo(state, id){
|
|
state.totalVideoTask.forEach((item, index, arr) => {
|
|
if(item.id === id)
|
|
arr.splice(index, 1)
|
|
})
|
|
},
|
|
_setChosenGallery(state,data){
|
|
if(data.gallery === false) {
|
|
state.chosenGallery.shortName = getShortname(state.chosenGallery.name)
|
|
state.chosenGallery.resolution = data.resolution
|
|
state.chosenGallery.fileSize = "等待下载完成后再查看"
|
|
state.chosenGallery.createTimeDisplay = "等待下载完成后再查看"
|
|
state.chosenGallery.progress = "已提交"
|
|
state.chosenGallery.tag = ""
|
|
state.totalGalleryTask.push(state.chosenGallery)
|
|
}
|
|
state.chosenGallery = data.gallery
|
|
},
|
|
_setChosenVideo(state,data){
|
|
if(data.video === false) {
|
|
state.chosenVideo.resolution = data.resolution
|
|
state.chosenVideo.fileSize = "下载完成后再查看"
|
|
state.chosenVideo.duration = "下载完成后再查看"
|
|
state.chosenVideo.createTimeDisplay = "下载完成后再查看"
|
|
state.chosenVideo.progress = "已提交"
|
|
state.totalVideoTask.push(state.chosenVideo)
|
|
}
|
|
state.chosenVideo = data.video
|
|
},
|
|
_setShowType(state, showType){
|
|
state.showType = showType
|
|
},
|
|
_setSortType(state, sortType){
|
|
state.sortType = sortType
|
|
switch (sortType) {
|
|
case "name":
|
|
state.totalGalleryTask = state.totalGalleryTask.sort((before, after) => {
|
|
return before.name > after.name ? 1: -1
|
|
})
|
|
state.totalVideoTask = state.totalVideoTask.sort((before, after) => {
|
|
return before.name > after.name ? 1: -1
|
|
})
|
|
break
|
|
case "shortName":
|
|
state.totalGalleryTask = state.totalGalleryTask.sort((before, after) => {
|
|
return before.shortName > after.shortName ? 1: -1
|
|
})
|
|
break
|
|
case "createTime":
|
|
state.totalGalleryTask = state.totalGalleryTask.sort((before, after) => {
|
|
return before.createTime - after.createTime
|
|
})
|
|
state.totalVideoTask = state.totalVideoTask.sort((before, after) => {
|
|
return before.createTime - after.createTime
|
|
})
|
|
}
|
|
},
|
|
_setShowNameType(state, type){
|
|
if(type === "shortName")
|
|
state.length = state.shortLength
|
|
else
|
|
state.length = state.defaultLength
|
|
},
|
|
_setMaskDomain(state, maskDomain){
|
|
state.maskDomain = maskDomain
|
|
},
|
|
_changeThumbnailGallery(state, gallery){
|
|
state.thumbnailGallery = gallery
|
|
state.thumbnailGallery.url = GalleryManageUrl + "/thumbnail/" + encodeURIComponent(gallery.name) + ".webp?AuthCode="+state.AuthCode
|
|
}
|
|
}
|
|
|
|
const state = {
|
|
totalGalleryTask:[], //存放本子数据的数组
|
|
chosenGallery:false, //准备下载的本子
|
|
thumbnailGallery:{},
|
|
collectGallery:[], //收藏的本子
|
|
|
|
totalVideoTask:[], //存放视频数据的数组
|
|
chosenVideo:false, //准备下载的视频
|
|
|
|
page:1, //当前页数
|
|
length:10, //每页能有多少个链接
|
|
defaultLength:7, //默认个数
|
|
shortLength:10, //简洁个数
|
|
|
|
userId:-1, //用户id
|
|
isAuth:false, //是否授权
|
|
AuthCode:'', //授权码
|
|
loadComplete:false, //是否加载完成
|
|
refreshTimer:0, //更新计时器id
|
|
|
|
isInclude:false, //是否搜索到任务
|
|
searchTask:[], //搜索到的任务
|
|
showType:'gallery', //展示类型
|
|
sortType:'shortName', //排序类型
|
|
weekUsed:{}, //每周用量
|
|
|
|
maskDomain:[] //伪装域名
|
|
}
|
|
|
|
const getters = {
|
|
galleryTasks(state){
|
|
if(state.showType === 'collect')
|
|
return state.collectGallery.slice((state.page-1)*state.length, state.page*state.length)
|
|
if(state.searchTask.length !== 0)
|
|
return state.searchTask.slice((state.page-1)*state.length, state.page*state.length)
|
|
if(state.totalGalleryTask.length !== 0)
|
|
return state.totalGalleryTask.slice((state.page-1)*state.length, state.page*state.length)
|
|
return null
|
|
},
|
|
videoTasks(state){
|
|
if(state.searchTask.length !== 0)
|
|
return state.searchTask.slice((state.page-1)*state.length, state.page*state.length)
|
|
if(state.totalVideoTask.length !== 0)
|
|
return state.totalVideoTask.slice((state.page-1)*state.length, state.page*state.length)
|
|
return null
|
|
},
|
|
min(){
|
|
return 1
|
|
},
|
|
max(state){
|
|
let max = 0
|
|
let tasks
|
|
if(state.showType === 'collect')
|
|
tasks = state.collectGallery
|
|
else if(state.searchTask.length !== 0)
|
|
tasks = state.searchTask
|
|
else if(state.showType === "gallery")
|
|
if(state.totalGalleryTask.length !== 0)
|
|
tasks = state.totalGalleryTask
|
|
else if(state.showType === "video")
|
|
if(state.totalVideoTask.length)
|
|
tasks = state.totalVideoTask
|
|
|
|
if(!tasks)
|
|
return 1
|
|
|
|
max = Math.floor(tasks.length/state.length)
|
|
if(tasks.length % state.length !== 0)
|
|
max += 1
|
|
|
|
if(max === 0)
|
|
return 1
|
|
return max
|
|
}
|
|
}
|
|
|
|
export default new vuex.Store({
|
|
actions,
|
|
mutations,
|
|
state,
|
|
getters
|
|
})
|
|
|
|
function getShortname(name){
|
|
if (name.includes("[")) {
|
|
let lastIndex = name.lastIndexOf("[")
|
|
name = name.substring(0, lastIndex)
|
|
while (name.includes("[") && name.includes("]")) {
|
|
let start = name.indexOf("[")
|
|
let end = name.indexOf("]") + 1
|
|
let temp = name.substring(start, end)
|
|
name = name.replace(temp, "")
|
|
}
|
|
while (name.includes("(") && name.includes(")")) {
|
|
let start = name.indexOf("(")
|
|
let end = name.indexOf(")") + 1
|
|
let temp = name.substring(start, end)
|
|
name = name.replace(temp, "")
|
|
}
|
|
return name.trim()
|
|
} else {
|
|
return name
|
|
}
|
|
} |