-
+ 名字:{{ props.row.name}}
链接:Link
语言:{{props.row.language}}
页数:{{props.row.pages}}
文件大小:{{props.row.fileSize}}
分辨率:{{props.row.resolution}}
任务创建时间:{{props.row.createTimeDisplay}}
- 下载
- 删除
- 在线看
+ 下载
+ 删除
+ 在线看
- {{scoped.row.name}}
+ {{showNameType === 'shortName' ? scoped.row.shortName: scoped.row.name}}
@@ -35,16 +35,16 @@
-
+ 名字:{{props.row.name}}
网站:{{props.row.website}}
链接:链接
文件大小:{{props.row.fileSize}}
视频长度:{{props.row.duration}}
分辨率:{{props.row.resolution}}
任务创建时间:{{props.row.createTimeDisplay}}
- 下载
- 删除
- 在线看
+ 下载
+ 删除
+ 在线看
@@ -65,8 +65,15 @@
排列顺序:
-
-
+
+
+
+
+
+
+ 显示:
+
+
@@ -75,10 +82,10 @@
- {{page}}
+ {{page}}
+
{{max}}
切换
@@ -95,13 +102,16 @@ 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("gallery")
- let sortType = ref("name")
+ let isEditing = ref(false)
+ let showNameType = ref("shortName") // shortName fullName
+ let showType = ref("gallery") // gallery video
+ let sortType = ref("shortName") // shortName fullName createTime
+ let targetPage = ref(1)
+
+ let loadComplete = computed(() => {
+ return store.state.loadComplete
+ })
let galleryTasks = computed(() => {
if(store.getters.galleryTasks)
@@ -144,10 +154,6 @@ export default {
return store.state.page
})
- let loadComplete = computed(() => {
- return store.state.loadComplete
- })
-
function next() {
if(targetPage.value < max.value) {
targetPage.value++
@@ -177,7 +183,37 @@ export default {
store.commit("_changePage", targetPage.value)
}
- function reverse(){
+ function changeShowType(){
+ if(isShowVideoHistory.value){
+ store.commit("_setShowType", "gallery")
+ showType.value = "gallery"
+ }
+ else{
+ store.commit("_setShowType", "video")
+ showType.value = "video"
+ }
+ }
+
+ function changeShowNameType(){
+ store.commit("_setShowNameType", showNameType.value)
+
+ if(showNameType.value !== sortType.value){
+ store.commit("_setSortType", showNameType.value)
+ sortType.value = showNameType.value
+ }
+ }
+
+ function changeSortType(){
+ store.commit("_setSortType", sortType.value)
+
+
+ if(sortType.value !== showNameType.value && sortType.value !== "createTime") {
+ store.commit("_setShowNameType", sortType.value)
+ showNameType.value = sortType.value
+ }
+ }
+
+ function reverseEditMode(){
isEditing.value = !isEditing.value
if(isEditing){
inputNode.value.focus()
@@ -209,30 +245,10 @@ export default {
window.open("http://zfile.lionwebsite.xyz/1/video/")
}
- function changeShowType(){
- if(isShowVideoHistory.value){
- store.commit("_setShowType", "gallery")
- showType.value = "gallery"
- }
- else{
- store.commit("_setShowType", "video")
- showType.value = "video"
- }
- }
-
- function changeSortType(sortType){
- store.commit("_setSortType", sortType)
- }
-
- function operational(download){
- return download === undefined
- }
-
-
return {galleryTasks, videoTasks, min, max, targetPage, loadComplete, page, isEditing, inputNode, isShowVideoHistory,
- isShowGalleryHistory, showType, sortType, isOpenHistoryPanel,
- reverse, changePage, changeShowType, changeSortType, toMax, toMin, previous, next, downloadTask, deleteGallery,
- deleteVideo, onlineGalleryReader, onlineVideoViewer, operational, closeHistoryPanel,
+ isShowGalleryHistory, showType, showNameType, sortType, isOpenHistoryPanel,
+ reverseEditMode, changePage, changeShowType, changeShowNameType, changeSortType, toMax, toMin, previous, next, downloadTask, deleteGallery,
+ deleteVideo, onlineGalleryReader, onlineVideoViewer, closeHistoryPanel,
store
}
}
@@ -248,8 +264,7 @@ export default {
}
.pageChanger{
position: absolute;
- top:88vh;
- left: 30px;
+ top:85vh;
}
.page{
display: inline-block;
diff --git a/src/store/index.js b/src/store/index.js
index f3ece60..479a41d 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -17,13 +17,8 @@ const actions = {
AuthCode
}
}).then((res) => {
- let temp = []
context.commit("_emptyGalleryTasks")
- JSON.parse(res.data.data).forEach((task) => {
- temp.push(task)
- })
- context.commit("_updateGalleryTasks", temp)
-
+ context.commit("_updateGalleryTasks", JSON.parse(res.data.data))
})
},
updateVideoTasks(context){
@@ -35,12 +30,8 @@ const actions = {
AuthCode
}
}).then(res => {
- let temp = []
context.commit("_emptyVideoTasks")
- JSON.parse(res.data.data).forEach(task => {
- temp.push(task)
- })
- context.commit("_updateVideoTasks", temp)
+ context.commit("_updateVideoTasks", JSON.parse(res.data.data))
})
},
postGalleryTask(context, data){
@@ -239,6 +230,23 @@ const mutations = {
},
_updateGalleryTasks(state, tasks){
tasks.forEach((task) => {
+ let name = task.name
+ 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, "")
+ }
+ task.shortName = name.trim()
+
if(task.status === "已提交"){
task.progress = "已提交"
}
@@ -328,22 +336,27 @@ const mutations = {
}
else{
ElMessage("已跳转到该任务所在页数")
+ state.isShowHistory = true
}
},
_searchLocalByKeyword(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("未找到该关键字的任务")
+ 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("未找到该关键字的任务")
+ } else {
+ state.isShowHistory = true
+ }
}
},
_deleteGallery(state, gid){
@@ -385,18 +398,34 @@ const mutations = {
},
_setSortType(state, sortType){
state.sortType = sortType
- state.totalGalleryTask = state.totalGalleryTask.sort((before, after) => {
- if(sortType === 'name')
- return before.name > after.name ? 1: -1
- else
- return before.createTime - after.createTime
- })
- state.totalVideoTask = state.totalVideoTask.sort((before, after) => {
- if(sortType === 'name')
- return before.name > after.name ? 1: -1
- else
- return before.createTime - after.createTime
- })
+ switch (sortType) {
+ case "fullName":
+ 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
@@ -417,7 +446,9 @@ const state = {
chosenVideo:false, //准备下载的视频
page:1, //当前页数
- length:5, //每页能有多少个链接
+ length:6, //每页能有多少个链接
+ defaultLength:4, //默认个数
+ shortLength:6, //简洁个数
isAuth:false, //是否授权
AuthCode:'', //授权码
@@ -428,9 +459,9 @@ const state = {
isShowHistory:false, //是否打开面板
showType:"gallery", //展示类型
sortType:"name", //排序类型
- weekUsed:{},
+ weekUsed:{}, //每周用量
- maskDomain:[]
+ maskDomain:[] //伪装域名
}
const getters = {