mirror of
https://github.com/Megghy/vtsuru.live.git
synced 2025-12-06 18:36:55 +08:00
Megghy
e48b3df236
- 在 Setting_SendEmail 接口中新增 receiveOrder 字段，支持积分礼物兑换通知。 - 优化 PointOrderCard 组件，处理用户信息时增加安全性。 - 更新 ViewerLayout 组件，异步获取用户数据逻辑简化。 - 在 SettingsManageView 中新增积分礼物兑换邮件通知选项。 - 增强 PointSettings 组件，添加通知设置保存功能。 - 更新 QuestionBoxView 组件样式，提升视觉效果。
568 lines
15 KiB
Vue
568 lines
15 KiB
Vue
<script setup lang="ts">
|
|
import { SaveSetting, useAccount } from '@/api/account'
|
|
import { EventDataTypes, SettingPointGiftAllowType, Setting_Point } from '@/api/api-models'
|
|
import { QueryPostAPI } from '@/api/query'
|
|
import { POINT_API_URL } from '@/data/constants'
|
|
import { Delete24Regular, Info24Filled } from '@vicons/fluent'
|
|
import {
|
|
NAlert,
|
|
NButton,
|
|
NCard,
|
|
NCheckbox,
|
|
NCheckboxGroup,
|
|
NDivider,
|
|
NFlex,
|
|
NIcon,
|
|
NInput,
|
|
NInputGroup,
|
|
NInputGroupLabel,
|
|
NInputNumber,
|
|
NList,
|
|
NListItem,
|
|
NModal,
|
|
NPopconfirm,
|
|
NRadioButton,
|
|
NRadioGroup,
|
|
NSpin,
|
|
NTag,
|
|
NTooltip,
|
|
useMessage,
|
|
} from 'naive-ui'
|
|
import { computed, ref } from 'vue'
|
|
|
|
const accountInfo = useAccount()
|
|
const message = useMessage()
|
|
|
|
// 默认积分设置
|
|
const defaultSettingPoint: Setting_Point = {
|
|
allowType: [EventDataTypes.Guard], // 默认只允许舰长积分
|
|
jianzhangPoint: 10, // 舰长积分
|
|
tiduPoint: 100, // 提督积分
|
|
zongduPoint: 1000, // 总督积分
|
|
giftPercentMap: {}, // 礼物积分映射表
|
|
scPointPercent: 0.1, // SC积分比例 (10%)
|
|
giftPointPercent: 0.1, // 礼物积分比例 (10%)
|
|
giftAllowType: SettingPointGiftAllowType.All, // 默认允许所有礼物
|
|
}
|
|
|
|
// 响应式设置对象
|
|
const setting = computed({
|
|
get: () => {
|
|
if (accountInfo.value) {
|
|
return accountInfo.value.settings.point || defaultSettingPoint
|
|
}
|
|
return defaultSettingPoint
|
|
},
|
|
set: (value) => {
|
|
if (accountInfo.value) {
|
|
accountInfo.value.settings.point = value
|
|
}
|
|
},
|
|
})
|
|
|
|
// 添加礼物表单模型
|
|
const addGiftModel = ref<{ name: string; point: number }>({ name: '', point: 1 })
|
|
|
|
// 是否可以编辑设置
|
|
const canEdit = computed(() => {
|
|
return accountInfo.value && accountInfo.value.settings
|
|
})
|
|
|
|
const isLoading = ref(false)
|
|
const showAddGiftModal = ref(false)
|
|
|
|
// 更新积分设置
|
|
async function updateSettings() {
|
|
if (!accountInfo.value) {
|
|
message.success('完成')
|
|
return false
|
|
}
|
|
|
|
isLoading.value = true
|
|
setting.value.giftPercentMap ??= {}
|
|
|
|
try {
|
|
const msg = await SaveSetting('Point', setting.value)
|
|
if (msg) {
|
|
message.success('已保存')
|
|
return true
|
|
} else {
|
|
message.error('保存失败: ' + msg)
|
|
}
|
|
} catch (err) {
|
|
message.error('保存失败: ' + err)
|
|
console.error(err)
|
|
} finally {
|
|
isLoading.value = false
|
|
}
|
|
|
|
return false
|
|
}
|
|
|
|
// 添加礼物积分规则
|
|
async function addGift() {
|
|
// 表单验证
|
|
if (!addGiftModel.value.name) {
|
|
message.error('请输入礼物名称')
|
|
return
|
|
}
|
|
|
|
if (addGiftModel.value.point > 2147483647) {
|
|
message.error('积分不能超过2147483647')
|
|
return
|
|
}
|
|
|
|
// 添加礼物积分规则
|
|
setting.value.giftPercentMap[addGiftModel.value.name] = addGiftModel.value.point
|
|
const success = await updateGift()
|
|
|
|
// 添加成功后清空表单
|
|
if (success) {
|
|
addGiftModel.value = { name: '', point: 1 }
|
|
showAddGiftModal.value = false
|
|
}
|
|
}
|
|
|
|
// 删除礼物积分规则
|
|
async function deleteGift(name: string) {
|
|
const oldValue = setting.value.giftPercentMap[name]
|
|
delete setting.value.giftPercentMap[name]
|
|
|
|
if (!(await updateGift())) {
|
|
// 如果更新失败，恢复原值
|
|
setting.value.giftPercentMap[name] = oldValue
|
|
}
|
|
}
|
|
|
|
// 更新礼物积分规则
|
|
async function updateGift() {
|
|
return await updateSettings()
|
|
}
|
|
|
|
// 更新账户通知设置
|
|
async function SaveComboSetting() {
|
|
if (!accountInfo.value) return false
|
|
|
|
isLoading.value = true
|
|
try {
|
|
const msg = await SaveSetting('SendEmail', accountInfo.value.settings.sendEmail)
|
|
if (msg) {
|
|
message.success('已保存')
|
|
return true
|
|
} else {
|
|
message.error('保存失败: ' + msg)
|
|
}
|
|
} catch (err) {
|
|
message.error('修改失败: ' + err)
|
|
} finally {
|
|
isLoading.value = false
|
|
}
|
|
return false
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<!-- EventFetcher 部署提示 -->
|
|
<NAlert
|
|
v-if="!accountInfo.eventFetcherState.online"
|
|
type="warning"
|
|
class="alert-margin"
|
|
>
|
|
由于你尚未部署
|
|
<NButton
|
|
text
|
|
type="primary"
|
|
tag="a"
|
|
href="https://www.wolai.com/fje5wLtcrDoZcb9rk2zrFs"
|
|
target="_blank"
|
|
>
|
|
VtsuruEventFetcher
|
|
</NButton>
|
|
, 以下选项设置了也没用
|
|
</NAlert>
|
|
|
|
<!-- 积分精度提示 -->
|
|
<NAlert
|
|
type="info"
|
|
class="alert-margin"
|
|
>
|
|
积分总是最多保留两位小数, 四舍五入
|
|
</NAlert>
|
|
|
|
<NDivider> 常用 </NDivider>
|
|
|
|
<NSpin :show="isLoading">
|
|
<NFlex
|
|
vertical
|
|
:gap="12"
|
|
>
|
|
<!-- 通知设置 -->
|
|
<NFlex
|
|
align="center"
|
|
:gap="12"
|
|
>
|
|
<span>通知设置:</span>
|
|
<NCheckbox
|
|
v-model:checked="accountInfo.settings.sendEmail.receiveOrder"
|
|
:disabled="!canEdit"
|
|
@update:checked="SaveComboSetting"
|
|
>
|
|
积分礼物有新用户兑换时发送邮件
|
|
</NCheckbox>
|
|
</NFlex>
|
|
|
|
<!-- 积分来源设置 -->
|
|
<NFlex
|
|
align="center"
|
|
:gap="12"
|
|
>
|
|
<span>允许的积分来源:</span>
|
|
<NCheckboxGroup
|
|
v-model:value="setting.allowType"
|
|
:disabled="!canEdit"
|
|
@update:value="updateSettings"
|
|
>
|
|
<NCheckbox :value="EventDataTypes.Guard">
|
|
上舰
|
|
</NCheckbox>
|
|
<NCheckbox :value="EventDataTypes.SC">
|
|
Superchat
|
|
</NCheckbox>
|
|
<NCheckbox :value="EventDataTypes.Gift">
|
|
礼物
|
|
</NCheckbox>
|
|
</NCheckboxGroup>
|
|
</NFlex>
|
|
|
|
<!-- 舰长设置区域 -->
|
|
<template v-if="setting.allowType.includes(EventDataTypes.Guard)">
|
|
<NDivider>上舰设置</NDivider>
|
|
<NFlex
|
|
align="center"
|
|
vertical
|
|
:gap="10"
|
|
class="settings-section"
|
|
>
|
|
<span>上舰所给予的积分:</span>
|
|
<NFlex
|
|
:wrap="true"
|
|
:gap="8"
|
|
>
|
|
<NInputGroup
|
|
class="input-group"
|
|
:disabled="!canEdit"
|
|
>
|
|
<NInputGroupLabel> 舰长 </NInputGroupLabel>
|
|
<NInputNumber
|
|
v-model:value="setting.jianzhangPoint"
|
|
:disabled="!canEdit"
|
|
min="0"
|
|
/>
|
|
<NButton
|
|
type="info"
|
|
:disabled="!canEdit"
|
|
@click="updateSettings"
|
|
>
|
|
确定
|
|
</NButton>
|
|
</NInputGroup>
|
|
|
|
<NInputGroup
|
|
class="input-group"
|
|
:disabled="!canEdit"
|
|
>
|
|
<NInputGroupLabel> 提督 </NInputGroupLabel>
|
|
<NInputNumber
|
|
v-model:value="setting.tiduPoint"
|
|
:disabled="!canEdit"
|
|
min="0"
|
|
/>
|
|
<NButton
|
|
type="info"
|
|
:disabled="!canEdit"
|
|
@click="updateSettings"
|
|
>
|
|
确定
|
|
</NButton>
|
|
</NInputGroup>
|
|
|
|
<NInputGroup
|
|
class="input-group"
|
|
:disabled="!canEdit"
|
|
>
|
|
<NInputGroupLabel> 总督 </NInputGroupLabel>
|
|
<NInputNumber
|
|
v-model:value="setting.zongduPoint"
|
|
:disabled="!canEdit"
|
|
min="0"
|
|
/>
|
|
<NButton
|
|
type="info"
|
|
:disabled="!canEdit"
|
|
@click="updateSettings"
|
|
>
|
|
确定
|
|
</NButton>
|
|
</NInputGroup>
|
|
</NFlex>
|
|
</NFlex>
|
|
</template>
|
|
|
|
<!-- SC设置区域 -->
|
|
<template v-if="setting.allowType.includes(EventDataTypes.SC)">
|
|
<NDivider>SC设置</NDivider>
|
|
<NFlex
|
|
:gap="12"
|
|
class="settings-section"
|
|
>
|
|
<NInputGroup
|
|
class="input-group-wide"
|
|
:disabled="!canEdit"
|
|
>
|
|
<NInputGroupLabel> SC转换倍率 </NInputGroupLabel>
|
|
<NInputNumber
|
|
v-model:value="setting.scPointPercent"
|
|
:disabled="!canEdit"
|
|
min="0"
|
|
step="0.01"
|
|
max="1"
|
|
/>
|
|
<NButton
|
|
type="info"
|
|
:disabled="!canEdit"
|
|
@click="updateSettings"
|
|
>
|
|
确定
|
|
<NTooltip>
|
|
<template #trigger>
|
|
<NIcon :component="Info24Filled" />
|
|
</template>
|
|
将SC的价格以指定比例转换为积分, 如这里是0.5, 则一个30块的sc获得的积分为 30 * 0.5 = 15
|
|
</NTooltip>
|
|
</NButton>
|
|
</NInputGroup>
|
|
</NFlex>
|
|
</template>
|
|
|
|
<!-- 礼物设置区域 -->
|
|
<template v-if="setting.allowType.includes(EventDataTypes.Gift)">
|
|
<NDivider>礼物设置</NDivider>
|
|
<NFlex
|
|
vertical
|
|
:gap="12"
|
|
class="settings-section"
|
|
>
|
|
<!-- 礼物类型选择 -->
|
|
<NRadioGroup
|
|
v-model:value="setting.giftAllowType"
|
|
@update:value="updateSettings"
|
|
>
|
|
<NRadioButton :value="SettingPointGiftAllowType.WhiteList">
|
|
只包含下方的礼物
|
|
</NRadioButton>
|
|
<NRadioButton :value="SettingPointGiftAllowType.All">
|
|
包含所有礼物
|
|
</NRadioButton>
|
|
</NRadioGroup>
|
|
|
|
<!-- 所有礼物转换比例 -->
|
|
<template v-if="setting.giftAllowType === SettingPointGiftAllowType.All">
|
|
<NInputGroup
|
|
class="input-group-wide"
|
|
:disabled="!canEdit"
|
|
>
|
|
<NInputGroupLabel> 礼物转换倍率 </NInputGroupLabel>
|
|
<NInputNumber
|
|
v-model:value="setting.giftPointPercent"
|
|
:disabled="!canEdit"
|
|
min="0"
|
|
step="0.01"
|
|
max="1"
|
|
/>
|
|
<NButton
|
|
type="info"
|
|
:disabled="!canEdit"
|
|
@click="updateSettings"
|
|
>
|
|
确定
|
|
<NTooltip>
|
|
<template #trigger>
|
|
<NIcon :component="Info24Filled" />
|
|
</template>
|
|
将礼物的价格以指定比例转换为积分, 如这里是0.5, 则一个10块的礼物获得的积分为 10 * 0.5 = 5
|
|
</NTooltip>
|
|
</NButton>
|
|
</NInputGroup>
|
|
</template>
|
|
|
|
<!-- 礼物列表 -->
|
|
<NCard class="gift-card">
|
|
<NFlex
|
|
vertical
|
|
:gap="12"
|
|
>
|
|
<NButton
|
|
type="primary"
|
|
:disabled="!canEdit"
|
|
class="add-gift-button"
|
|
@click="showAddGiftModal = true"
|
|
>
|
|
添加礼物
|
|
</NButton>
|
|
|
|
<NList bordered>
|
|
<NEmpty
|
|
v-if="!Object.keys(setting.giftPercentMap).length"
|
|
description="暂无自定义礼物"
|
|
/>
|
|
|
|
<NListItem
|
|
v-for="item in Object.entries(setting.giftPercentMap)"
|
|
:key="item[0]"
|
|
>
|
|
<NFlex
|
|
align="center"
|
|
:gap="8"
|
|
>
|
|
<NTag
|
|
:bordered="false"
|
|
size="small"
|
|
type="success"
|
|
>
|
|
{{ item[0] }}
|
|
</NTag>
|
|
<NInputGroup
|
|
style="width: 200px"
|
|
:disabled="!canEdit"
|
|
>
|
|
<NInputNumber
|
|
:value="setting.giftPercentMap[item[0]]"
|
|
:disabled="!canEdit"
|
|
min="0"
|
|
@update:value="(v) => (setting.giftPercentMap[item[0]] = v ?? 0)"
|
|
/>
|
|
<NButton
|
|
type="info"
|
|
:disabled="!canEdit"
|
|
@click="updateSettings"
|
|
>
|
|
确定
|
|
</NButton>
|
|
</NInputGroup>
|
|
<NPopconfirm @positive-click="deleteGift(item[0])">
|
|
<template #trigger>
|
|
<NButton
|
|
type="error"
|
|
text
|
|
:disabled="!canEdit"
|
|
>
|
|
<template #icon>
|
|
<NIcon :component="Delete24Regular" />
|
|
</template>
|
|
</NButton>
|
|
</template>
|
|
确定要删除这个礼物吗?
|
|
</NPopconfirm>
|
|
</NFlex>
|
|
</NListItem>
|
|
</NList>
|
|
</NFlex>
|
|
</NCard>
|
|
</NFlex>
|
|
|
|
<!-- 添加礼物弹窗 -->
|
|
<NModal
|
|
v-model:show="showAddGiftModal"
|
|
preset="card"
|
|
title="添加礼物"
|
|
style="max-width: 400px"
|
|
>
|
|
<NFlex
|
|
align="center"
|
|
vertical
|
|
:gap="12"
|
|
>
|
|
<NAlert
|
|
title="注意"
|
|
type="warning"
|
|
>
|
|
这里填写的积分是指这个礼物直接对应多少积分, 而不是兑换比例
|
|
</NAlert>
|
|
|
|
<NInputGroup class="modal-input">
|
|
<NInputGroupLabel> 礼物名称 </NInputGroupLabel>
|
|
<NInput
|
|
v-model:value="addGiftModel.name"
|
|
placeholder="礼物名称"
|
|
/>
|
|
</NInputGroup>
|
|
|
|
<NInputGroup class="modal-input">
|
|
<NInputGroupLabel> 给予积分 </NInputGroupLabel>
|
|
<NInputNumber
|
|
v-model:value="addGiftModel.point"
|
|
placeholder="积分数量"
|
|
min="0"
|
|
/>
|
|
</NInputGroup>
|
|
|
|
<NButton
|
|
type="info"
|
|
:loading="isLoading"
|
|
@click="addGift"
|
|
>
|
|
确定
|
|
</NButton>
|
|
</NFlex>
|
|
</NModal>
|
|
</template>
|
|
</NFlex>
|
|
</NSpin>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.alert-margin {
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.settings-section {
|
|
margin: 8px 0;
|
|
}
|
|
|
|
.input-group {
|
|
width: 230px;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.input-group-wide {
|
|
width: 280px;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.gift-card {
|
|
width: 100%;
|
|
}
|
|
|
|
.add-gift-button {
|
|
max-width: 200px;
|
|
}
|
|
|
|
.modal-input {
|
|
width: 100%;
|
|
}
|
|
|
|
/* 响应式布局优化 */
|
|
@media (max-width: 768px) {
|
|
.input-group, .input-group-wide {
|
|
width: 100%;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.stat-grid {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 12px;
|
|
}
|
|
}
|
|
</style>
|