mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-05-11 18:10:49 +08:00
410 lines
13 KiB
Vue
410 lines
13 KiB
Vue
<!-- eslint-disable sonarjs/no-duplicate-string -->
|
||
<script lang="ts" setup>
|
||
import { useToast } from 'vue-toast-notification'
|
||
import { copyToClipboard } from '@/@core/utils/navigator'
|
||
import draggable from 'vuedraggable'
|
||
import { VRow } from 'vuetify/lib/components/index.mjs'
|
||
import api from '@/api'
|
||
import { CustomRule, FilterRuleGroup } from '@/api/types'
|
||
import CustomerRuleCard from '@/components/cards/CustomRuleCard.vue'
|
||
import FilterRuleGroupCard from '@/components/cards/FilterRuleGroupCard.vue'
|
||
import ImportCodeDialog from '@/components/dialog/ImportCodeDialog.vue'
|
||
import debounce from 'lodash/debounce'
|
||
|
||
// 防抖时间
|
||
const debounceTime = 500
|
||
|
||
// 自定义规则列表
|
||
const customRules = ref<CustomRule[]>([])
|
||
|
||
// 所有规则组列表
|
||
const filterRuleGroups = ref<FilterRuleGroup[]>([])
|
||
|
||
// 种子优先规则
|
||
const selectedTorrentPriority = ref<string>('seeder')
|
||
|
||
// 二级分类策略
|
||
const mediaCategories = ref<{ [key: string]: any }>({})
|
||
|
||
// 导入代码弹窗
|
||
const importCodeDialog = ref(false)
|
||
|
||
// 导入的代码
|
||
const importCodeString = ref('')
|
||
|
||
// 导入代码类型
|
||
const importCodeType = ref('')
|
||
|
||
// 提示框
|
||
const $toast = useToast()
|
||
|
||
// 种子优先规则下拉框
|
||
const TorrentPriorityItems = [
|
||
{ title: '资源优先级', value: 'torrent' },
|
||
{ title: '站点优先级', value: 'site' },
|
||
{ title: '站点上传量', value: 'upload' },
|
||
{ title: '资源做种数', value: 'seeder' },
|
||
]
|
||
|
||
// 调用API查询自动分类配置
|
||
async function loadMediaCategories() {
|
||
try {
|
||
mediaCategories.value = await api.get('media/category')
|
||
} catch (error) {
|
||
console.log(error)
|
||
}
|
||
}
|
||
|
||
// 保存自定义规则
|
||
const saveCustomRules = debounce(async () => {
|
||
// 检查是否存在空id规则
|
||
if (customRules.value.some(item => !item.id)) {
|
||
$toast.error('存在空ID的规则！无法保存，请修改！')
|
||
return
|
||
}
|
||
// 检查是否存在空的规则名称
|
||
if (customRules.value.some(item => !item.name)) {
|
||
$toast.error('存在空名字的规则！无法保存，请修改！')
|
||
return
|
||
}
|
||
// 检查是否存在重名的规则ID
|
||
const ids = customRules.value.map(item => item.id)
|
||
if (new Set(ids).size !== ids.length) {
|
||
$toast.error('存在重复规则ID！无法保存，请修改！')
|
||
return
|
||
}
|
||
// 检查是否存在重名规
|
||
const names = customRules.value.map(item => item.name)
|
||
if (new Set(names).size !== names.length) {
|
||
$toast.error('存在重复规则名称！无法保存，请修改！')
|
||
return
|
||
}
|
||
try {
|
||
const result: { [key: string]: any } = await api.post('system/setting/CustomFilterRules', customRules.value)
|
||
if (result.success) $toast.success('自定义规则保存成功')
|
||
else $toast.error('自定义规则保存失败！')
|
||
} catch (error) {
|
||
console.log(error)
|
||
}
|
||
}, debounceTime)
|
||
|
||
// 添加自定义规则
|
||
const addCustomRule = debounce(async () => {
|
||
let id = `RULE${customRules.value.length + 1}`
|
||
while (customRules.value.some(item => item.id === id)) {
|
||
id = `RULE${parseInt(id.split('RULE')[1]) + 1}`
|
||
}
|
||
let name = `规则${customRules.value.length + 1}`
|
||
while (customRules.value.some(item => item.name === name)) {
|
||
name = `规则${parseInt(name.split('规则')[1]) + 1}`
|
||
}
|
||
customRules.value.push({
|
||
id: id,
|
||
name: name,
|
||
include: '',
|
||
exclude: '',
|
||
})
|
||
}, debounceTime)
|
||
|
||
// 移除自定义规则
|
||
function removeCustomRule(rule: CustomRule) {
|
||
const index = customRules.value.findIndex(item => item.id === rule.id)
|
||
if (index !== -1) customRules.value.splice(index, 1)
|
||
}
|
||
|
||
// 加载规则组
|
||
async function queryFilterRuleGroups() {
|
||
try {
|
||
const result: { [key: string]: any } = await api.get('system/setting/UserFilterRuleGroups')
|
||
filterRuleGroups.value = result.data?.value ?? []
|
||
} catch (error) {
|
||
console.log(error)
|
||
}
|
||
}
|
||
|
||
// 保存规则组
|
||
const saveFilterRuleGroups = debounce(async () => {
|
||
// 检查是否存在空的规则组名称
|
||
if (filterRuleGroups.value.some(item => !item.name)) {
|
||
$toast.error('存在空名字的规则组！无法保存，请修改！')
|
||
return
|
||
}
|
||
// 检查是否存在重名规则组
|
||
const names = filterRuleGroups.value.map(item => item.name)
|
||
if (new Set(names).size !== names.length) {
|
||
$toast.error('存在重复规则组名称！无法保存，请修改！')
|
||
return
|
||
}
|
||
try {
|
||
const result: { [key: string]: any } = await api.post('system/setting/UserFilterRuleGroups', filterRuleGroups.value)
|
||
if (result.success) $toast.success('优先级规则组保存成功')
|
||
else $toast.error('优先级规则组保存失败！')
|
||
} catch (error) {
|
||
console.log(error)
|
||
}
|
||
}, debounceTime)
|
||
|
||
// 添加规则组
|
||
const addFilterRuleGroup = debounce(() => {
|
||
let name = `规则组${filterRuleGroups.value.length + 1}`
|
||
while (filterRuleGroups.value.some(item => item.name === name)) {
|
||
name = `规则组${parseInt(name.split('规则组')[1]) + 1}`
|
||
}
|
||
filterRuleGroups.value.push({
|
||
name: name,
|
||
rule_string: '',
|
||
media_type: '',
|
||
category: '',
|
||
})
|
||
}, debounceTime)
|
||
|
||
// 分享规则
|
||
const shareRules = debounce((rules: CustomRule[] | FilterRuleGroup[]) => {
|
||
if (!rules || rules.length === 0) return
|
||
|
||
// 将卡片规则接装为字符串
|
||
const value = JSON.stringify(rules)
|
||
|
||
// 复制到剪贴板
|
||
try {
|
||
copyToClipboard(value)
|
||
$toast.success('优先级规则已复制到剪贴板')
|
||
} catch (error) {
|
||
$toast.error('优先级规则复制失败！')
|
||
}
|
||
}, debounceTime)
|
||
|
||
// 导入规则
|
||
async function importRules(ruleType: string) {
|
||
importCodeType.value = ruleType
|
||
importCodeString.value = ''
|
||
importCodeDialog.value = true
|
||
}
|
||
|
||
// 监听导入代码变化
|
||
watchEffect(() => {
|
||
if (!importCodeString.value) return
|
||
// 导入代码需要json格式
|
||
try {
|
||
if (importCodeType.value === 'custom') {
|
||
// 将导入的代码转换为规则卡片
|
||
customRules.value = JSON.parse(importCodeString.value).map((item: any) => {
|
||
return {
|
||
id: item.id,
|
||
name: item.name,
|
||
include: item.include,
|
||
exclude: item.exclude,
|
||
publish_time: item.publish_time,
|
||
seeders: item.seeders,
|
||
size_range: item.size_range,
|
||
}
|
||
})
|
||
} else if (importCodeType.value === 'group') {
|
||
// 将导入的代码转换为规则卡片
|
||
filterRuleGroups.value = JSON.parse(importCodeString.value).map((item: any) => {
|
||
return {
|
||
name: item.name,
|
||
rule_string: item.rule_string,
|
||
media_type: item.media_type,
|
||
category: item.category,
|
||
}
|
||
})
|
||
}
|
||
} catch (error) {
|
||
$toast.error('规则导入失败！')
|
||
}
|
||
})
|
||
|
||
// 规则变化时赋值
|
||
function onRuleChange(rule: CustomRule, id: string) {
|
||
const index = customRules.value.findIndex(item => item.id === id)
|
||
if (index !== -1) customRules.value[index] = rule
|
||
}
|
||
|
||
// 移除规则组
|
||
function removeFilterRuleGroup(rule: FilterRuleGroup) {
|
||
const index = filterRuleGroups.value.findIndex(item => item.name === rule.name)
|
||
if (index !== -1) filterRuleGroups.value.splice(index, 1)
|
||
}
|
||
|
||
// 规则组变化时赋值
|
||
function changeRuleGroup(group: FilterRuleGroup, name: string) {
|
||
const index = filterRuleGroups.value.findIndex(item => item.name === name)
|
||
if (index !== -1) filterRuleGroups.value[index] = group
|
||
}
|
||
|
||
// 查询种子优先规则
|
||
async function queryTorrentPriority() {
|
||
try {
|
||
const result: { [key: string]: any } = await api.get('system/setting/TorrentsPriority')
|
||
|
||
selectedTorrentPriority.value = result.data?.value
|
||
} catch (error) {
|
||
console.log(error)
|
||
}
|
||
}
|
||
|
||
// 查询自定义规则项
|
||
async function queryCustomRules() {
|
||
try {
|
||
const result: { [key: string]: any } = await api.get('system/setting/CustomFilterRules')
|
||
customRules.value = result.data?.value ?? []
|
||
} catch (error) {
|
||
console.log(error)
|
||
}
|
||
}
|
||
|
||
// 保存种子优先规则
|
||
const saveTorrentPriority = debounce(async () => {
|
||
try {
|
||
const result: { [key: string]: any } = await api.post(
|
||
'system/setting/TorrentsPriority',
|
||
selectedTorrentPriority.value,
|
||
)
|
||
if (result.success) $toast.success('优先规则保存成功')
|
||
else $toast.error('优先规则保存失败！')
|
||
} catch (error) {
|
||
console.log(error)
|
||
}
|
||
}, debounceTime)
|
||
|
||
// 加载数据
|
||
onMounted(() => {
|
||
loadMediaCategories()
|
||
queryCustomRules()
|
||
queryFilterRuleGroups()
|
||
queryTorrentPriority()
|
||
})
|
||
</script>
|
||
|
||
<template>
|
||
<VRow>
|
||
<VCol cols="12">
|
||
<VCard>
|
||
<VCardItem>
|
||
<VCardTitle>自定义规则</VCardTitle>
|
||
<VCardSubtitle>自定义优先级规则项</VCardSubtitle>
|
||
</VCardItem>
|
||
<VCardText>
|
||
<draggable
|
||
v-model="customRules"
|
||
handle=".cursor-move"
|
||
item-key="name"
|
||
tag="div"
|
||
:component-data="{ 'class': 'grid gap-3 grid-customrule-card' }"
|
||
>
|
||
<template #item="{ element }">
|
||
<CustomerRuleCard
|
||
:rule="element"
|
||
:rules="customRules"
|
||
@close="removeCustomRule(element)"
|
||
@change="onRuleChange"
|
||
/>
|
||
</template>
|
||
</draggable>
|
||
</VCardText>
|
||
<VCardText>
|
||
<VForm @submit.prevent="() => {}">
|
||
<div class="d-flex flex-wrap gap-4 mt-4">
|
||
<VBtn type="submit" class="me-2" @click="saveCustomRules"> 保存 </VBtn>
|
||
<VBtnGroup density="comfortable">
|
||
<VBtn color="success" variant="tonal" @click="addCustomRule">
|
||
<VIcon icon="mdi-plus" />
|
||
</VBtn>
|
||
<VBtn color="info" variant="tonal" @click="importRules('custom')">
|
||
<VIcon icon="mdi-import" />
|
||
</VBtn>
|
||
<VBtn color="info" variant="tonal" @click="shareRules(customRules)">
|
||
<VIcon icon="mdi-share" />
|
||
</VBtn>
|
||
</VBtnGroup>
|
||
</div>
|
||
</VForm>
|
||
</VCardText>
|
||
</VCard>
|
||
</VCol>
|
||
<VCol cols="12">
|
||
<VCard>
|
||
<VCardItem>
|
||
<VCardTitle>优先级规则组</VCardTitle>
|
||
<VCardSubtitle>预设优先级规则组，以便在搜索和订阅中使用。</VCardSubtitle>
|
||
</VCardItem>
|
||
<VCardText>
|
||
<draggable
|
||
v-model="filterRuleGroups"
|
||
handle=".cursor-move"
|
||
item-key="name"
|
||
tag="div"
|
||
:component-data="{ 'class': 'grid gap-3 grid-app-card' }"
|
||
>
|
||
<template #item="{ element }">
|
||
<FilterRuleGroupCard
|
||
:group="element"
|
||
:groups="filterRuleGroups"
|
||
:custom_rules="customRules"
|
||
:categories="mediaCategories"
|
||
@close="removeFilterRuleGroup(element)"
|
||
@change="changeRuleGroup"
|
||
/>
|
||
</template>
|
||
</draggable>
|
||
</VCardText>
|
||
<VCardText>
|
||
<VForm @submit.prevent="() => {}">
|
||
<div class="d-flex flex-wrap gap-4 mt-4">
|
||
<VBtn type="submit" class="me-2" @click="saveFilterRuleGroups"> 保存 </VBtn>
|
||
<VBtnGroup density="comfortable">
|
||
<VBtn color="success" variant="tonal" @click="addFilterRuleGroup">
|
||
<VIcon icon="mdi-plus" />
|
||
</VBtn>
|
||
<VBtn color="info" variant="tonal" @click="importRules('group')">
|
||
<VIcon icon="mdi-import" />
|
||
</VBtn>
|
||
<VBtn color="info" variant="tonal" @click="shareRules(filterRuleGroups)">
|
||
<VIcon icon="mdi-share" />
|
||
</VBtn>
|
||
</VBtnGroup>
|
||
</div>
|
||
</VForm>
|
||
</VCardText>
|
||
<VDialog v-model="importCodeDialog" width="60rem" scrollable>
|
||
<ImportCodeDialog v-model="importCodeString" title="导入规则" @close="importCodeDialog = false" />
|
||
</VDialog>
|
||
</VCard>
|
||
</VCol>
|
||
<VCol cols="12">
|
||
<VCard>
|
||
<VCardItem>
|
||
<VCardTitle>下载规则</VCardTitle>
|
||
<VCardSubtitle>同时命中多个资源时择优下载。</VCardSubtitle>
|
||
</VCardItem>
|
||
<VCardText>
|
||
<VForm>
|
||
<VRow>
|
||
<VCol cols="12" md="6">
|
||
<VSelect
|
||
v-model="selectedTorrentPriority"
|
||
:items="TorrentPriorityItems"
|
||
multiple
|
||
clearable
|
||
chips
|
||
label="当前使用下载优先规则"
|
||
hint="排在前面的优先级越高，未选择的项不纳入排序"
|
||
persistent-hint
|
||
/>
|
||
</VCol>
|
||
</VRow>
|
||
</VForm>
|
||
</VCardText>
|
||
<VCardText>
|
||
<VForm @submit.prevent="() => {}">
|
||
<div class="d-flex flex-wrap gap-4 mt-4">
|
||
<VBtn type="submit" @click="saveTorrentPriority"> 保存 </VBtn>
|
||
</div>
|
||
</VForm>
|
||
</VCardText>
|
||
</VCard>
|
||
</VCol>
|
||
</VRow>
|
||
</template>
|