mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-05-12 02:21:06 +08:00
316 lines
8.5 KiB
Vue
316 lines
8.5 KiB
Vue
<script lang="ts" setup>
|
||
import { useToast } from 'vue-toast-notification'
|
||
import TmdbSelector from '../misc/TmdbSelector.vue'
|
||
import store from '@/store'
|
||
import api from '@/api'
|
||
import { numberValidator } from '@/@validators'
|
||
|
||
// 输入参数
|
||
const props = defineProps({
|
||
path: String,
|
||
target: String,
|
||
logids: Array<number>,
|
||
})
|
||
|
||
// 定义事件
|
||
const emit = defineEmits(['done', 'close'])
|
||
|
||
// 生成1到50季的下拉框选项
|
||
const seasonItems = ref(
|
||
Array.from({ length: 51 }, (_, i) => i).map(item => ({
|
||
title: `第 ${item} 季`,
|
||
value: item,
|
||
})),
|
||
)
|
||
|
||
// 提示框
|
||
const $toast = useToast()
|
||
|
||
// TMDB选择对话框
|
||
const tmdbSelectorDialog = ref(false)
|
||
|
||
// 加载进度SSE
|
||
const progressEventSource = ref<EventSource>()
|
||
|
||
// 整理进度条
|
||
const progressDialog = ref(false)
|
||
|
||
// 整理进度文本
|
||
const progressText = ref('请稍候 ...')
|
||
|
||
// 整理进度
|
||
const progressValue = ref(0)
|
||
|
||
// 文件转移表单
|
||
const transferForm = reactive({
|
||
logid: 0,
|
||
path: '',
|
||
target: props.target ?? '',
|
||
tmdbid: null,
|
||
season: null,
|
||
type_name: '',
|
||
transfer_type: '',
|
||
episode_format: '',
|
||
episode_detail: '',
|
||
episode_part: '',
|
||
episode_offset: null,
|
||
min_filesize: 0,
|
||
|
||
})
|
||
|
||
watchEffect(() => {
|
||
transferForm.path = props.path ?? ''
|
||
transferForm.target = props.target ?? ''
|
||
})
|
||
|
||
// 使用SSE监听加载进度
|
||
function startLoadingProgress() {
|
||
progressText.value = '请稍候 ...'
|
||
|
||
const token = store.state.auth.token
|
||
|
||
progressEventSource.value = new EventSource(
|
||
`${import.meta.env.VITE_API_BASE_URL}system/progress/filetransfer?token=${token}`,
|
||
)
|
||
progressEventSource.value.onmessage = (event) => {
|
||
const progress = JSON.parse(event.data)
|
||
if (progress) {
|
||
progressText.value = progress.text
|
||
progressValue.value = progress.value
|
||
}
|
||
}
|
||
}
|
||
|
||
// 停止监听加载进度
|
||
function stopLoadingProgress() {
|
||
progressEventSource.value?.close()
|
||
}
|
||
|
||
// 整理文件
|
||
// eslint-disable-next-line sonarjs/cognitive-complexity
|
||
async function transfer() {
|
||
if (!props.logids && !props.path)
|
||
return
|
||
|
||
// 显示进度条
|
||
progressDialog.value = true
|
||
// 开始监听进度
|
||
startLoadingProgress()
|
||
|
||
if (props.path) {
|
||
// 文件整理
|
||
try {
|
||
const result: { [key: string]: any } = await api.post('transfer/manual', {}, {
|
||
params: transferForm,
|
||
})
|
||
// 显示结果
|
||
if (result.success)
|
||
$toast.success(`${props.path} 整理完成！`)
|
||
|
||
else
|
||
$toast.error(`${props.path} 整理失败：${result.message}！`)
|
||
}
|
||
catch (e) {
|
||
console.log(e)
|
||
}
|
||
}
|
||
else if (props.logids) {
|
||
// 日志整理
|
||
for (const logid of props.logids) {
|
||
transferForm.logid = logid
|
||
try {
|
||
const result: { [key: string]: any } = await api.post('transfer/manual', {}, {
|
||
params: transferForm,
|
||
})
|
||
if (!result.success)
|
||
$toast.error(`历史记录 ${logid} 重新整理失败：${result.message}！`)
|
||
}
|
||
catch (e) {
|
||
console.log(e)
|
||
}
|
||
}
|
||
}
|
||
|
||
// 停止监听进度
|
||
stopLoadingProgress()
|
||
// 关闭进度条
|
||
progressDialog.value = false
|
||
// 重新加载
|
||
emit('done')
|
||
}
|
||
</script>
|
||
|
||
<template>
|
||
<VDialog
|
||
scrollable
|
||
max-width="60rem"
|
||
>
|
||
<VCard
|
||
:title="`${props.path ? `整理 - ${props.path}` : `整理 - 共 ${props.logids?.length} 条记录`}`"
|
||
class="rounded-t"
|
||
>
|
||
<DialogCloseBtn @click="emit('close')" />
|
||
<VCardText class="pt-2">
|
||
<VForm @submit.prevent="() => {}">
|
||
<VRow>
|
||
<VCol
|
||
cols="12"
|
||
md="8"
|
||
>
|
||
<VTextField
|
||
v-model="transferForm.target"
|
||
label="目的路径"
|
||
placeholder="留空自动"
|
||
hint="留空将自动整理到媒体库目录"
|
||
/>
|
||
</VCol>
|
||
<VCol
|
||
cols="12"
|
||
md="4"
|
||
>
|
||
<VSelect
|
||
v-model="transferForm.transfer_type"
|
||
label="整理方式"
|
||
:items="[
|
||
{ title: '默认', value: '' },
|
||
{ title: '移动', value: 'move' },
|
||
{ title: '复制', value: 'copy' },
|
||
{ title: '硬链接', value: 'link' },
|
||
{ title: '软链接', value: 'softlink' },
|
||
{ title: 'Rclone复制', value: 'rclone_copy' },
|
||
{ title: 'Rclone移动', value: 'rclone_move' },
|
||
]"
|
||
/>
|
||
</VCol>
|
||
</VRow>
|
||
<VRow>
|
||
<VCol
|
||
cols="12"
|
||
md="4"
|
||
>
|
||
<VSelect
|
||
v-model="transferForm.type_name"
|
||
label="类型"
|
||
:items="[{ title: '自动', value: '' }, { title: '电影', value: '电影' }, { title: '电视剧', value: '电视剧' }]"
|
||
/>
|
||
</VCol>
|
||
<VCol
|
||
cols="12"
|
||
md="4"
|
||
>
|
||
<VTextField
|
||
v-model="transferForm.tmdbid"
|
||
:disabled="transferForm.type_name === ''"
|
||
label="TMDBID"
|
||
placeholder="留空自动识别"
|
||
:rules="[numberValidator]"
|
||
append-inner-icon="mdi-magnify"
|
||
hint="点击图标按名称搜索，留空将自动重新识别"
|
||
@click:append-inner="tmdbSelectorDialog = true"
|
||
/>
|
||
</VCol>
|
||
<VCol
|
||
cols="12"
|
||
md="4"
|
||
>
|
||
<VSelect
|
||
v-show="transferForm.type_name === '电视剧'"
|
||
v-model.number="transferForm.season"
|
||
label="季"
|
||
:items="seasonItems"
|
||
/>
|
||
</VCol>
|
||
</VRow>
|
||
<VRow>
|
||
<VCol cols="12" md="8">
|
||
<VTextField
|
||
v-model="transferForm.episode_format"
|
||
label="集数定位"
|
||
placeholder="使用{ep}定位集数"
|
||
hint="使用{ep}定位文件名中的集数部分，其余相同部分直接填写，不同部分使用{a}进行忽略，例如：{a}葬送的芙莉莲_Sousou no Frieren 第{ep}话{b}"
|
||
/>
|
||
</VCol>
|
||
<VCol cols="12" md="4">
|
||
<VTextField
|
||
v-model="transferForm.episode_detail"
|
||
label="指定集数"
|
||
placeholder="起始集,终止集，如1或1,2"
|
||
hint="直接指定集数或者范围，格式：起始集,终止集，如1或1,2"
|
||
/>
|
||
</VCol>
|
||
<VCol cols="12" md="4">
|
||
<VTextField
|
||
v-model="transferForm.episode_part"
|
||
label="指定Part"
|
||
placeholder="如part1"
|
||
hint="指定集数的Part，如part1"
|
||
/>
|
||
</VCol>
|
||
<VCol cols="12" md="4">
|
||
<VTextField
|
||
v-model.number="transferForm.episode_offset"
|
||
label="集数偏移"
|
||
placeholder="如-10"
|
||
hint="对集数进行偏移运算，如-10表示文件名中的集数减10为整理后集数"
|
||
/>
|
||
</VCol>
|
||
<VCol cols="12" md="4">
|
||
<VTextField
|
||
v-model.number="transferForm.min_filesize"
|
||
label="最小文件大小（MB）"
|
||
:rules="[numberValidator]"
|
||
placeholder="0"
|
||
hint="最小文件大小，小于此大小的文件将被忽略不进行整理"
|
||
/>
|
||
</VCol>
|
||
</VRow>
|
||
</VForm>
|
||
</VCardText>
|
||
<VCardActions>
|
||
<VBtn depressed @click="emit('close')">
|
||
取消
|
||
</VBtn>
|
||
<VSpacer />
|
||
<VBtn
|
||
variant="tonal"
|
||
@click="transfer"
|
||
>
|
||
开始整理
|
||
</VBtn>
|
||
</VCardActions>
|
||
</VCard>
|
||
<!-- 手动整理进度框 -->
|
||
<VDialog
|
||
v-model="progressDialog"
|
||
:scrim="false"
|
||
width="25rem"
|
||
>
|
||
<VCard
|
||
color="primary"
|
||
>
|
||
<VCardText class="text-center">
|
||
{{ progressText }}
|
||
<VProgressLinear
|
||
v-if="progressValue"
|
||
color="white"
|
||
class="mb-0 mt-1"
|
||
:model-value="progressValue"
|
||
/>
|
||
</VCardText>
|
||
</VCard>
|
||
</VDialog>
|
||
<!-- TMDB ID搜索框 -->
|
||
<VDialog
|
||
v-model="tmdbSelectorDialog"
|
||
width="40rem"
|
||
scrollable
|
||
max-height="85vh"
|
||
>
|
||
<TmdbSelector
|
||
v-model="transferForm.tmdbid"
|
||
@close="tmdbSelectorDialog = false"
|
||
/>
|
||
</VDialog>
|
||
</VDialog>
|
||
</template>
|