mirror of
https://github.com/qaiu/netdisk-fast-download.git
synced 2026-06-13 17:07:28 +00:00
17460ff271
- 升级 Vert.x 4.5.24 → 4.5.27, postgresql 42.7.3 → 42.7.11, logback 1.5.18 → 1.5.32, axios 1.13.5 → 1.16.1 - 修复 JWT 签名验证和密码比较的时序攻击漏洞 (MessageDigest.isEqual) - 修复 AESUtils 使用不安全 Random 改为 SecureRandom - 修复登录用户枚举和异常信息泄露，统一错误提示 - 修复 RateLimiter count++ 非原子操作 (AtomicInteger) - 修复 JsParserExecutor DCL 模式缺少 volatile - 修复 Token 日志泄露，仅打印前8字符 - 修复 Playground 密码时序攻击和堆栈泄露 - 所有 window.open 添加 noopener,noreferrer - LocalConstant 改用 ConcurrentHashMap 保证线程安全 - Dockerfile 添加非 root 用户运行，secret.yml 加入 .gitignore
111 lines
2.7 KiB
Vue
111 lines
2.7 KiB
Vue
<template>
|
|
<div class="show-list-page">
|
|
<div class="list-title-wrap">
|
|
<h2 class="list-title">{{ url }} 目录</h2>
|
|
<div class="list-subtitle">
|
|
<a :href="url" target="_blank">原始分享链接</a>
|
|
</div>
|
|
</div>
|
|
<div style="text-align:right;margin-bottom:12px;">
|
|
<DarkMode @theme-change="toggleTheme" style="float: left;"/>
|
|
<el-radio-group v-model="viewMode" size="small" style="margin-left:20px;">
|
|
<el-radio-button label="pane">窗格</el-radio-button>
|
|
<el-radio-button label="tree">目录树</el-radio-button>
|
|
</el-radio-group>
|
|
</div>
|
|
<div v-if="loading" style="text-align:center;margin-top:40px;">加载中...</div>
|
|
<div v-else-if="error" style="color:red;text-align:center;margin-top:40px;">{{ error }}</div>
|
|
<div v-else>
|
|
<DirectoryTree
|
|
:file-list="directoryData"
|
|
:share-url="url"
|
|
:password="''"
|
|
:view-mode="viewMode"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import axios from 'axios'
|
|
import DirectoryTree from '@/components/DirectoryTree'
|
|
import DarkMode from '@/components/DarkMode'
|
|
|
|
export default {
|
|
name: 'ShowList',
|
|
components: { DirectoryTree, DarkMode },
|
|
data() {
|
|
return {
|
|
loading: true,
|
|
error: '',
|
|
directoryData: [],
|
|
url: '',
|
|
viewMode: 'pane'
|
|
}
|
|
},
|
|
methods: {
|
|
async fetchList() {
|
|
this.url = this.$route.query.url
|
|
if (!this.url) {
|
|
this.error = '缺少 url 参数'
|
|
this.loading = false
|
|
return
|
|
}
|
|
try {
|
|
const res = await axios.get('/v2/getFileList', { params: { url: this.url } })
|
|
this.directoryData = res.data.data || []
|
|
} catch (e) {
|
|
this.error = e.response?.data?.msg || e.response?.data?.error || '目录解析失败'
|
|
} finally {
|
|
this.loading = false
|
|
}
|
|
},
|
|
toggleTheme(isDark) {
|
|
const html = document.documentElement;
|
|
const body = document.body;
|
|
if (html && body && html.classList && body.classList) {
|
|
if (isDark) {
|
|
body.classList.add('dark-theme')
|
|
html.classList.add('dark-theme')
|
|
} else {
|
|
body.classList.remove('dark-theme')
|
|
html.classList.remove('dark-theme')
|
|
}
|
|
}
|
|
}
|
|
},
|
|
mounted() {
|
|
this.fetchList()
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.show-list-page {
|
|
max-width: 900px;
|
|
margin: 40px auto;
|
|
}
|
|
.list-title-wrap {
|
|
text-align: center;
|
|
margin-bottom: 18px;
|
|
}
|
|
.list-title {
|
|
font-size: 2rem;
|
|
font-weight: bold;
|
|
color: #409eff;
|
|
margin-bottom: 4px;
|
|
word-break: break-all;
|
|
}
|
|
.list-subtitle {
|
|
font-size: 1.05rem;
|
|
color: #888;
|
|
margin-bottom: 2px;
|
|
}
|
|
.list-subtitle a {
|
|
color: #409eff;
|
|
text-decoration: underline;
|
|
}
|
|
.list-subtitle a:hover {
|
|
color: #1867c0;
|
|
}
|
|
</style> |