加入在线看的跳转按钮，精简代码
This commit is contained in:
emm
@@ -1,61 +1,39 @@
|
||||
<template>
|
||||
<div class="DashBoard" v-show="loadComplete">
|
||||
<el-row>
|
||||
<el-col :span="24"> </el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8"></el-col>
|
||||
<el-col :span="8">
|
||||
<el-input v-model="link" placeholder="输入链接"></el-input>
|
||||
</el-col>
|
||||
<el-col :span="8"></el-col>
|
||||
</el-row>
|
||||
<el-input v-model="link" placeholder="输入链接"/>
|
||||
<br>
|
||||
<el-row>
|
||||
<el-col :span="8"></el-col>
|
||||
<el-col :span="12">
|
||||
<el-button @click="post">提交下载</el-button>
|
||||
<el-button @click="query">查询任务</el-button>
|
||||
<el-button @click="searchByLink">查找任务</el-button>
|
||||
</el-col>
|
||||
<el-col :span="4"></el-col>
|
||||
</el-row>
|
||||
<el-button @click="query">查询本子</el-button>
|
||||
<el-button @click="searchByLink">查找任务</el-button>
|
||||
<br>
|
||||
<hr>
|
||||
<br>
|
||||
<el-row>
|
||||
<el-col :span="8"></el-col>
|
||||
<el-col :span="8">
|
||||
<el-input v-model="keyword" placeholder="输入关键字" @change="searchByKeyword">
|
||||
<template #prefix>
|
||||
输入关键字查找：
|
||||
</template>
|
||||
</el-input>
|
||||
</el-col>
|
||||
<el-col :span="8"></el-col>
|
||||
</el-row>
|
||||
<el-input v-model="keyword" placeholder="输入关键字查找任务" @change="searchByKeyword"/>
|
||||
<br>
|
||||
<el-row>
|
||||
<el-col :span="11"></el-col>
|
||||
<el-col :span="7">
|
||||
<el-button>确定</el-button>
|
||||
</el-col>
|
||||
<el-col :span="6"></el-col>
|
||||
</el-row>
|
||||
<el-button>确定</el-button>
|
||||
</div>
|
||||
|
||||
<el-dialog title="查询本子" v-model="preDownloadGallery">
|
||||
<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="post" v-if="preDownloadGallery.availableResolution">下载</el-button>
|
||||
</el-dialog>
|
||||
|
||||
<div class="DashBoard" v-show="!loadComplete">
|
||||
<el-col :span="15">
|
||||
<el-input v-model="AuthCode" class="validate">
|
||||
<template #prefix>
|
||||
请输入授权码：
|
||||
</template>
|
||||
</el-input>
|
||||
<el-checkbox v-model="isRemember" style="margin-left: 180px">是否记住授权码</el-checkbox>
|
||||
<el-button @click="validate" type="primary" @keydown.enter="validate" style="margin-left: 100px">验证</el-button>
|
||||
|
||||
</el-col>
|
||||
|
||||
<el-input v-model="AuthCode" placeholder="请输入授权码" style="padding-top: 200px"/> <br>
|
||||
<el-checkbox v-model="isRemember">是否记住授权码</el-checkbox>
|
||||
<el-button @click="validate" type="primary" @keydown.enter="validate" style="margin-left: 50px">验证</el-button>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -70,23 +48,35 @@ export default {
|
||||
const AuthCode = ref("")
|
||||
const keyword = ref("")
|
||||
const isRemember = ref(false)
|
||||
const targetResolution = ref("")
|
||||
let timer
|
||||
|
||||
let preDownloadGallery = computed(() => {
|
||||
return store.getters.preDownloadGallery
|
||||
})
|
||||
|
||||
const loadComplete = computed(() => {
|
||||
return store.getters.loadComplete
|
||||
})
|
||||
|
||||
function modify(str1, str2){
|
||||
return str1 + " " + str2
|
||||
}
|
||||
|
||||
function post(){
|
||||
if(link.value.trim() === ''){
|
||||
ElMessage("请输入链接后再提交")
|
||||
}
|
||||
if(targetResolution.value === ''){
|
||||
ElMessage("请选择分辨率再提交")
|
||||
}
|
||||
else {
|
||||
let gid = link.value.split('/')[4]
|
||||
if (!gid || !link.value.includes("hentai")) {
|
||||
ElMessage("请检查链接输入是否正确")
|
||||
}
|
||||
else
|
||||
store.dispatch("post", link.value)
|
||||
store.dispatch("post", {link: link.value, targetResolution: targetResolution.value})
|
||||
}
|
||||
}
|
||||
|
||||
@@ -104,7 +94,8 @@ export default {
|
||||
}
|
||||
else{
|
||||
store.dispatch("validate", AuthCode.value)
|
||||
localStorage.setItem("auth", AuthCode.value)
|
||||
if(isRemember.value)
|
||||
localStorage.setItem("auth", AuthCode.value)
|
||||
}
|
||||
}
|
||||
|
||||
@@ -132,7 +123,21 @@ export default {
|
||||
}
|
||||
})
|
||||
|
||||
return {post, query, validate, searchByLink, searchByKeyword, link, loadComplete, AuthCode, keyword, isRemember, store}
|
||||
return {post,
|
||||
query,
|
||||
validate,
|
||||
searchByLink,
|
||||
searchByKeyword,
|
||||
modify,
|
||||
link,
|
||||
loadComplete,
|
||||
AuthCode,
|
||||
keyword,
|
||||
isRemember,
|
||||
preDownloadGallery,
|
||||
targetResolution,
|
||||
store
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -142,13 +147,10 @@ export default {
|
||||
width: auto;
|
||||
height: 90vh;
|
||||
background-color: ghostwhite;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.validate{
|
||||
width: auto;
|
||||
background-color: ghostwhite;
|
||||
display: block;
|
||||
margin-left: 180px;
|
||||
margin-top: 200px;
|
||||
.el-input{
|
||||
width: 300px;
|
||||
}
|
||||
</style>
|
||||
+15
-7
@@ -3,34 +3,41 @@
|
||||
<span>下载历史</span>
|
||||
<div v-show="loadComplete" class="load_complete" >
|
||||
<el-table :data="data">
|
||||
|
||||
<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}}
|
||||
文件大小:{{props.row.fileSize}}<br>
|
||||
分辨率:{{props.row.resolution}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="名字" width="300">
|
||||
<template #default="scoped">
|
||||
{{scoped.row.name}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="180">
|
||||
|
||||
<el-table-column label="操作" width="250">
|
||||
<template #default="scoped">
|
||||
<span v-show="scoped.row.download">
|
||||
<el-button @click="downloadGallery(scoped.row.download)">下载</el-button>
|
||||
<el-button @click="deleteGallery(scoped.row.gid)">删除</el-button>
|
||||
<el-button @click="onlineReader(scoped.row.name)">在线看</el-button>
|
||||
</span>
|
||||
</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>
|
||||
@@ -114,9 +121,6 @@ export default {
|
||||
return store.getters.loadComplete
|
||||
})
|
||||
|
||||
function update(){
|
||||
store.dispatch("update")
|
||||
}
|
||||
|
||||
function changePage(){
|
||||
if(targetPage.value >= min.value && targetPage.value <= max.value)
|
||||
@@ -139,9 +143,12 @@ export default {
|
||||
store.dispatch("deleteGallery", gid)
|
||||
}
|
||||
|
||||
function onlineReader(name){
|
||||
window.open("http://100.42.234.138:8080/1/gallery/" + encodeURI(name))
|
||||
}
|
||||
|
||||
return {update,
|
||||
data,
|
||||
|
||||
return {data,
|
||||
min,
|
||||
max,
|
||||
targetPage,
|
||||
@@ -157,6 +164,7 @@ export default {
|
||||
next,
|
||||
downloadGallery,
|
||||
deleteGallery,
|
||||
onlineReader,
|
||||
store
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user