mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-05-19 23:29:52 +08:00
109 lines
3.1 KiB
Vue
109 lines
3.1 KiB
Vue
<script lang="ts" setup>
|
||
import { useToast } from 'vue-toast-notification'
|
||
import { requiredValidator } from '@/@validators'
|
||
import api from '@/api'
|
||
import type { Subscribe, SubscribeShare } from '@/api/types'
|
||
import { useDisplay } from 'vuetify'
|
||
import { formatSeason } from '@/@core/utils/formatters'
|
||
|
||
// 显示器宽度
|
||
const display = useDisplay()
|
||
|
||
// 输入参数
|
||
const props = defineProps({
|
||
sub: Object as PropType<Subscribe>,
|
||
})
|
||
|
||
// 定义触发的自定义事件
|
||
const emit = defineEmits(['close'])
|
||
|
||
// 分享处理状态
|
||
const shareDoing = ref(false)
|
||
|
||
// 订阅编辑表单
|
||
const shareForm = ref<SubscribeShare>({
|
||
subscribe_id: props.sub?.id ?? 0,
|
||
share_title: `${props.sub?.name} ${formatSeason(props.sub?.season ? props.sub?.season.toString() : '')}`,
|
||
})
|
||
|
||
// 分享订阅
|
||
async function doShare() {
|
||
if (!shareForm.value.share_title || !shareForm.value.share_comment || !shareForm.value.share_user) return
|
||
try {
|
||
shareDoing.value = true
|
||
const result: { [key: string]: any } = await api.post('subscribe/share', shareForm.value)
|
||
shareDoing.value = false
|
||
// 提示
|
||
if (result.success) {
|
||
$toast.success(`${props.sub?.name} 分享成功！`)
|
||
// 通知父组件刷新
|
||
emit('close')
|
||
} else {
|
||
$toast.error(`${props.sub?.name} 分享失败：${result.message}！`)
|
||
}
|
||
} catch (e) {
|
||
console.log(e)
|
||
}
|
||
}
|
||
|
||
// 提示框
|
||
const $toast = useToast()
|
||
</script>
|
||
|
||
<template>
|
||
<VDialog scrollable max-width="50rem" :fullscreen="!display.mdAndUp.value">
|
||
<VCard
|
||
:title="`分享订阅 - ${props.sub?.name} ${props.sub?.season ? `第 ${props.sub?.season} 季` : ''}`"
|
||
class="rounded-t"
|
||
>
|
||
<VCardText>
|
||
<DialogCloseBtn @click="emit('close')" />
|
||
<VForm @submit.prevent="() => {}" class="pt-2">
|
||
<VRow>
|
||
<VCol cols="12">
|
||
<VTextField
|
||
v-model="shareForm.share_title"
|
||
readonly
|
||
label="标题"
|
||
:rules="[requiredValidator]"
|
||
persistent-hint
|
||
/>
|
||
</VCol>
|
||
<VCol cols="12">
|
||
<VTextarea
|
||
v-model="shareForm.share_comment"
|
||
label="说明"
|
||
:rules="[requiredValidator]"
|
||
hint="填写关于该订阅的说明，订阅中的搜索词、识别词等将会默认包含在分享中"
|
||
persistent-hint
|
||
/>
|
||
</VCol>
|
||
<VCol cols="12">
|
||
<VTextField
|
||
v-model="shareForm.share_user"
|
||
label="分享用户"
|
||
:rules="[requiredValidator]"
|
||
hint="分享人的昵称"
|
||
persistent-hint
|
||
/>
|
||
</VCol>
|
||
</VRow>
|
||
</VForm>
|
||
</VCardText>
|
||
<VCardActions class="pt-3">
|
||
<VSpacer />
|
||
<VBtn
|
||
variant="elevated"
|
||
:disabled="shareDoing"
|
||
@click="doShare"
|
||
prepend-icon="mdi-share"
|
||
class="px-5"
|
||
:loading="shareDoing"
|
||
>
|
||
确认分享
|
||
</VBtn>
|
||
</VCardActions>
|
||
</VCard>
|
||
</VDialog>
|
||
</template>
|