第一次提交，该项目为LionWebsite的移动端
This commit is contained in:
emm
commit
34b1fdaadf
13
index.html
Normal file
13
index.html
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>Vite + Vue</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="app"></div>
|
||||||
|
<script type="module" src="/src/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
23
src/App.vue
Normal file
23
src/App.vue
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
<script setup>
|
||||||
|
import Side from "./components/Side.vue";
|
||||||
|
import DashBoard from "./components/DashBoard.vue";
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="app">
|
||||||
|
<el-container>
|
||||||
|
<Side/>
|
||||||
|
<el-main>
|
||||||
|
<DashBoard/>
|
||||||
|
</el-main>
|
||||||
|
</el-container>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.app{
|
||||||
|
background-color: #c6e2ff;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
251
src/components/DashBoard.vue
Normal file
251
src/components/DashBoard.vue
Normal file
@ -0,0 +1,251 @@
|
|||||||
|
<template>
|
||||||
|
<div class="DashBoard" v-show="loadComplete">
|
||||||
|
|
||||||
|
<el-input v-model="link" placeholder="输入链接"/> <br>
|
||||||
|
|
||||||
|
<el-button @click="queryTask">查询任务</el-button>
|
||||||
|
<el-button @click="searchByLink">查找任务</el-button> <br>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
<hr>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<el-input v-model="keyword" placeholder="输入关键字" @change="searchByKeyword"/>
|
||||||
|
<br>
|
||||||
|
<el-button>确定</el-button>
|
||||||
|
<br>
|
||||||
|
<el-button @click="openPanel">打开面板</el-button>
|
||||||
|
<el-button @click="closePanel">关闭面板</el-button>
|
||||||
|
<br>
|
||||||
|
<el-button @click="deleteAuthCode">删除授权码</el-button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<el-dialog title="查询本子" v-model="preDownloadGallery" width="100">
|
||||||
|
<table>
|
||||||
|
<tr>本子名字:{{preDownloadGallery.name}}</tr>
|
||||||
|
<tr>本子页数:{{preDownloadGallery.pages}}</tr>
|
||||||
|
<tr>本子语言:{{preDownloadGallery.language}}</tr>
|
||||||
|
<tr>本子大小:{{preDownloadGallery.fileSize}}</tr>
|
||||||
|
<tr>本子状态:{{preDownloadGallery.status}}</tr>
|
||||||
|
<tr v-if="preDownloadGallery.availableResolution">
|
||||||
|
目标分辨率:<el-select v-model="targetResolution">
|
||||||
|
<el-option v-for="(fileSize, resolution) in preDownloadGallery.availableResolution" :value="resolution"
|
||||||
|
:label="modify(resolution, fileSize)">
|
||||||
|
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<el-button @click="postTask" v-if="preDownloadGallery.availableResolution">下载</el-button>
|
||||||
|
</el-dialog>
|
||||||
|
<el-dialog title="查询视频" v-model="preDownloadVideo" width="100">
|
||||||
|
<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">
|
||||||
|
<el-input v-model="AuthCode" class="validate" placeholder="请输入授权码">
|
||||||
|
</el-input>
|
||||||
|
<el-checkbox v-model="isRemember">是否记住授权码</el-checkbox><br>
|
||||||
|
<el-button @click="validate" type="primary" @keydown.enter="validate">验证</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import store from "../store";
|
||||||
|
import {computed, ref, onMounted} from "vue";
|
||||||
|
import {ElMessage} from "element-plus"
|
||||||
|
export default {
|
||||||
|
name: "DashBoard",
|
||||||
|
setup(){
|
||||||
|
const link = ref("")
|
||||||
|
const AuthCode = ref("")
|
||||||
|
const keyword = ref("")
|
||||||
|
const isRemember = ref(false)
|
||||||
|
const targetResolution = ref("")
|
||||||
|
let timer
|
||||||
|
|
||||||
|
let preDownloadGallery = computed(() => {
|
||||||
|
return store.getters.preDownloadGallery
|
||||||
|
})
|
||||||
|
|
||||||
|
let preDownloadVideo = computed(() => {
|
||||||
|
return store.getters.preDownloadVideo
|
||||||
|
})
|
||||||
|
|
||||||
|
const loadComplete = computed(() => {
|
||||||
|
return store.getters.loadComplete
|
||||||
|
})
|
||||||
|
|
||||||
|
function modify(str1, str2){
|
||||||
|
return str1 + " " + str2
|
||||||
|
}
|
||||||
|
|
||||||
|
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 {
|
||||||
|
store.dispatch("postVideoTask", {link: tempLink, targetResolution: targetResolution.value})
|
||||||
|
targetResolution.value = ""
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
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)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function validate(){
|
||||||
|
if(AuthCode.value.trim() === ""){
|
||||||
|
ElMessage("请输入授权码后再验证")
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
store.dispatch("validate", AuthCode.value)
|
||||||
|
if(isRemember.value)
|
||||||
|
localStorage.setItem("auth", AuthCode.value)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function searchByLink() {
|
||||||
|
if(link.value.trim() === ""){
|
||||||
|
ElMessage("请输入链接后查找")
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
store.dispatch("searchByLink", link.value)
|
||||||
|
openPanel()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function searchByKeyword(){
|
||||||
|
if(timer)
|
||||||
|
clearTimeout(timer)
|
||||||
|
timer = setTimeout(() => {
|
||||||
|
store.dispatch("searchByKeyword", keyword.value)
|
||||||
|
}, 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")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function openPanel(){
|
||||||
|
store.commit("_openHistoryPanel")
|
||||||
|
}
|
||||||
|
|
||||||
|
function closePanel(){
|
||||||
|
store.commit("_closeHistoryPanel")
|
||||||
|
}
|
||||||
|
|
||||||
|
function deleteAuthCode() {
|
||||||
|
localStorage.clear()
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
const auth = localStorage.getItem("auth")
|
||||||
|
if(auth !== null){
|
||||||
|
store.dispatch("validate", auth)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
return {postTask,
|
||||||
|
queryTask,
|
||||||
|
validate,
|
||||||
|
searchByLink,
|
||||||
|
searchByKeyword,
|
||||||
|
modify,
|
||||||
|
openPanel,
|
||||||
|
closePanel,
|
||||||
|
deleteAuthCode,
|
||||||
|
link,
|
||||||
|
loadComplete,
|
||||||
|
AuthCode,
|
||||||
|
keyword,
|
||||||
|
isRemember,
|
||||||
|
preDownloadGallery,
|
||||||
|
preDownloadVideo,
|
||||||
|
targetResolution,
|
||||||
|
store
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.DashBoard{
|
||||||
|
width: auto;
|
||||||
|
height: 90vh;
|
||||||
|
background-color: ghostwhite;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.validate{
|
||||||
|
width: auto;
|
||||||
|
background-color: ghostwhite;
|
||||||
|
display: block;
|
||||||
|
padding-left: 100px;
|
||||||
|
padding-top: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-input{
|
||||||
|
width: 250px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
271
src/components/Side.vue
Normal file
271
src/components/Side.vue
Normal file
@ -0,0 +1,271 @@
|
|||||||
|
<template>
|
||||||
|
<el-drawer v-model="isOpenHistoryPanel" direction="ltr" size="150" @close="closeHistoryPanel" :title="showType">
|
||||||
|
<div class="side">
|
||||||
|
<div v-show="loadComplete" class="load_complete">
|
||||||
|
<el-table :data="galleryTasks" v-show="isShowGalleryHistory">
|
||||||
|
|
||||||
|
<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}}<br>
|
||||||
|
分辨率:{{props.row.resolution}}<br>
|
||||||
|
<el-button @click="downloadTask(props.row.download)" :disabled="operational(props.row.download)">下载</el-button>
|
||||||
|
<el-button @click="deleteGallery(props.row.gid)" :disabled="operational(props.row.download)">删除</el-button>
|
||||||
|
<el-button @click="onlineGalleryReader(props.row.name)" :disabled="operational(props.row.download)">在线看</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column label="名字" width="200">
|
||||||
|
<template #default="scoped">
|
||||||
|
{{scoped.row.name}}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column label="进度" width="60">
|
||||||
|
<template #default="scoped">
|
||||||
|
{{ scoped.row.progress }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
<el-table :data="videoTasks" v-show="isShowVideoHistory">
|
||||||
|
<el-table-column type="expand">
|
||||||
|
<template #default="props">
|
||||||
|
名字:{{props.row.name}} <br>
|
||||||
|
网站:{{props.row.website}} <br>
|
||||||
|
链接:<el-link :href="props.row.link">链接</el-link> <br>
|
||||||
|
文件大小:{{props.row.fileSize}} <br>
|
||||||
|
视频长度:{{props.row.duration}} <br>
|
||||||
|
分辨率:{{props.row.resolution}} <br>
|
||||||
|
<el-button @click="downloadTask(props.row.download)" :disabled="operational(props.row.download)">下载</el-button>
|
||||||
|
<el-button @click="deleteVideo(props.row.id)" :disabled="operational(props.row.download)">删除</el-button>
|
||||||
|
<el-button @click="onlineVideoViewer(props.row.name)" :disabled="operational(props.row.download)">在线看</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column label="名字" width="200">
|
||||||
|
<template #default="scoped">
|
||||||
|
{{scoped.row.name}}
|
||||||
|
</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>
|
||||||
|
<el-button @click="previous">-</el-button>
|
||||||
|
<el-input v-model="targetPage"
|
||||||
|
@change="changePage"
|
||||||
|
v-show="isEditing"
|
||||||
|
@blur="reverse"
|
||||||
|
class="page"
|
||||||
|
ref="inputNode"></el-input>
|
||||||
|
<span @click="reverse" v-show="!isEditing" class="page">{{page}}</span>
|
||||||
|
<el-button @click="next">+</el-button>
|
||||||
|
<el-button @click="toMax">{{max}}</el-button>
|
||||||
|
</el-col>
|
||||||
|
<el-col>
|
||||||
|
<el-button @click="changeShowType">切换</el-button>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-drawer>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import store from "../store";
|
||||||
|
import {computed, ref} from "vue";
|
||||||
|
export default {
|
||||||
|
name: "Side",
|
||||||
|
setup(){
|
||||||
|
|
||||||
|
const targetPage = ref(1)
|
||||||
|
const isEditing = ref(false)
|
||||||
|
|
||||||
|
let inputNode = ref(null)
|
||||||
|
let showType = ref("本子")
|
||||||
|
|
||||||
|
let galleryTasks = computed(() => {
|
||||||
|
if(store.getters.galleryTasks)
|
||||||
|
return store.getters.galleryTasks
|
||||||
|
else
|
||||||
|
return null
|
||||||
|
})
|
||||||
|
|
||||||
|
let videoTasks = computed(() => {
|
||||||
|
if(store.getters.videoTasks)
|
||||||
|
return store.getters.videoTasks
|
||||||
|
else
|
||||||
|
return null
|
||||||
|
})
|
||||||
|
|
||||||
|
let isShowVideoHistory = computed(() => {
|
||||||
|
return store.getters.showType === "video"
|
||||||
|
})
|
||||||
|
|
||||||
|
let isShowGalleryHistory = computed(() => {
|
||||||
|
return store.getters.showType === "gallery"
|
||||||
|
})
|
||||||
|
|
||||||
|
let isOpenHistoryPanel = computed(() => {
|
||||||
|
return store.getters.isShowHistory
|
||||||
|
})
|
||||||
|
|
||||||
|
let min = computed(() => {
|
||||||
|
return store.getters.min
|
||||||
|
})
|
||||||
|
|
||||||
|
let max = computed(() => {
|
||||||
|
if(targetPage.value > store.getters.max)
|
||||||
|
store.commit("_changePage", store.getters.max)
|
||||||
|
return store.getters.max
|
||||||
|
})
|
||||||
|
|
||||||
|
let page = computed(() => {
|
||||||
|
targetPage.value = store.getters.page
|
||||||
|
return store.getters.page
|
||||||
|
})
|
||||||
|
|
||||||
|
let loadComplete = computed(() => {
|
||||||
|
return store.getters.loadComplete
|
||||||
|
})
|
||||||
|
|
||||||
|
function next() {
|
||||||
|
if(targetPage.value < max.value) {
|
||||||
|
targetPage.value++
|
||||||
|
store.commit("_changePage", targetPage.value)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function previous() {
|
||||||
|
if(targetPage.value > min.value) {
|
||||||
|
targetPage.value--
|
||||||
|
store.commit("_changePage", targetPage.value)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function toMax() {
|
||||||
|
store.commit("_changePage", max.value)
|
||||||
|
targetPage.value = max.value
|
||||||
|
}
|
||||||
|
|
||||||
|
function toMin(){
|
||||||
|
store.commit("_changePage", min.value)
|
||||||
|
targetPage.value = min.value
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function changePage(){
|
||||||
|
if(targetPage.value >= min.value && targetPage.value <= max.value)
|
||||||
|
store.commit("_changePage", targetPage.value)
|
||||||
|
}
|
||||||
|
|
||||||
|
function reverse(){
|
||||||
|
isEditing.value = !isEditing.value
|
||||||
|
if(isEditing){
|
||||||
|
inputNode.value.focus()
|
||||||
|
}
|
||||||
|
targetPage.value = page.value
|
||||||
|
}
|
||||||
|
|
||||||
|
function closeHistoryPanel(){
|
||||||
|
store.commit("_closeHistoryPanel")
|
||||||
|
}
|
||||||
|
|
||||||
|
function downloadTask(link){
|
||||||
|
window.open(link)
|
||||||
|
}
|
||||||
|
|
||||||
|
function deleteGallery(gid){
|
||||||
|
store.dispatch("deleteGallery", gid)
|
||||||
|
}
|
||||||
|
|
||||||
|
function deleteVideo(id){
|
||||||
|
store.dispatch("deleteVideo", id)
|
||||||
|
}
|
||||||
|
|
||||||
|
function onlineGalleryReader(name){
|
||||||
|
window.open("http://100.42.234.138:8080/1/gallery/" + encodeURI(name))
|
||||||
|
}
|
||||||
|
|
||||||
|
function onlineVideoViewer(name){
|
||||||
|
window.open("http://100.42.234.138:8080/1/video/")
|
||||||
|
}
|
||||||
|
|
||||||
|
function changeShowType(){
|
||||||
|
if(isShowVideoHistory.value){
|
||||||
|
store.commit("_setShowType", "gallery")
|
||||||
|
showType.value = "本子"
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
store.commit("_setShowType", "video")
|
||||||
|
showType.value = "视频"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function operational(task){
|
||||||
|
return task === null
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
return {galleryTasks,
|
||||||
|
videoTasks,
|
||||||
|
min,
|
||||||
|
max,
|
||||||
|
targetPage,
|
||||||
|
loadComplete,
|
||||||
|
page,
|
||||||
|
isEditing,
|
||||||
|
inputNode,
|
||||||
|
isOpenHistoryPanel,
|
||||||
|
isShowVideoHistory,
|
||||||
|
isShowGalleryHistory,
|
||||||
|
showType,
|
||||||
|
reverse,
|
||||||
|
changePage,
|
||||||
|
changeShowType,
|
||||||
|
closeHistoryPanel,
|
||||||
|
toMax,
|
||||||
|
toMin,
|
||||||
|
previous,
|
||||||
|
next,
|
||||||
|
downloadTask,
|
||||||
|
deleteGallery,
|
||||||
|
deleteVideo,
|
||||||
|
onlineGalleryReader,
|
||||||
|
onlineVideoViewer,
|
||||||
|
operational,
|
||||||
|
store
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.side{
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
span{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.pageChanger{
|
||||||
|
position: absolute;
|
||||||
|
top:88vh;
|
||||||
|
left: 45px;
|
||||||
|
}
|
||||||
|
.page{
|
||||||
|
display: inline-block;
|
||||||
|
width: 50px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
7
src/main.js
Normal file
7
src/main.js
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
import { createApp } from 'vue'
|
||||||
|
import App from './App.vue'
|
||||||
|
import 'element-plus/dist/index.css'
|
||||||
|
import element from "element-plus"
|
||||||
|
import "./reset.css"
|
||||||
|
|
||||||
|
createApp(App).use(element).mount('#app')
|
||||||
402
src/store/index.js
Normal file
402
src/store/index.js
Normal file
@ -0,0 +1,402 @@
|
|||||||
|
import vuex from "vuex"
|
||||||
|
import axios from "axios"
|
||||||
|
import {ElMessage} from "element-plus"
|
||||||
|
import qs from "qs"
|
||||||
|
const BaseUrl = "http://100.42.234.138:8888/"
|
||||||
|
const GalleryTaskHandlerUrl = BaseUrl + "GalleryTaskHandler/"
|
||||||
|
const VideoTaskHandlerUrl = BaseUrl + "VideoTaskHandler/"
|
||||||
|
|
||||||
|
const actions = {
|
||||||
|
updateGalleryTasks(context){
|
||||||
|
const AuthCode = context.state.AuthCode
|
||||||
|
axios.get(GalleryTaskHandlerUrl, {
|
||||||
|
params:{
|
||||||
|
param:"",
|
||||||
|
type:"all",
|
||||||
|
AuthCode
|
||||||
|
}
|
||||||
|
}).then((res) => {
|
||||||
|
let temp = []
|
||||||
|
context.commit("_emptyGalleryTasks")
|
||||||
|
JSON.parse(res.data.data).forEach((task) => {
|
||||||
|
temp.push(task)
|
||||||
|
})
|
||||||
|
context.commit("_updateGalleryTasks", temp)
|
||||||
|
|
||||||
|
})
|
||||||
|
},
|
||||||
|
updateVideoTasks(context){
|
||||||
|
const AuthCode = context.state.AuthCode
|
||||||
|
axios.get(VideoTaskHandlerUrl, {
|
||||||
|
params:{
|
||||||
|
param:"123",
|
||||||
|
type:"all",
|
||||||
|
AuthCode
|
||||||
|
}
|
||||||
|
}).then(res => {
|
||||||
|
let temp = []
|
||||||
|
context.commit("_emptyVideoTasks")
|
||||||
|
JSON.parse(res.data.data).forEach(task => {
|
||||||
|
temp.push(task)
|
||||||
|
})
|
||||||
|
context.commit("_updateVideoTasks", temp)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
postGalleryTask(context, data){
|
||||||
|
axios.post(GalleryTaskHandlerUrl, qs.stringify({
|
||||||
|
AuthCode:context.state.AuthCode,
|
||||||
|
link:data.link,
|
||||||
|
targetResolution:data.targetResolution
|
||||||
|
})).then((res) => {
|
||||||
|
if(res.data.result === "success") {
|
||||||
|
ElMessage("提交成功")
|
||||||
|
context.commit("_setPreDownloadGallery", {gallery:false, resolution:data.targetResolution})
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
if(res.data.data)
|
||||||
|
ElMessage(res.data.data)
|
||||||
|
else{
|
||||||
|
ElMessage("提交失败")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
postVideoTask(context, data){
|
||||||
|
axios.post(VideoTaskHandlerUrl, qs.stringify({
|
||||||
|
AuthCode:context.state.AuthCode,
|
||||||
|
link: data.link,
|
||||||
|
targetResolution: data.targetResolution
|
||||||
|
})).then((res) => {
|
||||||
|
if(res.data.result === "success") {
|
||||||
|
ElMessage("提交成功")
|
||||||
|
context.commit("_setPreDownloadVideo", {video:false, resolution:data.targetResolution})
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
if(res.data.data)
|
||||||
|
ElMessage(res.data.data)
|
||||||
|
else{
|
||||||
|
ElMessage("提交失败")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
queryGalleryTask(context, link){
|
||||||
|
const AuthCode = context.state.AuthCode
|
||||||
|
axios.get(GalleryTaskHandlerUrl, {
|
||||||
|
params:{
|
||||||
|
param:link,
|
||||||
|
type:'link',
|
||||||
|
AuthCode
|
||||||
|
}
|
||||||
|
}).then((res) => {
|
||||||
|
if(res.data.result === 'success'){
|
||||||
|
const gallery = JSON.parse(res.data.data)
|
||||||
|
context.commit("_setPreDownloadGallery", {gallery})
|
||||||
|
}
|
||||||
|
else
|
||||||
|
ElMessage("查询失败")
|
||||||
|
})
|
||||||
|
},
|
||||||
|
queryVideoTask(context, link){
|
||||||
|
const AuthCode = context.state.AuthCode
|
||||||
|
axios.get(VideoTaskHandlerUrl, {
|
||||||
|
params:{
|
||||||
|
param: link,
|
||||||
|
type:"link",
|
||||||
|
AuthCode
|
||||||
|
}
|
||||||
|
}).then((res) => {
|
||||||
|
if(res.data.result === 'success'){
|
||||||
|
const video = JSON.parse(res.data.data)
|
||||||
|
context.commit("_setPreDownloadVideo", {video})
|
||||||
|
}
|
||||||
|
else
|
||||||
|
ElMessage("查询失败")
|
||||||
|
})
|
||||||
|
},
|
||||||
|
validate(context, AuthCode){
|
||||||
|
axios.post(BaseUrl + "validate?AuthCode=" + AuthCode).then((res)=>{
|
||||||
|
if(res.data.result === 'success'){
|
||||||
|
context.commit("_authed", AuthCode, context)
|
||||||
|
context.dispatch("updateGalleryTasks").then()
|
||||||
|
context.dispatch("updateVideoTasks").then()
|
||||||
|
setInterval(() => {
|
||||||
|
context.dispatch("update").then()
|
||||||
|
}, 30000)
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
context.commit("_unAuthed")
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
update(context){
|
||||||
|
if(context.state.showType === "video")
|
||||||
|
context.dispatch("updateVideoTasks").then()
|
||||||
|
else
|
||||||
|
context.dispatch("updateGalleryTasks").then()
|
||||||
|
},
|
||||||
|
searchByLink(context, link){
|
||||||
|
context.commit("_searchByLink", link)
|
||||||
|
},
|
||||||
|
searchByKeyword(context, keyword){
|
||||||
|
context.commit("_searchByKeyword", keyword)
|
||||||
|
},
|
||||||
|
deleteGallery(context, gid){
|
||||||
|
axios.delete(GalleryTaskHandlerUrl, {
|
||||||
|
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(VideoTaskHandlerUrl, {
|
||||||
|
params:{
|
||||||
|
AuthCode:state.AuthCode,
|
||||||
|
id
|
||||||
|
}
|
||||||
|
}).then((res) => {
|
||||||
|
if(res.data.result === "success"){
|
||||||
|
ElMessage("删除成功")
|
||||||
|
context.commit("_deleteVideo", id)
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
ElMessage(res.data.data)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const mutations = {
|
||||||
|
_emptyGalleryTasks(state){
|
||||||
|
state.totalGalleryTask.splice(0)
|
||||||
|
},
|
||||||
|
_emptyVideoTasks(state){
|
||||||
|
state.totalVideoTask.splice(0)
|
||||||
|
},
|
||||||
|
_updateGalleryTasks(state, tasks){
|
||||||
|
const download_url = GalleryTaskHandlerUrl + "file?link="
|
||||||
|
tasks.forEach((task) => {
|
||||||
|
if(task.status === "已提交"){
|
||||||
|
task.progress = "已提交"
|
||||||
|
}
|
||||||
|
else if(task.status === "下载中"){
|
||||||
|
task.progress = (Math.round((task.proceeding / task.pages)*100)).toString() + "%"
|
||||||
|
}
|
||||||
|
else if(task.status === "下载完成"){
|
||||||
|
task.progress = "下载完成"
|
||||||
|
task.download = download_url + task.link + "&AuthCode=" + state.AuthCode
|
||||||
|
}
|
||||||
|
state.totalGalleryTask.push(task)
|
||||||
|
})
|
||||||
|
if(state.isAuth && !state.loadComplete){
|
||||||
|
state.loadComplete = true
|
||||||
|
ElMessage("加载完成")
|
||||||
|
}
|
||||||
|
},
|
||||||
|
_updateVideoTasks(state, tasks){
|
||||||
|
const downloadUrl = VideoTaskHandlerUrl + "file?link="
|
||||||
|
tasks.forEach((task) => {
|
||||||
|
task.progress = task.status
|
||||||
|
if(task.status === "下载完成"){
|
||||||
|
let tempLink
|
||||||
|
if(task.link.includes("xvideos.com"))
|
||||||
|
tempLink = task.link.replace("xvideos", "xiaomi")
|
||||||
|
else if(task.link.includes("cn.pornhub"))
|
||||||
|
tempLink = task.link.replace("cn.pornhub", "pixiv")
|
||||||
|
else
|
||||||
|
tempLink = task.link.replace("pornhub", "pixiv")
|
||||||
|
task.download = downloadUrl + tempLink + "&AuthCode=" + state.AuthCode
|
||||||
|
}
|
||||||
|
state.totalVideoTask.push(task)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
_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")
|
||||||
|
},
|
||||||
|
_searchByLink(state, link){
|
||||||
|
let tasks
|
||||||
|
if(state.showType === "gallery") {
|
||||||
|
tasks = state.totalGalleryTask
|
||||||
|
}
|
||||||
|
else
|
||||||
|
tasks = state.totalVideoTask
|
||||||
|
let i = 0
|
||||||
|
let found = false
|
||||||
|
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("已跳转到该任务所在页数")
|
||||||
|
}
|
||||||
|
},
|
||||||
|
_searchByKeyword(state, keyword){
|
||||||
|
state.searchTask.splice(0)
|
||||||
|
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("未找到该关键字的任务")
|
||||||
|
}
|
||||||
|
},
|
||||||
|
_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)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
_setPreDownloadGallery(state,data){
|
||||||
|
if(data.gallery === false) {
|
||||||
|
state.preDownloadGallery.resolution = data.resolution
|
||||||
|
state.preDownloadGallery.fileSize = "等待下载完成后再查看"
|
||||||
|
state.totalGalleryTask.push(state.preDownloadGallery)
|
||||||
|
}
|
||||||
|
state.preDownloadGallery = data.gallery
|
||||||
|
},
|
||||||
|
_setPreDownloadVideo(state,data){
|
||||||
|
if(data.video === false) {
|
||||||
|
state.preDownloadVideo.resolution = data.resolution
|
||||||
|
state.preDownloadVideo.fileSize = "下载完成后再查看"
|
||||||
|
state.preDownloadVideo.duration = "下载完成后再查看"
|
||||||
|
state.totalVideoTask.push(state.preDownloadVideo)
|
||||||
|
}
|
||||||
|
state.preDownloadVideo = data.video
|
||||||
|
},
|
||||||
|
_setShowType(state, showType){
|
||||||
|
state.showType = showType
|
||||||
|
},
|
||||||
|
_openHistoryPanel(state){
|
||||||
|
state.isShowHistory = true
|
||||||
|
},
|
||||||
|
_closeHistoryPanel(state){
|
||||||
|
state.isShowHistory = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const state = {
|
||||||
|
totalGalleryTask:[], //存放本子数据的数组
|
||||||
|
preDownloadGallery:false, //准备下载的本子
|
||||||
|
|
||||||
|
totalVideoTask:[], //存放视频数据的数组
|
||||||
|
preDownloadVideo:false, //准备下载的视频
|
||||||
|
|
||||||
|
page:1, //当前页数
|
||||||
|
length:8, //每页能有多少个链接
|
||||||
|
|
||||||
|
isAuth:false, //是否授权
|
||||||
|
AuthCode:'', //授权码
|
||||||
|
loadComplete:false, //是否加载完成
|
||||||
|
|
||||||
|
isInclude:false, //是否搜索到任务
|
||||||
|
searchTask:[], //搜索到的任务
|
||||||
|
isShowHistory:false, //是否打开面板
|
||||||
|
showType:"gallery"
|
||||||
|
}
|
||||||
|
|
||||||
|
const getters = {
|
||||||
|
galleryTasks(state){
|
||||||
|
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.searchTask.length !== 0){
|
||||||
|
tasks = state.searchTask
|
||||||
|
}
|
||||||
|
else if(state.showHistory === "gallery")
|
||||||
|
if(state.totalGalleryTask.length !== 0)
|
||||||
|
tasks = state.totalGalleryTask
|
||||||
|
else if(state.showHistory === "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
|
||||||
|
}
|
||||||
|
return max
|
||||||
|
},
|
||||||
|
isAuth(state){
|
||||||
|
return state.isAuth
|
||||||
|
},
|
||||||
|
page(state){
|
||||||
|
return state.page
|
||||||
|
},
|
||||||
|
loadComplete(state){
|
||||||
|
return state.loadComplete
|
||||||
|
},
|
||||||
|
preDownloadGallery(state){
|
||||||
|
return state.preDownloadGallery
|
||||||
|
},
|
||||||
|
preDownloadVideo(state){
|
||||||
|
return state.preDownloadVideo
|
||||||
|
},
|
||||||
|
isShowHistory(state){
|
||||||
|
return state.isShowHistory
|
||||||
|
},
|
||||||
|
showType(state){
|
||||||
|
return state.showType
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default new vuex.Store({
|
||||||
|
actions,
|
||||||
|
mutations,
|
||||||
|
state,
|
||||||
|
getters
|
||||||
|
})
|
||||||
|
|
||||||
Loading…
Reference in New Issue
Block a user