|
|
@ -1,15 +1,11 @@ |
|
|
<script setup> |
|
|
<script setup> |
|
|
import { ref, onMounted, reactive, computed, watch, nextTick } from 'vue' |
|
|
|
|
|
import { ElMessage } from 'element-plus' |
|
|
|
|
|
import { Plus } from '@element-plus/icons-vue' |
|
|
|
|
|
|
|
|
import {onMounted, reactive, ref} from 'vue' |
|
|
|
|
|
import {ElIcon, ElMessage, ElMessageBox} from 'element-plus' |
|
|
|
|
|
import {Plus, WarnTriangleFilled} from '@element-plus/icons-vue' |
|
|
import axios from 'axios' |
|
|
import axios from 'axios' |
|
|
import { ElMessageBox } from 'element-plus' |
|
|
|
|
|
import API from '@/util/http.js' |
|
|
import API from '@/util/http.js' |
|
|
import { uploadFile } from '@/util/request.js'; |
|
|
|
|
|
import moment from 'moment' |
|
|
import moment from 'moment' |
|
|
import { range, re } from 'mathjs' |
|
|
|
|
|
import { utils, read } from 'xlsx' |
|
|
|
|
|
import throttle from 'lodash/throttle' |
|
|
|
|
|
|
|
|
import Cookies from 'js-cookie'; |
|
|
// 定义 fixedAdminId |
|
|
// 定义 fixedAdminId |
|
|
// const fixedAdminId = 1; |
|
|
// const fixedAdminId = 1; |
|
|
|
|
|
|
|
|
@ -74,11 +70,19 @@ const recharge = ref({ |
|
|
remark: '', // remark 字段 |
|
|
remark: '', // remark 字段 |
|
|
rechargeRatio: '' |
|
|
rechargeRatio: '' |
|
|
}) |
|
|
}) |
|
|
|
|
|
// 用来写的 cookie 的 key |
|
|
|
|
|
const WriteCookies = ref(null) |
|
|
|
|
|
// 用来写的 cookie 的 value |
|
|
|
|
|
const WriteCookiesTime = ref(null) |
|
|
|
|
|
// 用来读的 cookie 的 key |
|
|
|
|
|
const ReadCookies = ref(null) |
|
|
|
|
|
// 用来读的 cookie 的 value |
|
|
|
|
|
const ReadCookiesTime = ref(null) |
|
|
// 这是添加充值信息的接口 |
|
|
// 这是添加充值信息的接口 |
|
|
const add = async function () { |
|
|
const add = async function () { |
|
|
try { |
|
|
try { |
|
|
|
|
|
|
|
|
const formattedRecharge = { ...recharge.value } |
|
|
|
|
|
|
|
|
const formattedRecharge = {...recharge.value} |
|
|
|
|
|
|
|
|
// 将永久金币数、免费金币数和充值金额数乘以 100 |
|
|
// 将永久金币数、免费金币数和充值金额数乘以 100 |
|
|
if (formattedRecharge.permanentGold) { |
|
|
if (formattedRecharge.permanentGold) { |
|
|
@ -98,7 +102,15 @@ const add = async function () { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
console.log('开始添加充值信息', recharge.value) |
|
|
console.log('开始添加充值信息', recharge.value) |
|
|
|
|
|
//存一下 用户的jwcode |
|
|
|
|
|
// 拼接 jwcode:permanentGold:freeGold |
|
|
|
|
|
WriteCookies.value = `coinRecharge:${recharge.value.jwcode}:${recharge.value.permanentGold}:${recharge.value.freeGold}` |
|
|
|
|
|
//value 为充值时间 |
|
|
|
|
|
WriteCookiesTime.value = recharge.value.payTime |
|
|
|
|
|
// 设置cookies,用户jwcode为key，value也是jwcode，过期时间为1天 |
|
|
|
|
|
Cookies.set(WriteCookies.value, WriteCookiesTime.value, {expires: 1, path: '/'}); |
|
|
// 发送POST请求 |
|
|
// 发送POST请求 |
|
|
|
|
|
addDisabled.value = true |
|
|
const result = await API({ |
|
|
const result = await API({ |
|
|
url: '/recharge/add', |
|
|
url: '/recharge/add', |
|
|
data: formattedRecharge |
|
|
data: formattedRecharge |
|
|
@ -121,61 +133,118 @@ const add = async function () { |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
//添加充值信息前的按钮点击事件，进行表单验证和用户确认操作 |
|
|
|
|
|
|
|
|
// 充值对话框显示状态 |
|
|
|
|
|
const RechargeDialogVisible = ref(false); |
|
|
|
|
|
|
|
|
|
|
|
// 关闭对话框 |
|
|
|
|
|
const RechargeDialogVisiblehandleClose = () => { |
|
|
|
|
|
RechargeDialogVisible.value = false; |
|
|
|
|
|
// 重置表单数据 |
|
|
|
|
|
deleteRecharge() |
|
|
|
|
|
user.value = {} |
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
// 确认使用cookie继续充值 |
|
|
|
|
|
const RechargeDialogVisibleContinue = () => { |
|
|
|
|
|
RechargeDialogVisible.value = false; |
|
|
|
|
|
add(); |
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
const RechargeDialogVisibleCancel = () => { |
|
|
|
|
|
RechargeDialogVisible.value = false |
|
|
|
|
|
deleteRecharge() |
|
|
|
|
|
user.value = {} |
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
// 实际执行充值操作 |
|
|
|
|
|
const proceedWithRecharge = () => { |
|
|
|
|
|
ElMessageBox.confirm('确认充值？') |
|
|
|
|
|
.then(() => { |
|
|
|
|
|
add(); |
|
|
|
|
|
console.log('充值成功'); |
|
|
|
|
|
}) |
|
|
|
|
|
.catch(() => { |
|
|
|
|
|
console.log('取消充值'); |
|
|
|
|
|
}); |
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
// 添加充值信息前的按钮点击事件，进行表单验证和用户确认操作 |
|
|
const addBefore = () => { |
|
|
const addBefore = () => { |
|
|
if(!recharge.value.permanentGold){ |
|
|
|
|
|
recharge.value.permanentGold ='0' |
|
|
|
|
|
|
|
|
// 为未输入的金币字段设置默认值 |
|
|
|
|
|
if (!recharge.value.permanentGold) { |
|
|
|
|
|
recharge.value.permanentGold = '0'; |
|
|
} |
|
|
} |
|
|
if(!recharge.value.freeGold){ |
|
|
|
|
|
recharge.value.freeGold ='0' |
|
|
|
|
|
|
|
|
if (!recharge.value.freeGold) { |
|
|
|
|
|
recharge.value.freeGold = '0'; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// 表单验证 |
|
|
Ref.value.validate(async (valid) => { |
|
|
Ref.value.validate(async (valid) => { |
|
|
if (valid) { |
|
|
|
|
|
|
|
|
if (!valid) { |
|
|
|
|
|
ElMessage({ |
|
|
|
|
|
type: 'error', |
|
|
|
|
|
message: '请检查输入内容' |
|
|
|
|
|
}); |
|
|
|
|
|
return; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// 验证金币不能同时为0 |
|
|
if (Number(recharge.value.permanentGold) === 0 && Number(recharge.value.freeGold) === 0) { |
|
|
if (Number(recharge.value.permanentGold) === 0 && Number(recharge.value.freeGold) === 0) { |
|
|
ElMessage({ |
|
|
ElMessage({ |
|
|
type: 'error', |
|
|
type: 'error', |
|
|
message: '永久金币和免费金币不能同时为0' |
|
|
message: '永久金币和免费金币不能同时为0' |
|
|
}) |
|
|
|
|
|
return |
|
|
|
|
|
|
|
|
}); |
|
|
|
|
|
return; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
if (recharge.value.rateName == null || recharge.value.rateName == '' || recharge.value.rateName == undefined) { |
|
|
|
|
|
|
|
|
// 验证币种选择 |
|
|
|
|
|
if (!recharge.value.rateName) { |
|
|
ElMessage({ |
|
|
ElMessage({ |
|
|
type: 'error', |
|
|
type: 'error', |
|
|
message: '请选择币种' |
|
|
message: '请选择币种' |
|
|
}) |
|
|
|
|
|
return |
|
|
|
|
|
|
|
|
}); |
|
|
|
|
|
return; |
|
|
} |
|
|
} |
|
|
if (recharge.value.money == null || recharge.value.money == '' || recharge.value.money == undefined) { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 验证充值金额 |
|
|
|
|
|
if (!recharge.value.money) { |
|
|
ElMessage({ |
|
|
ElMessage({ |
|
|
type: 'error', |
|
|
type: 'error', |
|
|
message: '请输入充值金额' |
|
|
message: '请输入充值金额' |
|
|
}) |
|
|
|
|
|
return |
|
|
|
|
|
|
|
|
}); |
|
|
|
|
|
return; |
|
|
} |
|
|
} |
|
|
// 根据选择的货币名称找到对应的 rateId |
|
|
|
|
|
const selectedRate = rateName.find(item => item.value === recharge.value.rateName) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 设置对应的rateId |
|
|
|
|
|
const selectedRate = rateName.find(item => item.value === recharge.value.rateName); |
|
|
if (selectedRate) { |
|
|
if (selectedRate) { |
|
|
recharge.value.rateId = selectedRate.rateId |
|
|
|
|
|
|
|
|
recharge.value.rateId = selectedRate.rateId; |
|
|
} |
|
|
} |
|
|
ElMessageBox.confirm('确认充值？') |
|
|
|
|
|
.then(() => { |
|
|
|
|
|
addDisabled.value = true |
|
|
|
|
|
add() |
|
|
|
|
|
console.log('充值成功') |
|
|
|
|
|
}) |
|
|
|
|
|
.catch(() => { |
|
|
|
|
|
console.log('取消充值') |
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 检查是否有用户信息 |
|
|
|
|
|
if (!user.value.jwcode) { |
|
|
|
|
|
ElMessage.warning('请先查询用户信息') |
|
|
|
|
|
return |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// 检查cookie |
|
|
|
|
|
// 拼接 jwcode:permanentGold:freeGold |
|
|
|
|
|
ReadCookies.value = `coinRecharge:${recharge.value.jwcode}:${recharge.value.permanentGold}:${recharge.value.freeGold}` |
|
|
|
|
|
|
|
|
|
|
|
// 获取cookie |
|
|
|
|
|
const cookie = Cookies.get(ReadCookies.value) |
|
|
|
|
|
console.log("time", WriteCookiesTime.value) |
|
|
|
|
|
// 格式化时间 |
|
|
|
|
|
ReadCookiesTime.value = moment(cookie).format('YYYY-MM-DD HH:mm:ss') |
|
|
|
|
|
console.log('cookie', cookie) |
|
|
|
|
|
// 如果存在cookie，显示确认对话框；否则直接进入充值确认 |
|
|
|
|
|
if (cookie) { |
|
|
|
|
|
RechargeDialogVisible.value = true; |
|
|
} else { |
|
|
} else { |
|
|
//提示 |
|
|
|
|
|
ElMessage({ |
|
|
|
|
|
type: 'error', |
|
|
|
|
|
message: '请检查输入内容' |
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
proceedWithRecharge(); |
|
|
} |
|
|
} |
|
|
}) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
}); |
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
// 表单验证 |
|
|
// 表单验证 |
|
|
// 开始时间改变时，重新验证结束时间 |
|
|
// 开始时间改变时，重新验证结束时间 |
|
|
@ -194,12 +263,12 @@ const rules = reactive({ |
|
|
callback(); |
|
|
callback(); |
|
|
}, trigger: 'blur' |
|
|
}, trigger: 'blur' |
|
|
}], |
|
|
}], |
|
|
activity: [{ required: true, message: '请选择活动名称', trigger: 'blur' }], |
|
|
|
|
|
|
|
|
activity: [{required: true, message: '请选择活动名称', trigger: 'blur'}], |
|
|
permanentGold: [ |
|
|
permanentGold: [ |
|
|
{ required: true, message: '请输入永久金币数', trigger: 'change' }, |
|
|
|
|
|
|
|
|
{required: true, message: '请输入永久金币数', trigger: 'change'}, |
|
|
{ |
|
|
{ |
|
|
validator: (rule, value, callback) => { |
|
|
validator: (rule, value, callback) => { |
|
|
if(!value){ |
|
|
|
|
|
|
|
|
if (!value) { |
|
|
value = '0' |
|
|
value = '0' |
|
|
} |
|
|
} |
|
|
// 检查是否包含特殊符号 |
|
|
// 检查是否包含特殊符号 |
|
|
@ -237,10 +306,10 @@ const rules = reactive({ |
|
|
} |
|
|
} |
|
|
], |
|
|
], |
|
|
freeGold: [ |
|
|
freeGold: [ |
|
|
{ required: true, message: '请输入免费金币数', trigger: 'change' }, |
|
|
|
|
|
|
|
|
{required: true, message: '请输入免费金币数', trigger: 'change'}, |
|
|
{ |
|
|
{ |
|
|
validator: (rule, value, callback) => { |
|
|
validator: (rule, value, callback) => { |
|
|
if(!value){ |
|
|
|
|
|
|
|
|
if (!value) { |
|
|
value = '0' |
|
|
value = '0' |
|
|
} |
|
|
} |
|
|
// 检查是否包含特殊符号 |
|
|
// 检查是否包含特殊符号 |
|
|
@ -284,7 +353,7 @@ const rules = reactive({ |
|
|
}], |
|
|
}], |
|
|
|
|
|
|
|
|
money: [ |
|
|
money: [ |
|
|
{ required: true, message: '请输入充值金额', trigger: 'blur' }, |
|
|
|
|
|
|
|
|
{required: true, message: '请输入充值金额', trigger: 'blur'}, |
|
|
{ |
|
|
{ |
|
|
validator: (rule, value, callback) => { |
|
|
validator: (rule, value, callback) => { |
|
|
// 检查是否包含特殊符号 |
|
|
// 检查是否包含特殊符号 |
|
|
@ -321,8 +390,8 @@ const rules = reactive({ |
|
|
trigger: 'blur' |
|
|
trigger: 'blur' |
|
|
} |
|
|
} |
|
|
], |
|
|
], |
|
|
payModel: [{ required: true, message: '请选择付款方式', trigger: 'blur' }], |
|
|
|
|
|
payTime: [{ required: true, message: '请选择交款时间', trigger: 'blur' }] |
|
|
|
|
|
|
|
|
payModel: [{required: true, message: '请选择付款方式', trigger: 'blur'}], |
|
|
|
|
|
payTime: [{required: true, message: '请选择交款时间', trigger: 'blur'}] |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
// 查找客户信息的方法 |
|
|
// 查找客户信息的方法 |
|
|
@ -351,7 +420,6 @@ const getUser = async function (jwcode) { |
|
|
}) |
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (result.code === 0) { |
|
|
if (result.code === 0) { |
|
|
ElMessage.error(result.msg); |
|
|
ElMessage.error(result.msg); |
|
|
} else if (result.data === null) { |
|
|
} else if (result.data === null) { |
|
|
@ -391,7 +459,6 @@ const activity = ref([]) |
|
|
// } |
|
|
// } |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//货币条目 |
|
|
//货币条目 |
|
|
const rateName = [ |
|
|
const rateName = [ |
|
|
{ |
|
|
{ |
|
|
@ -549,9 +616,10 @@ onMounted(() => { |
|
|
<template> |
|
|
<template> |
|
|
<div> |
|
|
<div> |
|
|
|
|
|
|
|
|
<el-form :model="recharge" ref="Ref" :rules="rules" label-width="auto" label-position="right" style="max-width: 600px" class="add-form"> |
|
|
|
|
|
|
|
|
<el-form :model="recharge" ref="Ref" :rules="rules" label-width="auto" label-position="right" |
|
|
|
|
|
style="max-width: 600px" class="add-form"> |
|
|
<el-form-item prop="jwcode" label="精网号"> |
|
|
<el-form-item prop="jwcode" label="精网号"> |
|
|
<el-input v-model="recharge.jwcode" style="width: 220px" /> |
|
|
|
|
|
|
|
|
<el-input v-model="recharge.jwcode" style="width: 220px"/> |
|
|
<el-button type="primary" @click="getUser(recharge.jwcode)" style="margin-left: 20px">查询</el-button> |
|
|
<el-button type="primary" @click="getUser(recharge.jwcode)" style="margin-left: 20px">查询</el-button> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<!-- <el-form-item prop="activity" label="活动名称"> |
|
|
<!-- <el-form-item prop="activity" label="活动名称"> |
|
|
@ -570,16 +638,16 @@ onMounted(() => { |
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> --> |
|
|
</el-form-item> --> |
|
|
<el-form-item prop="activity" label="活动名称"> |
|
|
<el-form-item prop="activity" label="活动名称"> |
|
|
<el-input v-model="recharge.activity" placeholder="请输入活动名称" style="width: 300px" /> |
|
|
|
|
|
|
|
|
<el-input v-model="recharge.activity" placeholder="请输入活动名称" style="width: 300px"/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item prop="permanentGold" label="永久金币"> |
|
|
<el-form-item prop="permanentGold" label="永久金币"> |
|
|
<el-input v-model="recharge.permanentGold" placeholder="0" style="width: 100px" /> |
|
|
|
|
|
|
|
|
<el-input v-model="recharge.permanentGold" placeholder="0" style="width: 100px"/> |
|
|
<p>个</p> |
|
|
<p>个</p> |
|
|
|
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item prop="freeGold" label="免费金币"> |
|
|
<el-form-item prop="freeGold" label="免费金币"> |
|
|
|
|
|
|
|
|
<el-input v-model="recharge.freeGold" placeholder="0" style="width: 100px" /> |
|
|
|
|
|
|
|
|
<el-input v-model="recharge.freeGold" placeholder="0" style="width: 100px"/> |
|
|
<p>个</p> |
|
|
<p>个</p> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<!-- <el-form-item label="充值金额"> |
|
|
<!-- <el-form-item label="充值金额"> |
|
|
@ -604,31 +672,31 @@ onMounted(() => { |
|
|
<!-- 货币名称 --> |
|
|
<!-- 货币名称 --> |
|
|
<el-form-item prop="rateName" style="display: inline-block; margin-left:0;"> |
|
|
<el-form-item prop="rateName" style="display: inline-block; margin-left:0;"> |
|
|
<el-select v-model="recharge.rateName" placeholder="货币名称" style="width: 100px"> |
|
|
<el-select v-model="recharge.rateName" placeholder="货币名称" style="width: 100px"> |
|
|
<el-option v-for="item in rateName" :key="item.value" :label="item.label" :value="item.value" /> |
|
|
|
|
|
|
|
|
<el-option v-for="item in rateName" :key="item.value" :label="item.label" :value="item.value"/> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<!-- 充值金额 --> |
|
|
<!-- 充值金额 --> |
|
|
<el-form-item prop="money" style="display: inline-block; margin-left:10px;"> |
|
|
<el-form-item prop="money" style="display: inline-block; margin-left:10px;"> |
|
|
<el-input v-model="recharge.money" style="width: 190px" /> |
|
|
|
|
|
|
|
|
<el-input v-model="recharge.money" style="width: 190px"/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-form-item prop="payModel" label="收款方式"> |
|
|
<el-form-item prop="payModel" label="收款方式"> |
|
|
<el-select v-model="recharge.payModel" placeholder="请选择" style="width: 300px"> |
|
|
<el-select v-model="recharge.payModel" placeholder="请选择" style="width: 300px"> |
|
|
<el-option v-for="item in payModel" :key="item.value" :label="item.label" :value="item.value" /> |
|
|
|
|
|
|
|
|
<el-option v-for="item in payModel" :key="item.value" :label="item.label" :value="item.value"/> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item prop="payTime" label="交款时间"> |
|
|
<el-form-item prop="payTime" label="交款时间"> |
|
|
<!-- 修改 type 属性为 datetime 以支持时分秒选择 --> |
|
|
<!-- 修改 type 属性为 datetime 以支持时分秒选择 --> |
|
|
<el-date-picker v-model="recharge.payTime" type="datetime" style="width: 300px" /> |
|
|
|
|
|
|
|
|
<el-date-picker v-model="recharge.payTime" type="datetime" style="width: 300px"/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item prop="voucher" label="交款凭证" style="margin-bottom: 5px"> |
|
|
<el-form-item prop="voucher" label="交款凭证" style="margin-bottom: 5px"> |
|
|
<el-upload :http-request="customUpload" class="avatar-uploader" :show-file-list="false" |
|
|
<el-upload :http-request="customUpload" class="avatar-uploader" :show-file-list="false" |
|
|
:before-upload="beforeAvatarUpload" style="width: 100px; height: 115px"> |
|
|
:before-upload="beforeAvatarUpload" style="width: 100px; height: 115px"> |
|
|
<img v-if="imageUrl" :src="imageUrl" class="avatar" style="width: 100px; height: 115px" /> |
|
|
|
|
|
|
|
|
<img v-if="imageUrl" :src="imageUrl" class="avatar" style="width: 100px; height: 115px"/> |
|
|
<el-icon v-else class="avatar-uploader-icon" style="width: 100px; height: 100px"> |
|
|
<el-icon v-else class="avatar-uploader-icon" style="width: 100px; height: 100px"> |
|
|
<Plus /> |
|
|
|
|
|
|
|
|
<Plus/> |
|
|
</el-icon> |
|
|
</el-icon> |
|
|
</el-upload> |
|
|
</el-upload> |
|
|
<p style="margin-left: 10px; color: rgb(177, 176, 176)"> |
|
|
<p style="margin-left: 10px; color: rgb(177, 176, 176)"> |
|
|
@ -637,11 +705,11 @@ onMounted(() => { |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item prop="remark" label="备注"> |
|
|
<el-form-item prop="remark" label="备注"> |
|
|
<el-input v-model="recharge.remark" style="width: 300px" :rows="4" maxlength="100" show-word-limit |
|
|
<el-input v-model="recharge.remark" style="width: 300px" :rows="4" maxlength="100" show-word-limit |
|
|
type="textarea" /> |
|
|
|
|
|
|
|
|
type="textarea"/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-button @click="deleteRecharge" style="margin-left: 280px" type="success">重置</el-button> |
|
|
<el-button @click="deleteRecharge" style="margin-left: 280px" type="success">重置</el-button> |
|
|
<el-button type="primary" :disabled="addDisabled" @click="addBefore"> 提交 </el-button> |
|
|
|
|
|
|
|
|
<el-button type="primary" :disabled="addDisabled" @click="addBefore"> 提交</el-button> |
|
|
</el-form> |
|
|
</el-form> |
|
|
|
|
|
|
|
|
<!-- 客户信息栏 --> |
|
|
<!-- 客户信息栏 --> |
|
|
@ -668,7 +736,9 @@ onMounted(() => { |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item style="margin-top: -23px"> |
|
|
<el-form-item style="margin-top: -23px"> |
|
|
<span style="display: inline; white-space: nowrap; color: #b1b1b1" |
|
|
<span style="display: inline; white-space: nowrap; color: #b1b1b1" |
|
|
v-if="user.historyPermanentGold !== undefined">(永久金币:{{ user.historyPermanentGold / 100 }};免费金币:{{ |
|
|
|
|
|
|
|
|
v-if="user.historyPermanentGold !== undefined">(永久金币:{{ |
|
|
|
|
|
user.historyPermanentGold / 100 |
|
|
|
|
|
}};免费金币:{{ |
|
|
(user.historyFreeGold) / 100 |
|
|
(user.historyFreeGold) / 100 |
|
|
}};任务金币:{{ user.historyTaskGold / 100 }})</span> |
|
|
}};任务金币:{{ user.historyTaskGold / 100 }})</span> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
@ -684,13 +754,16 @@ onMounted(() => { |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="14"> |
|
|
<el-col :span="14"> |
|
|
<el-form-item label="当前金币总数" style="width: 500px"> |
|
|
<el-form-item label="当前金币总数" style="width: 500px"> |
|
|
<span style="color: #2fa1ff; margin-right: 5px" v-if="user.nowSumGold !== undefined">{{ user.nowSumGold |
|
|
|
|
|
/100}}</span> |
|
|
|
|
|
|
|
|
<span style="color: #2fa1ff; margin-right: 5px" v-if="user.nowSumGold !== undefined">{{ |
|
|
|
|
|
user.nowSumGold |
|
|
|
|
|
/ 100 |
|
|
|
|
|
}}</span> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<!-- 金币详情独立显示 --> |
|
|
<!-- 金币详情独立显示 --> |
|
|
<el-form-item style="margin-top: -23px"> <!-- 负边距减少间距 --> |
|
|
<el-form-item style="margin-top: -23px"> <!-- 负边距减少间距 --> |
|
|
<span style="color: #b1b1b1; margin-left: 0px" v-if="user.nowPermanentGold !== undefined">(永久金币:{{ |
|
|
<span style="color: #b1b1b1; margin-left: 0px" v-if="user.nowPermanentGold !== undefined">(永久金币:{{ |
|
|
user.nowPermanentGold /100}}; |
|
|
|
|
|
|
|
|
user.nowPermanentGold / 100 |
|
|
|
|
|
}}; |
|
|
免费金币:{{ user.nowFreeGold / 100 }}; |
|
|
免费金币:{{ user.nowFreeGold / 100 }}; |
|
|
任务金币:{{ user.nowTaskGold / 100 }})</span> |
|
|
任务金币:{{ user.nowTaskGold / 100 }})</span> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
@ -729,6 +802,68 @@ onMounted(() => { |
|
|
</el-form> |
|
|
</el-form> |
|
|
</el-card> |
|
|
</el-card> |
|
|
|
|
|
|
|
|
|
|
|
<el-dialog |
|
|
|
|
|
v-model="RechargeDialogVisible" |
|
|
|
|
|
title="操作确认" |
|
|
|
|
|
:before-close="RechargeDialogVisiblehandleClose" |
|
|
|
|
|
:close-on-click-modal="false" |
|
|
|
|
|
width="480px" |
|
|
|
|
|
> |
|
|
|
|
|
<!-- 内容整体居中且收窄 --> |
|
|
|
|
|
<div class="confirm-body"> |
|
|
|
|
|
<!-- 用户信息 --> |
|
|
|
|
|
<div> |
|
|
|
|
|
<div class="field-label">用户信息</div> |
|
|
|
|
|
<el-input :model-value="user.jwcode + (user.name ? '【' + user.name + '】' : '')" disabled/> |
|
|
|
|
|
</div> |
|
|
|
|
|
<!-- 活动名称 --> |
|
|
|
|
|
<div class="field"> |
|
|
|
|
|
<div class="field-label">活动名称</div> |
|
|
|
|
|
<el-input v-model="recharge.activity" disabled/> |
|
|
|
|
|
</div> |
|
|
|
|
|
<!-- 金币信息（同一行左右排列） --> |
|
|
|
|
|
<el-row :gutter="20" class="coins-row"> |
|
|
|
|
|
<el-col :span="12"> |
|
|
|
|
|
<div class="field"> |
|
|
|
|
|
<div class="field-label">永久金币</div> |
|
|
|
|
|
<el-input v-model="recharge.permanentGold" disabled/> |
|
|
|
|
|
</div> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
<el-col :span="12"> |
|
|
|
|
|
<div class="field"> |
|
|
|
|
|
<div class="field-label">免费金币</div> |
|
|
|
|
|
<el-input v-model="recharge.freeGold" disabled/> |
|
|
|
|
|
</div> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
</el-row> |
|
|
|
|
|
<!-- 风险提示 --> |
|
|
|
|
|
<div style="display: flex; align-items: center; margin-top: 20px;"> |
|
|
|
|
|
<el-icon :size="24" color="#FFD700"> |
|
|
|
|
|
<WarnTriangleFilled/> |
|
|
|
|
|
</el-icon> |
|
|
|
|
|
<p>重复充值风险提示</p> |
|
|
|
|
|
</div> |
|
|
|
|
|
<!-- 记录 + 虚线分隔 --> |
|
|
|
|
|
<div> |
|
|
|
|
|
<el-divider border-style="dashed"/> |
|
|
|
|
|
<p>检测到该用户近期有相似充值记录：</p> |
|
|
|
|
|
· {{ ReadCookiesTime }} 充值永久金币: {{ recharge.permanentGold }} |
|
|
|
|
|
免费金币: {{ recharge.freeGold }}(操作人：{{ adminData.adminName }}) |
|
|
|
|
|
</div> |
|
|
|
|
|
<div style="margin-top: 10px"> |
|
|
|
|
|
<p>是否继续操作？</p> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 底部按钮（居中） --> |
|
|
|
|
|
<template #footer> |
|
|
|
|
|
<div class="dialog-footer-center"> |
|
|
|
|
|
<el-button @click="RechargeDialogVisibleCancel">取 消</el-button> |
|
|
|
|
|
<el-button type="primary" @click="RechargeDialogVisibleContinue">确认充值</el-button> |
|
|
|
|
|
</div> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
@ -753,6 +888,9 @@ p { |
|
|
height: 50px; |
|
|
height: 50px; |
|
|
display: block; |
|
|
display: block; |
|
|
} |
|
|
} |
|
|
|
|
|
</style> |
|
|
|
|
|
|
|
|
|
|
|
<style> |
|
|
.error-message { |
|
|
.error-message { |
|
|
color: red; |
|
|
color: red; |
|
|
font-size: 8px; |
|
|
font-size: 8px; |
|
|
@ -792,5 +930,40 @@ p { |
|
|
.customer-info { |
|
|
.customer-info { |
|
|
max-width: 60%; |
|
|
max-width: 60%; |
|
|
} |
|
|
} |
|
|
</style> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* 标题居中 */ |
|
|
|
|
|
.el-dialog__header { |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.confirm-body { |
|
|
|
|
|
width: 420px; |
|
|
|
|
|
margin: 0 auto; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* 字段块与标签样式 */ |
|
|
|
|
|
.field { |
|
|
|
|
|
margin-top: 10px; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.field-label { |
|
|
|
|
|
font-size: 14px; |
|
|
|
|
|
color: #606266; |
|
|
|
|
|
margin-bottom: 6px; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* 金币行紧凑 */ |
|
|
|
|
|
.coins-row .field { |
|
|
|
|
|
margin-bottom: 0; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* 底部按钮居中 */ |
|
|
|
|
|
.dialog-footer-center { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
gap: 12px; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</style> |
ZhangYong
2 months ago