You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2212 lines
64 KiB
2212 lines
64 KiB
<script setup>
|
|
import { ref, onMounted, reactive, computed, watch, nextTick } from 'vue'
|
|
import ElementPlus from 'element-plus'
|
|
import { ElMessage,ElMessageBox } from 'element-plus'
|
|
import { AiFillRead } from 'vue-icons-plus/ai'
|
|
import { Plus } from '@element-plus/icons-vue'
|
|
import axios from 'axios'
|
|
import API from '@/util/http'
|
|
import request from '@/util/http'
|
|
import moment from 'moment'
|
|
import { range, re } from 'mathjs'
|
|
import { utils, read } from 'xlsx'
|
|
import throttle from 'lodash/throttle'
|
|
|
|
//新增充值------------------------------------------------------------------------------
|
|
// 精网号去空格
|
|
const trimJwCode = () => {
|
|
if (addRecharge.value.jwcode) {
|
|
addRecharge.value.jwcode = addRecharge.value.jwcode.replace(/\s/g, '');
|
|
}
|
|
}
|
|
// 上传图片前的验证函数
|
|
const beforeAvatarUpload = (file) => {
|
|
const isJPG = file.type === 'image/jpeg'
|
|
const isPNG = file.type === 'image/png'
|
|
const isLt2M = file.size / 1024 / 1024 < 2
|
|
|
|
if (!isJPG && !isPNG) {
|
|
ElMessage.error('上传头像图片只能是 JPG 或 PNG 格式!')
|
|
}
|
|
if (!isLt2M) {
|
|
ElMessage.error('上传头像图片大小不能超过 2MB!')
|
|
}
|
|
return (isJPG || isPNG) && isLt2M
|
|
}
|
|
|
|
const imageUrl = ref('')//上传图片的url
|
|
const rechargeVoucher = ref('')//充值凭证
|
|
const Rate = ref()//汇率
|
|
|
|
//请求管理员的接口，充值明细也需要获取到
|
|
const adminData = ref({})//管理员信息
|
|
const getAdminData = async function () {
|
|
try {
|
|
const result = await API({
|
|
url: '/admin/userinfo',
|
|
data: {}
|
|
})
|
|
adminData.value = result
|
|
addRecharge.value.adminId = adminData.value.adminId
|
|
addRecharge.value.area = adminData.value.area
|
|
console.log('管理员信息请求成功', result)
|
|
// console.log('用户信息', user.value),user.value打印的没有什么意义
|
|
} catch (error) {
|
|
console.log('请求失败', error)
|
|
}
|
|
}
|
|
|
|
// 这是添加充值信息的表单
|
|
const addRecharge = ref({
|
|
rechargeVoucher: '',
|
|
rechargeWay: '客服充值',
|
|
freeGold: '',
|
|
rechargeGold: null,
|
|
paidGold: '',
|
|
Rate: null,
|
|
rechargeRatio: ''
|
|
})
|
|
// 这是添加充值信息的接口
|
|
const add = async function () {
|
|
try {
|
|
console.log('开始添加充值信息', addRecharge.value)
|
|
// 发送POST请求
|
|
const result = await API({
|
|
url: '/recharge/recharge/add',
|
|
data: addRecharge.value
|
|
})
|
|
if (result.code === 0) {
|
|
ElMessage.error(result.msg)
|
|
return
|
|
}
|
|
// 将响应结果存储到响应式数据中
|
|
console.log('/recharge/recharge/add请求成功', result)
|
|
// 显示成功消息
|
|
ElMessage.success('添加成功')
|
|
// 重置表单
|
|
addRecharge.value = {}
|
|
addRecharge.value.adminId = adminData.value.adminId
|
|
addRecharge.value.area = adminData.value.area
|
|
addRecharge.value.rechargeVoucher = ''
|
|
addRecharge.value.rechargeWay = '客服充值'
|
|
addRecharge.value.freeGold = ''
|
|
addRecharge.value.rechargeGold = null
|
|
addRecharge.value.paidGold = ''
|
|
imageUrl.value = ''
|
|
Rate.value = null
|
|
user.value = {}
|
|
} catch (error) {
|
|
console.log('请求失败', error)
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等
|
|
}
|
|
}
|
|
const addBefore = () => {
|
|
Ref.value.validate(async (valid) => {
|
|
if (valid) {
|
|
if (Rate.value == null || Rate.value == '' || Rate.value == undefined) {
|
|
ElMessage({
|
|
type: 'error',
|
|
message: '请选择币种'
|
|
})
|
|
return
|
|
}
|
|
if(addRecharge.value.rechargeGold == null || addRecharge.value.rechargeGold == '' || addRecharge.value.rechargeGold == undefined){
|
|
ElMessage({
|
|
type: 'error',
|
|
message: '请输入充值金额'
|
|
})
|
|
return
|
|
}
|
|
ElMessageBox.confirm('确认添加？')
|
|
.then(() => {
|
|
add()
|
|
console.log('添加成功')
|
|
})
|
|
.catch(() => {
|
|
console.log('取消添加')
|
|
})
|
|
} else {
|
|
//提示
|
|
ElMessage({
|
|
type: 'error',
|
|
message: '请检查输入内容'
|
|
})
|
|
}
|
|
})
|
|
}
|
|
|
|
// 表单验证
|
|
// 开始时间改变时，重新验证结束时间
|
|
const Ref = ref(null)
|
|
|
|
const rules = reactive({
|
|
jwcode: [{ required: true, message: '请输入精网号', trigger: 'blur' }],
|
|
activityId: [{ required: true, message: '请选择活动名称', trigger: 'blur' }],
|
|
paidGold: [
|
|
{ required: true, message: '请输入永久金币数', trigger: 'blur' },
|
|
{
|
|
validator: (rule, value, callback) => {
|
|
if (value >= 0) {
|
|
callback()
|
|
} else {
|
|
callback(new Error('输入金额至少为0'))
|
|
}
|
|
}
|
|
}
|
|
],
|
|
freeGold: [
|
|
{
|
|
required: true,
|
|
message: '请输入免费金币数',
|
|
trigger: 'blur'
|
|
},
|
|
{
|
|
validator: (rule, value, callback) => {
|
|
if (value == 0) {
|
|
callback(new Error('输入金额不可为0'))
|
|
} else {
|
|
callback()
|
|
}
|
|
}
|
|
}
|
|
],
|
|
rechargeGold: [
|
|
{
|
|
required: true,
|
|
message: '请选择货币名称',
|
|
trigger: 'blur'
|
|
}
|
|
],
|
|
'addRecharge.rechargeGold': [
|
|
{
|
|
required: true,
|
|
message: '请输入充值金额',
|
|
trigger: 'blur'
|
|
}
|
|
],
|
|
payWay: [{ required: true, message: '请选择付款方式', trigger: 'blur' }],
|
|
rechargeTime: [{ required: true, message: '请选择交款时间', trigger: 'blur' }]
|
|
})
|
|
|
|
// 查找客户信息的方法
|
|
const user = ref({})
|
|
const getUser = async function (jwcode) {
|
|
trimJwCode();
|
|
try {
|
|
|
|
// 发送POST请求
|
|
const result = await API({
|
|
url: '/recharge/user',
|
|
data: {
|
|
jwcode: addRecharge.value.jwcode,
|
|
area: adminData.value.area
|
|
}
|
|
})
|
|
console.log('请求成功', result)
|
|
|
|
if (result.code === 0) {
|
|
ElMessage.error(result.msg)
|
|
} else {
|
|
user.value = result.data
|
|
user.value.A =
|
|
Number(user.value.pendingRechargeTimes) +
|
|
Number(user.value.pendingSpendTimes)
|
|
console.log('用户信息', user.value)
|
|
ElMessage.success(result.msg)
|
|
}
|
|
} catch (error) {
|
|
console.log('请求失败', error)
|
|
ElMessage.error('查询失败，请检查精网号是否正确')
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等
|
|
}
|
|
}
|
|
|
|
// 这是查询活动的接口
|
|
const activity = ref([])
|
|
const getActivity = async function () {
|
|
try {
|
|
// 发送POST请求
|
|
const result = await API({
|
|
url: '/recharge/activity/select',
|
|
data: {
|
|
activity: { status: 1 }
|
|
}
|
|
})
|
|
|
|
// 将响应结果存储到响应式数据中
|
|
console.log('请求成功activity', result)
|
|
// 存储表格数据
|
|
activity.value = result.data
|
|
console.log('活动信息', activity.value)
|
|
} catch (error) {
|
|
console.log('请求失败', error)
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等
|
|
}
|
|
}
|
|
|
|
// 这是查询货币的接口
|
|
const currency = ref([])
|
|
const getCurrency = async function () {
|
|
try {
|
|
// 发送POST请求
|
|
const result = await API({
|
|
url: '/rates/status',
|
|
data: {}
|
|
})
|
|
|
|
// 将响应结果存储到响应式数据中
|
|
console.log('货币请求成功', result)
|
|
// 存储表格数据
|
|
currency.value = result.data
|
|
console.log('currency', currency.value)
|
|
// 在这里可以根据需求进一步处理成功后的逻辑，比如更新UI显示成功消息等
|
|
} catch (error) {
|
|
console.log('请求失败', error)
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等
|
|
}
|
|
}
|
|
|
|
// 上传图片成功的回调函数
|
|
const handleAvatarSuccess = (response, uploadFile) => {
|
|
imageUrl.value = URL.createObjectURL(uploadFile.raw)
|
|
console.log('图片上传成功', response, uploadFile)
|
|
addRecharge.value.rechargeVoucher = `http://54.251.137.151:10704/upload/${response.data}`
|
|
console.log('图片名称', addRecharge.value.rechargeVoucher)
|
|
}
|
|
|
|
//充值方式条目
|
|
const options = [
|
|
{
|
|
value: '现金',
|
|
label: '现金'
|
|
},
|
|
{
|
|
value: '支票',
|
|
label: '支票'
|
|
},
|
|
{
|
|
value: '刷卡',
|
|
label: '刷卡'
|
|
},
|
|
{
|
|
value: '其他(各地区电子支付)',
|
|
label: '其他(各地区电子支付)'
|
|
}
|
|
]
|
|
|
|
//根据活动id获取汇率
|
|
const getActivityById = async function (row) {
|
|
try {
|
|
// 发送POST请求
|
|
const result = await API({
|
|
url: '/recharge/activity/select',
|
|
data: {
|
|
activity: { activityId: row }
|
|
}
|
|
})
|
|
addRecharge.value.rechargeRatio = result.data[0].rechargeRatio
|
|
console.log('看看有了吗', addRecharge.value.rechargeRatio)
|
|
} catch (error) {
|
|
console.log('请求失败', error)
|
|
}
|
|
}
|
|
function handleActivityChange(value) {
|
|
// 在这里执行你的逻辑，例如获取选中的值
|
|
console.log('选中的值：', value)
|
|
getActivityById(value)
|
|
console.log('看看', addRecharge.value)
|
|
}
|
|
//这是重置重置表单的方法
|
|
const deleteRecharge = function () {
|
|
addRecharge.value = {
|
|
adminId: adminData.value.adminId,
|
|
area: adminData.value.area,
|
|
rechargeVoucher: '',
|
|
rechargeWay: '客服充值',
|
|
freeGold: Number(),
|
|
rechargeGold: null,
|
|
paidGold: Number()
|
|
}
|
|
imageUrl.value = ''
|
|
Rate.value = ''
|
|
}
|
|
|
|
// 批量充值
|
|
// jwcode列表
|
|
const jwcodeList = ref([])
|
|
let jwcodeSet
|
|
// 获取jwcode列表
|
|
const getJwcodeList = async function () {
|
|
try {
|
|
// 发送POST请求
|
|
const result = await API({
|
|
url: '/recharge/user/jwcode',
|
|
data: {
|
|
jwcode: jwcode,
|
|
area: adminData.value.area
|
|
}
|
|
})
|
|
|
|
// 将响应结果存储到响应式数据中
|
|
console.log('请求成功', result)
|
|
// 存储表格数据
|
|
jwcodeList.value = result.data
|
|
console.log('精网号', jwcodeList.value)
|
|
// 将数组转换为set
|
|
jwcodeSet = new Set(jwcodeList.value)
|
|
console.log('精网号set', jwcodeSet)
|
|
} catch (error) {
|
|
console.log('请求失败jwcodelist', error)
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等
|
|
}
|
|
}
|
|
|
|
// 校验精网号
|
|
// 精网号错误对象
|
|
const errorCount = ref(0)
|
|
// 校验规则
|
|
const validateInput = function (row, index) {
|
|
console.log(jwcodeSet.has(row.jwcode), 'has')
|
|
if (!jwcodeSet.has(row.jwcode) && row.jwcode != '' && row.jwcode != null) {
|
|
row.isInputInvalid = true
|
|
row.inputErrorMessage = '精网号不存在'
|
|
errorCount.value++
|
|
return
|
|
} else {
|
|
row.isInputInvalid = false
|
|
row.inputErrorMessage = ''
|
|
errorCount.value--
|
|
}
|
|
}
|
|
|
|
// 批量充值弹窗
|
|
const batchRechargeVisible = ref(false)
|
|
const i = ref(1)
|
|
const batchDelObj = ref([])
|
|
const resetObj = ref({})
|
|
// 批量充值表格数据
|
|
const batchData = ref([
|
|
{
|
|
line: 1,
|
|
showInput: true,
|
|
isInputInvalid: false,
|
|
inputErrorMessage: '',
|
|
freeGold: '0',
|
|
rechargeGold: '0',
|
|
paidGold: '0'
|
|
}
|
|
])
|
|
|
|
// 打开批量充值弹窗
|
|
const openBatchRechargeVisible = function () {
|
|
batchRechargeVisible.value = true
|
|
}
|
|
// 关闭批量充值弹窗
|
|
const closeBatchRechargeVisible = function () {
|
|
batchRechargeVisible.value = false
|
|
}
|
|
// 批量充值初始化
|
|
const batchInit = function () {
|
|
openBatchRechargeVisible()
|
|
}
|
|
|
|
// 添加行数对象
|
|
const addLineObj = ref(0)
|
|
//添加一行
|
|
const addLine = function () {
|
|
batchData.value.unshift({
|
|
line: ++i.value,
|
|
showInput: true,
|
|
isInputInvalid: false,
|
|
inputErrorMessage: '',
|
|
freeGold: '0',
|
|
rechargeGold: '0',
|
|
paidGold: '0'
|
|
})
|
|
}
|
|
const loading = ref(false)
|
|
// 添加多行
|
|
const addLines = async function () {
|
|
try {
|
|
loading.value = true // 操作开始前，将loading设为true，显示加载动画
|
|
console.log(loading.value, 'loading.value')
|
|
|
|
await new Promise((resolve) => setTimeout(resolve, 100)) // 人为创建一个小延迟
|
|
|
|
for (let j = 0; j < addLineObj.value; j++) {
|
|
batchData.value.unshift({
|
|
line: ++i.value,
|
|
showInput: true,
|
|
isInputInvalid: false,
|
|
inputErrorMessage: '',
|
|
freeGold: '0',
|
|
rechargeGold: '0',
|
|
paidGold: '0'
|
|
})
|
|
}
|
|
|
|
ElMessage.success('添加成功')
|
|
console.log(batchData.value, 'batchData.value')
|
|
} catch (error) {
|
|
console.log('添加失败', error)
|
|
ElMessage.error('添加失败')
|
|
} finally {
|
|
loading.value = false
|
|
console.log(loading.value, 'loading.value')
|
|
}
|
|
}
|
|
// 添加多行点击按钮
|
|
// const addLines = async function () {
|
|
// try {
|
|
|
|
// loading.value = true; // 操作开始前，将loading设为true，显示加载动画
|
|
// console.log(loading.value, "loading.value")
|
|
|
|
// await new Promise(resolve => setTimeout(resolve, 100)); // 人为创建一个小延迟
|
|
|
|
// const newItems = Array.from({ length: addLineObj.value }, (_, index) => reactive({
|
|
// line: ++i.value,
|
|
// showInput: true,
|
|
// isInputInvalid: false,
|
|
// inputErrorMessage: '',
|
|
// freeGold: "0",
|
|
// rechargeGold: "0",
|
|
// paidGold: "0",
|
|
// }));
|
|
// batchData.value = [...newItems, ...batchData.value];
|
|
// ElMessage.success("添加成功");
|
|
|
|
// console.log(batchData.value, "batchData.value");
|
|
|
|
// loading.value = false;
|
|
// console.log(loading.value, "loading.value")
|
|
// } catch (error) {
|
|
// console.log("添加失败", error);
|
|
// ElMessage.error("添加失败");
|
|
// // 如果出现异常，也要确保关闭加载动画
|
|
// loading.value = false;
|
|
// }
|
|
// };
|
|
// 使用 _.throttle 并设置 trailing 为 false 实现严格节流，只执行一次
|
|
const throttledAddLines = throttle(addLines, 500, { trailing: false })
|
|
// 导入excel按钮的ref
|
|
const uploadRefMap = ref({})
|
|
// 获取excel数据
|
|
const excelList = ref([])
|
|
// 动态设置upload Ref
|
|
const handleSetUploadRefMap = (el) => {
|
|
if (el) {
|
|
uploadRefMap.value[`Upload_Ref`] = el
|
|
}
|
|
}
|
|
// 文件上传自定义
|
|
const httpExcelRequest = async (op) => {
|
|
// 获取除文件之外的参数，具体根据实际业务需求来
|
|
console.log(op.data)
|
|
// 获取上传的excel 并解析数据
|
|
let file = op.file
|
|
let dataBinary = await readFile(file)
|
|
let workBook = read(dataBinary, { type: 'binary', cellDates: true })
|
|
let workSheet = workBook.Sheets[workBook.SheetNames[0]]
|
|
const excelData = utils.sheet_to_json(workSheet, { header: 1 })
|
|
excelList.value = excelData
|
|
console.log(excelData)
|
|
}
|
|
|
|
const readFile = (file) => {
|
|
return new Promise((resolve) => {
|
|
let reader = new FileReader()
|
|
reader.readAsBinaryString(file)
|
|
reader.onload = (ev) => {
|
|
resolve(ev.target?.result)
|
|
}
|
|
})
|
|
}
|
|
|
|
//获取批量删除的数组
|
|
const handleSelectionChangebatch = function (val) {
|
|
console.log('val===', val)
|
|
batchDelObj.value = val
|
|
}
|
|
//批量删除
|
|
const batchDel = function () {
|
|
ElMessageBox.confirm('确认批量删除吗？', '批量删除', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
})
|
|
.then(() => {
|
|
console.log('batchDel===', batchDelObj.value)
|
|
batchData.value = batchData.value.filter((itemA) => {
|
|
return !batchDelObj.value.some((itemB) => itemB.line == itemA.line)
|
|
})
|
|
console.log('batchData===', batchData.value)
|
|
ElMessage({
|
|
type: 'success',
|
|
message: '操作成功'
|
|
})
|
|
})
|
|
.catch(() => {
|
|
ElMessage({
|
|
type: 'info',
|
|
message: '操作撤销'
|
|
})
|
|
})
|
|
}
|
|
//监听改变活动时的操作
|
|
const changeActivity = function (row) {
|
|
console.log('row===', row)
|
|
let ratio = 0
|
|
for (let i = 0; i < activity.value.length; i++) {
|
|
if (activity.value[i].activityId == row.activityId) {
|
|
ratio = activity.value[i].rechargeRatio
|
|
break
|
|
}
|
|
}
|
|
console.log('ratio===', ratio)
|
|
if (row.paidGold == null || row.paidGold == '') {
|
|
row.freeGold = 0
|
|
} else {
|
|
if (ratio == 0) {
|
|
row.freeGold = 0
|
|
} else {
|
|
row.freeGold = Math.ceil(row.paidGold / ratio)
|
|
}
|
|
}
|
|
}
|
|
// //监听改变永久金币时的操作
|
|
// const changePaidGold = function (row) {
|
|
// console.log('row===', row)
|
|
// let ratio = 0
|
|
// if (row.activityId == null || row.activityId == '') {
|
|
// row.freeGold = 0
|
|
// } else {
|
|
// for (let i = 0; i < activity.value.length; i++) {
|
|
// if (activity.value[i].activityId == row.activityId) {
|
|
// ratio = activity.value[i].rechargeRatio
|
|
// break
|
|
// }
|
|
// }
|
|
// if (ratio == 0) {
|
|
// row.freeGold = 0
|
|
// } else {
|
|
// row.freeGold = Math.ceil(Number(row.paidGold) / ratio)
|
|
// }
|
|
// }
|
|
// let rate = row.rate
|
|
// if (rate == null || rate == '') {
|
|
// row.rechargeGold = 0
|
|
// } else {
|
|
// if (row.paidGold == null || row.paidGold == '') {
|
|
// row.rechargeGold = 0
|
|
// } else {
|
|
// row.rechargeGold = Math.ceil(Number(row.paidGold) * rate)
|
|
// }
|
|
// }
|
|
// }
|
|
// 监听改变币种时的操作
|
|
const changeRate = function (row) {
|
|
console.log('row===', row)
|
|
let rate = row.rate
|
|
if (rate == null || rate == '') {
|
|
row.rechargeGold = 0
|
|
} else {
|
|
if (row.paidGold == null || row.paidGold == '') {
|
|
row.rechargeGold = 0
|
|
} else {
|
|
row.rechargeGold = Math.ceil(Number(row.paidGold) * rate)
|
|
}
|
|
}
|
|
}
|
|
//监听改变凭证时的操作
|
|
const changeVoucher = function (row) {
|
|
if (
|
|
(imageUrl.value != '' && rechargeVoucher.value != '') ||
|
|
(imageUrl.value != null && rechargeVoucher.value != null)
|
|
) {
|
|
console.log('row===', row)
|
|
row.imageUrl = imageUrl.value
|
|
row.rechargeVoucher = rechargeVoucher.value
|
|
console.log('row===', row)
|
|
imageUrl.value = ''
|
|
rechargeVoucher.value = ''
|
|
}
|
|
}
|
|
// 上传图片成功的回调函数
|
|
const handleBatchAvatarSuccess = (response, uploadFile) => {
|
|
imageUrl.value = URL.createObjectURL(uploadFile.raw)
|
|
console.log('图片上传成功', response, uploadFile)
|
|
rechargeVoucher.value = `http://54.251.137.151:10704/upload/${response.data}`
|
|
console.log('图片名称', rechargeVoucher.value)
|
|
}
|
|
//批量充值确认按钮
|
|
const batchAdd = async function () {
|
|
try {
|
|
console.log('batchData===', batchData.value)
|
|
let msg = ''
|
|
if (batchData.value.length == 0) {
|
|
ElMessage({
|
|
type: 'error',
|
|
message: '至少需要输入一条数据！'
|
|
})
|
|
return
|
|
}
|
|
if (errorCount.value > 0) {
|
|
console.log('errorCount.value', errorCount.value)
|
|
ElMessage({
|
|
type: 'error',
|
|
message: '请检查输入的精网号是否正确！'
|
|
})
|
|
return
|
|
}
|
|
for (let i = 0; i < batchData.value.length; i++) {
|
|
batchData.value[i].adminId = adminData.value.adminId
|
|
batchData.value[i].area = adminData.value.area
|
|
batchData.value[i].rechargeWay = '客服充值'
|
|
if (
|
|
batchData.value[i].jwcode == '' ||
|
|
batchData.value[i].jwcode == null
|
|
) {
|
|
msg += `精网号不能为空！ <br/>`
|
|
}
|
|
if (
|
|
batchData.value[i].activityId == '' ||
|
|
batchData.value[i].activityId == null
|
|
) {
|
|
msg += `活动不能为空！ <br/>`
|
|
}
|
|
if (
|
|
batchData.value[i].paidGold == '' ||
|
|
batchData.value[i].paidGold == null
|
|
) {
|
|
msg += `永久金币不能为空！ <br/>`
|
|
}
|
|
if (
|
|
batchData.value[i].freeGold == '' ||
|
|
batchData.value[i].freeGold == null
|
|
) {
|
|
msg += `免费金币不能为空！ <br/>`
|
|
}
|
|
if (
|
|
batchData.value[i].rechargeGold == '' ||
|
|
batchData.value[i].rechargeGold == null
|
|
) {
|
|
msg += `充值金额不能为空！ <br/>`
|
|
}
|
|
if (
|
|
batchData.value[i].payWay == '' ||
|
|
batchData.value[i].payWay == null
|
|
) {
|
|
msg += `收款方式不能为空！ <br/>`
|
|
}
|
|
if (
|
|
batchData.value[i].rechargeTime == '' ||
|
|
batchData.value[i].rechargeTime == null
|
|
) {
|
|
msg += `交款时间不能为空！ <br/>`
|
|
}
|
|
if (msg != '' && msg != null) {
|
|
console.log(batchData.value[i])
|
|
ElMessage({
|
|
dangerouslyUseHTMLString: true,
|
|
type: 'error',
|
|
message: msg
|
|
})
|
|
return
|
|
}
|
|
}
|
|
|
|
console.log('batchData===', batchData.value)
|
|
|
|
const result = await API({
|
|
url: '/recharge/recharge/addmore',
|
|
data: {
|
|
...batchData.value
|
|
}
|
|
})
|
|
|
|
if (result.code === 0) {
|
|
ElMessage.error('添加失败')
|
|
return
|
|
}
|
|
|
|
ElMessage({
|
|
type: 'success',
|
|
message: '添加成功！'
|
|
})
|
|
|
|
closeBatchRechargeVisible()
|
|
} catch (error) {
|
|
console.log('error===', error)
|
|
ElMessage.error('添加失败')
|
|
return
|
|
}
|
|
}
|
|
// 使用 _.throttle 并设置 trailing 为 false 实现严格节流，只执行一次
|
|
const throttledBatchAdd = throttle(batchAdd, 2000, { trailing: false })
|
|
// 批量设置的对象
|
|
const batchSettingObj = ref({
|
|
rechargeGold: '0',
|
|
paidGold: '0',
|
|
freeGold: '0'
|
|
})
|
|
// 批量充值弹窗
|
|
const batchSettingVisible = ref(false)
|
|
// 打开批量充值弹窗
|
|
const openBatchSettingVisible = function () {
|
|
batchSettingVisible.value = true
|
|
}
|
|
// 关闭批量充值弹窗
|
|
const closeBatchSettingVisible = function () {
|
|
batchSettingVisible.value = false
|
|
}
|
|
// 批量设置初始化
|
|
const batchSettingInit = function () {
|
|
openBatchSettingVisible()
|
|
}
|
|
// 上传图片成功的回调函数
|
|
const batchSettingHandleAvatarSuccess = (response, uploadFile) => {
|
|
batchSettingObj.value.imageUrl = URL.createObjectURL(uploadFile.raw)
|
|
console.log('图片上传成功', response, uploadFile)
|
|
batchSettingObj.value.rechargeVoucher = `http://54.251.137.151:10704/upload/${response.data}`
|
|
console.log('图片名称', batchSettingObj.value.rechargeVoucher)
|
|
}
|
|
// 批量设置取消按钮
|
|
const cancelBatchSetting = function () {
|
|
batchSettingObj.value = {
|
|
rechargeGold: '0',
|
|
paidGold: '0',
|
|
freeGold: '0'
|
|
}
|
|
closeBatchSettingVisible()
|
|
}
|
|
// 批量设置确认按钮
|
|
const batchSettingConfirm = function () {
|
|
for (let i = 0; i < batchData.value.length; i++) {
|
|
if (
|
|
batchSettingObj.value.jwcode != '' &&
|
|
batchSettingObj.value.jwcode != null
|
|
) {
|
|
batchData.value[i].jwcode = batchSettingObj.value.jwcode
|
|
}
|
|
if (
|
|
batchSettingObj.value.activityId != '' &&
|
|
batchSettingObj.value.activityId != null
|
|
) {
|
|
batchData.value[i].activityId = batchSettingObj.value.activityId
|
|
}
|
|
if (
|
|
batchSettingObj.value.paidGold != '' &&
|
|
batchSettingObj.value.paidGold != null
|
|
) {
|
|
batchData.value[i].paidGold = batchSettingObj.value.paidGold
|
|
}
|
|
if (
|
|
batchSettingObj.value.freeGold != '' &&
|
|
batchSettingObj.value.freeGold != null
|
|
) {
|
|
batchData.value[i].freeGold = batchSettingObj.value.freeGold
|
|
}
|
|
if (
|
|
batchSettingObj.value.rate != '' &&
|
|
batchSettingObj.value.rate != null
|
|
) {
|
|
batchData.value[i].rate = batchSettingObj.value.rate
|
|
}
|
|
if (
|
|
batchSettingObj.value.rechargeGold != '' &&
|
|
batchSettingObj.value.rechargeGold != null
|
|
) {
|
|
batchData.value[i].rechargeGold = batchSettingObj.value.rechargeGold
|
|
}
|
|
if (
|
|
batchSettingObj.value.payWay != '' &&
|
|
batchSettingObj.value.payWay != null
|
|
) {
|
|
batchData.value[i].payWay = batchSettingObj.value.payWay
|
|
}
|
|
if (
|
|
batchSettingObj.value.rechargeTime != '' &&
|
|
batchSettingObj.value.rechargeTime != null
|
|
) {
|
|
batchData.value[i].rechargeTime = batchSettingObj.value.rechargeTime
|
|
}
|
|
if (
|
|
batchSettingObj.value.imageUrl != '' &&
|
|
batchSettingObj.value.imageUrl != null
|
|
) {
|
|
batchData.value[i].imageUrl = batchSettingObj.value.imageUrl
|
|
}
|
|
if (
|
|
batchSettingObj.value.rechargeVoucher != '' &&
|
|
batchSettingObj.value.rechargeVoucher != null
|
|
) {
|
|
batchData.value[i].rechargeVoucher = batchSettingObj.value.rechargeVoucher
|
|
}
|
|
if (
|
|
batchSettingObj.value.remark != '' &&
|
|
batchSettingObj.value.remark != null
|
|
) {
|
|
batchData.value[i].remark = batchSettingObj.value.remark
|
|
}
|
|
}
|
|
batchSettingObj.value = {
|
|
rechargeGold: '0',
|
|
paidGold: '0',
|
|
freeGold: '0'
|
|
}
|
|
closeBatchSettingVisible()
|
|
}
|
|
|
|
//充值明细表单-------------------------------------------------------------------------------
|
|
//获取管理员用户信息的接口*
|
|
//变量
|
|
//充值明细表格
|
|
const tableData = ref([])
|
|
//搜索=========================================
|
|
//搜索recharge
|
|
const rechargeVo = ref({
|
|
adminId: adminData.value.adminId
|
|
})
|
|
//搜索对象
|
|
const getObj = ref({
|
|
pageNum: 1,
|
|
pageSize: 50
|
|
})
|
|
//分页总条目
|
|
const total = ref(100)
|
|
// 搜索对象时间
|
|
const getTime = ref([])
|
|
// 搜索活动列表*
|
|
// 所有信息
|
|
const allData = ref([])
|
|
// 搜索地区列表
|
|
const area = ref([])
|
|
//标签页默认高亮选项
|
|
const activeName = ref('all')
|
|
//充值方式选项
|
|
const rechargeWay = [
|
|
{
|
|
value: '客户储值',
|
|
label: '客户储值'
|
|
},
|
|
{
|
|
value: '平台充值',
|
|
label: '平台充值'
|
|
}
|
|
]
|
|
// 支付方式选项
|
|
const payWay = [
|
|
{
|
|
value: '现金',
|
|
label: '现金'
|
|
},
|
|
{
|
|
value: '支票',
|
|
label: '支票'
|
|
},
|
|
{
|
|
value: '刷卡',
|
|
label: '刷卡'
|
|
},
|
|
{
|
|
value: '其他(各地区电子支付)',
|
|
label: '其他(各地区电子支付)'
|
|
}
|
|
]
|
|
// 删除==========================================================
|
|
// 删除对象
|
|
const delObj = ref({})
|
|
|
|
// 方法
|
|
// 合计数存储
|
|
const trueGold = ref(0)
|
|
const trueRGold = ref(0)
|
|
const trueFGold = ref(0)
|
|
|
|
// 搜索===========================================================================
|
|
// 搜索方法
|
|
const get = async function (val) {
|
|
try {
|
|
// 地区赋值
|
|
if (adminData.value.area === '泰国') {
|
|
rechargeVo.value.areas = ['泰国', '越南']
|
|
} else if (adminData.value.area !== '总部') {
|
|
rechargeVo.value.area = adminData.value.area
|
|
}
|
|
|
|
// 搜索参数页码赋值
|
|
if (typeof val === 'number') {
|
|
getObj.value.pageNum = val
|
|
}
|
|
// 搜索参数时间赋值
|
|
if (getTime.value != null) {
|
|
if (getTime.value.startDate != '' && getTime.value.endDate != '') {
|
|
rechargeVo.value.startDate = getTime.value[0]
|
|
rechargeVo.value.endDate = getTime.value[1]
|
|
}
|
|
} else {
|
|
rechargeVo.value.startDate = ''
|
|
rechargeVo.value.endDate = ''
|
|
}
|
|
// 搜索参数赋值
|
|
rechargeVo.value.sortField = sortField.value
|
|
rechargeVo.value.sortOrder = sortOrder.value
|
|
console.log('搜索参数', getObj.value)
|
|
// 发送POST请求
|
|
const result = await API({
|
|
url: '/recharge/recharge',
|
|
data: { ...getObj.value, rechargeVo: { ...rechargeVo.value } }
|
|
})
|
|
|
|
console.log('请求成功get',result)
|
|
// 计算充值金额、永久金币、免费金币总和
|
|
trueGold.value = 0
|
|
trueRGold.value = 0
|
|
trueFGold.value = 0
|
|
if (result.data && result.data.list) {
|
|
result.data.list.forEach((item) => {
|
|
trueGold.value += item.paidGold || 0
|
|
trueRGold.value += item.paidGold || 0
|
|
trueFGold.value += item.freeGold || 0
|
|
})
|
|
}
|
|
|
|
// 将响应结果存储到响应式数据中
|
|
console.log('请求成功', result)
|
|
// 存储表格数据
|
|
tableData.value = result.data.list
|
|
console.log('tableData', tableData.value)
|
|
// 存储分页总数
|
|
total.value = result.data.total
|
|
console.log('total', total.value)
|
|
} catch (error) {
|
|
console.log('请求失败get', error)
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等
|
|
}
|
|
}
|
|
// 搜索
|
|
const search = function () {
|
|
getObj.value.pageNum = 1
|
|
get()
|
|
}
|
|
// 重置
|
|
const reset = function () {
|
|
delete rechargeVo.value.jwcode
|
|
delete rechargeVo.value.activityId
|
|
delete rechargeVo.value.rechargeWay
|
|
delete rechargeVo.value.area
|
|
delete rechargeVo.value.startDate
|
|
delete rechargeVo.value.endDate
|
|
delete sortField.value
|
|
delete sortOrder.value
|
|
getTime.value = []
|
|
}
|
|
|
|
// 新增排序字段和排序方式
|
|
const sortField = ref('')
|
|
const sortOrder = ref('')
|
|
// 处理排序事件
|
|
const handleSortChange = (column) => {
|
|
get()
|
|
console.log('排序字段：', column.prop)
|
|
console.log('排序方式：', column.order)
|
|
if (column.prop === 'paidGold') {
|
|
sortField.value = 'recharge_gold'
|
|
} else if (column.prop === 'freeGold') {
|
|
sortField.value = 'free_gold'
|
|
} else if (column.prop === 'rechargeTime') {
|
|
sortField.value = 'recharge_time'
|
|
} else if (column.prop === 'createTime') {
|
|
sortField.value = 'create_time'
|
|
}
|
|
sortOrder.value = column.order === 'ascending' ? 'ASC' : 'DESC'
|
|
console.log('传递给后端的排序字段：', sortField.value)
|
|
console.log('传递给后端的排序方式：', sortOrder.value)
|
|
get()
|
|
}
|
|
|
|
// 今天
|
|
const getToday = function () {
|
|
const today = new Date()
|
|
const startDate = new Date(
|
|
today.getFullYear(),
|
|
today.getMonth(),
|
|
today.getDate()
|
|
)
|
|
const endDate = new Date(
|
|
today.getFullYear(),
|
|
today.getMonth(),
|
|
today.getDate() + 1
|
|
)
|
|
getTime.value = [startDate, endDate]
|
|
console.log('getTime', getTime.value)
|
|
get()
|
|
}
|
|
const handlePageSizeChange = function (val) {
|
|
getObj.value.pageSize = val
|
|
get()
|
|
}
|
|
const handleCurrentChange = function (val) {
|
|
getObj.value.pageNum = val
|
|
get()
|
|
}
|
|
// 昨天
|
|
const getYesterday = function () {
|
|
const yesterday = new Date()
|
|
yesterday.setDate(yesterday.getDate() - 1)
|
|
const startDate = new Date(
|
|
yesterday.getFullYear(),
|
|
yesterday.getMonth(),
|
|
yesterday.getDate()
|
|
)
|
|
const endDate = new Date(
|
|
yesterday.getFullYear(),
|
|
yesterday.getMonth(),
|
|
yesterday.getDate() + 1
|
|
)
|
|
getTime.value = [startDate, endDate]
|
|
console.log('getTime', getTime.value)
|
|
get()
|
|
}
|
|
// 近7天
|
|
const get7Days = function () {
|
|
const today = new Date()
|
|
const startDate = new Date(
|
|
today.getFullYear(),
|
|
today.getMonth(),
|
|
today.getDate() - 6
|
|
)
|
|
const endDate = new Date(
|
|
today.getFullYear(),
|
|
today.getMonth(),
|
|
today.getDate() + 1
|
|
)
|
|
getTime.value = [startDate, endDate]
|
|
console.log('getTime', getTime.value)
|
|
get()
|
|
}
|
|
//获取活动名称*
|
|
|
|
//获取地区
|
|
const getArea = async function () {
|
|
try {
|
|
const result = await request({
|
|
url: '/recharge/user/search',
|
|
data: {}
|
|
})
|
|
//将响应结果存储到响应式数据中
|
|
console.log('area请求成功',result)
|
|
//存储地区信息
|
|
area.value = result.data
|
|
console.log('area',area.value)
|
|
} catch (error) {
|
|
console.log('area请求失败',error)
|
|
ElMessage.error('获取地区数据失败')
|
|
}
|
|
}
|
|
|
|
// 删除=================================
|
|
// 点击删除按钮
|
|
const del = function (row) {
|
|
delObj.value.rechargeId = row.rechargeId
|
|
console.log('delObj1', delObj.value)
|
|
}
|
|
// 确认删除按钮
|
|
const delConfirm = async function () {
|
|
try {
|
|
console.log('delObj2', delObj.value)
|
|
const result = await API({
|
|
url: '/recharge/recharge/edit',
|
|
data: delObj.value
|
|
})
|
|
console.log('删除成功', result)
|
|
// 刷新表格数据
|
|
get()
|
|
} catch (error) {
|
|
console.log('请求失败', error)
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等
|
|
}
|
|
}
|
|
|
|
// 验证跳转输入框的数字是否合法
|
|
const checkNumber = function () {
|
|
if (typeof !isNaN(parseInt(getObj.value.pageNum)) === 'number') {
|
|
console.log('总共有多少页' + Math.ceil(total.value / getObj.value.pageSize))
|
|
if (
|
|
getObj.value.pageNum > 0 &&
|
|
getObj.value.pageNum <= Math.ceil(total.value / getObj.value.pageSize)
|
|
) {
|
|
getObj.value.pageNum = parseInt(getObj.value.pageNum)
|
|
console.log('输入的数字合法')
|
|
get()
|
|
} else {
|
|
//提示
|
|
ElMessage({
|
|
type: 'error',
|
|
message: '请检查输入内容'
|
|
})
|
|
}
|
|
} else {
|
|
//提示
|
|
ElMessage({
|
|
type: 'error',
|
|
message: '输入内容非数字'
|
|
})
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//新增充值和充值明细-------------------------------------------------------------------------
|
|
|
|
// 用于控制显示内容的变量
|
|
const activeTab = ref('addRecharge')
|
|
|
|
// 切换标签页的方法
|
|
const changeTab = async (tabName) => {
|
|
activeTab.value = tabName
|
|
if(tabName === 'detail'){
|
|
//切换至明细标签时调用get方法
|
|
await get()
|
|
}
|
|
}
|
|
|
|
// 挂载
|
|
onMounted(async function () {
|
|
await getAdminData()
|
|
await getCurrency()
|
|
await getActivity()
|
|
await getArea()
|
|
await getJwcodeList()
|
|
//调用get方法获取明细数据
|
|
//await get()
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
|
|
<div>
|
|
<el-button-group>
|
|
<!-- 切换后状态显示样式否则是默认样式 -->
|
|
<el-button
|
|
:type="activeTab === 'addRecharge' ? 'primary' : 'default'"
|
|
@click="changeTab('addRecharge')"
|
|
>
|
|
新增充值
|
|
</el-button>
|
|
<el-button
|
|
:type="activeTab === 'detail' ? 'primary' : 'default'"
|
|
@click="changeTab('detail')"
|
|
>
|
|
金币充值明细
|
|
</el-button>
|
|
</el-button-group>
|
|
|
|
|
|
<!-- 根据activeTab切换显示内容 -->
|
|
<!-- 新增充值的布局------------------------------------------------------------------- -->
|
|
<div v-if="activeTab === 'addRecharge'">
|
|
<!-- <div style="display: flex">
|
|
<div style="margin-right: 20px">新增充值</div>
|
|
</div> -->
|
|
|
|
<el-form
|
|
:model="addRecharge"
|
|
ref="Ref"
|
|
:rules="rules"
|
|
label-width="auto"
|
|
style="max-width: 600px"
|
|
class="add-form"
|
|
>
|
|
<el-form-item prop="jwcode" label="精网号">
|
|
<el-input v-model="addRecharge.jwcode" style="width: 220px" />
|
|
<el-button
|
|
type="primary"
|
|
@click="getUser(addRecharge.jwcode)"
|
|
style="margin-left: 20px"
|
|
>查询</el-button
|
|
>
|
|
</el-form-item>
|
|
<el-form-item prop="activityId" label="活动名称">
|
|
<el-select
|
|
v-model="addRecharge.activityId"
|
|
placeholder="请选择"
|
|
style="width: 300px"
|
|
@change="handleActivityChange"
|
|
>
|
|
<el-option
|
|
v-for="item in activity"
|
|
:key="item.value"
|
|
:label="item.activityName"
|
|
:value="item.activityId"
|
|
/>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-col>
|
|
<el-form-item prop="paidGold" label="永久金币">
|
|
<el-input v-model="addRecharge.paidGold" style="width: 100px" />
|
|
<p style="margin-right: 20px">个</p>
|
|
</el-form-item>
|
|
<el-form-item prop="freeGold" label="免费金币">
|
|
<el-input v-model="addRecharge.freeGold" style="width: 100px" />
|
|
<p>个</p>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-form-item label="充值金额">
|
|
<el-select
|
|
prop="rechargeGold"
|
|
v-model="Rate"
|
|
placeholder="货币名称"
|
|
style="width: 95px; margin-right: 5px"
|
|
aria-required="true"
|
|
>
|
|
<el-option
|
|
v-for="item in currency"
|
|
:key="item.value"
|
|
:label="item.currency"
|
|
:value="item.exchangeRate"
|
|
/>
|
|
</el-select>
|
|
<el-input prop="addRecharge.rechargeGold" v-model="addRecharge.rechargeGold" style="width: 200px" aria-required="true"/>
|
|
</el-form-item>
|
|
<el-form-item prop="payWay" label="收款方式">
|
|
<el-select
|
|
v-model="addRecharge.payWay"
|
|
placeholder="请选择"
|
|
style="width: 300px"
|
|
>
|
|
<el-option
|
|
v-for="item in options"
|
|
:key="item.value"
|
|
:label="item.label"
|
|
:value="item.value"
|
|
/>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item prop="rechargeTime" label="交款时间">
|
|
<!-- 修改 type 属性为 datetime 以支持时分秒选择 -->
|
|
<el-date-picker
|
|
v-model="addRecharge.rechargeTime"
|
|
type="datetime"
|
|
style="width: 300px"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item
|
|
prop="rechargeVoucher"
|
|
label="交款凭证"
|
|
style="margin-bottom: 5px"
|
|
>
|
|
<el-upload
|
|
action="http://39.101.133.168:8828/hljw/api/aws/upload"
|
|
class="avatar-uploader"
|
|
:show-file-list="false"
|
|
:on-success="handleAvatarSuccess"
|
|
:before-upload="beforeAvatarUpload"
|
|
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"
|
|
>
|
|
<Plus />
|
|
</el-icon>
|
|
</el-upload>
|
|
<p style="margin-left: 10px; color: rgb(177, 176, 176)">
|
|
仅支持.jpg .png格式，文件≤2MB
|
|
</p>
|
|
</el-form-item>
|
|
<el-form-item prop="remark" label="备注">
|
|
<el-input
|
|
v-model="addRecharge.remark"
|
|
style="width: 300px"
|
|
:rows="2"
|
|
maxlength="100"
|
|
show-word-limit
|
|
type="textarea"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item prop="submitter" label="提交人">
|
|
<el-input
|
|
style="width: 300px"
|
|
:value="adminData.name"
|
|
disabled
|
|
placeholder="提交人姓名"
|
|
/>
|
|
</el-form-item>
|
|
<el-button @click="deleteRecharge" style="margin-left: 280px" type="success"
|
|
>重置</el-button
|
|
>
|
|
<el-button type="primary" @click="addBefore"> 提交 </el-button>
|
|
</el-form>
|
|
|
|
<!-- 客户信息栏 -->
|
|
<el-card
|
|
style="width: 1200px; float: right;margin-bottom:20px;margin-top: 10px;"
|
|
class="customer-info"
|
|
width="3000px"
|
|
>
|
|
<el-form
|
|
:model="user"
|
|
label-width="auto"
|
|
style="max-width: 1200px"
|
|
label-position="left"
|
|
>
|
|
<el-text size="large" style="margin-left: 20px">客户信息</el-text>
|
|
<el-row style="margin-top: 20px">
|
|
<el-col :span="10">
|
|
<el-form-item label="姓名:">
|
|
<p>{{ user.name }}</p>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="14">
|
|
<el-form-item label="历史金币总数">
|
|
<!-- 检查 user.totalRechargeGold 是否为有效的数字 -->
|
|
<p v-if="!isNaN(Number(user.totalRechargeGold))">
|
|
{{ Number(user.totalRechargeGold / 100) }}
|
|
</p>
|
|
<!-- 如果不是有效的数字，显示默认值 -->
|
|
<p v-else></p>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="10">
|
|
<el-form-item label="精网号">
|
|
<p>{{ user.jwcode }}</p>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="14">
|
|
<el-form-item label="当前金币总数" style="width: 500px">
|
|
<span
|
|
style="color: #2fa1ff; margin-right: 5px"
|
|
v-if="user.buyJb !== undefined"
|
|
>{{
|
|
(user.buyJb + user.free6 + user.free12 + user.coreJb) / 100
|
|
}}</span
|
|
>
|
|
<span
|
|
style="display: inline; white-space: nowrap; color: #b1b1b1"
|
|
v-if="user.buyJb !== undefined"
|
|
>(永久金币:{{ user.buyJb / 100 }};免费金币:{{
|
|
(user.free6 + user.free12) / 100
|
|
}};任务金币:{{ user.coreJb / 100 }})</span
|
|
>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="10">
|
|
<el-form-item label="首次充值日期">
|
|
<p v-if="user.firstRechargeDate">
|
|
{{ moment(user.firstRechargeDate).format('YYYY-MM-DD HH:mm:ss') }}
|
|
</p>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="14">
|
|
<el-form-item label="充值次数">
|
|
<p style="color: #2fa1ff">{{ user.rechargeTimes }}</p>
|
|
</el-form-item>
|
|
</el-col>
|
|
<!-- <el-col :span="10">
|
|
<el-form-item label="负责客服">
|
|
<p>{{ adminData.name }}</p>
|
|
</el-form-item>
|
|
</el-col> -->
|
|
<el-col :span="10">
|
|
<el-form-item label="消费次数">
|
|
<p style="color: #2fa1ff">{{ user.spendTimes }}</p>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="10">
|
|
<el-form-item label="所属门店">
|
|
<p>{{ adminData.area }}</p>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="14">
|
|
<!-- <el-form-item label="待审核">
|
|
<p style="color: #2fa1ff">
|
|
{{ user.A }}
|
|
</p>
|
|
</el-form-item> -->
|
|
</el-col>
|
|
</el-row>
|
|
</el-form>
|
|
</el-card>
|
|
|
|
<el-dialog
|
|
v-model="batchRechargeVisible"
|
|
title="批量充值"
|
|
width="1800px"
|
|
style="height: 700px"
|
|
:close-on-click-modal="false"
|
|
>
|
|
<el-row style="margin-bottom: 10px">
|
|
<!-- <el-button type="primary" @click="addLine()" style="margin-right: 10px">新增一行</el-button> -->
|
|
<div style="font-weight: bold; font-size: 20px">
|
|
<span>添加</span>
|
|
<el-input-number
|
|
min="1"
|
|
style="width: 100px"
|
|
controls-position="right"
|
|
v-model="addLineObj"
|
|
></el-input-number>
|
|
<span>行</span>
|
|
<el-button
|
|
type="primary"
|
|
@click="throttledAddLines"
|
|
style="margin-right: 10px"
|
|
>添加</el-button
|
|
>
|
|
</div>
|
|
<el-button
|
|
type="warning"
|
|
@click="batchSettingInit()"
|
|
style="margin-right: 10px"
|
|
>批量设置</el-button
|
|
>
|
|
<!-- <el-upload :ref="(el) => handleSetUploadRefMap(el)" action="" :http-request="httpExcelRequest" :limit="1" :show-file-list="false"
|
|
class="uploadExcelContent" :data={} style="margin-right: auto">
|
|
<el-button type="success" >导入jwcode</el-button>
|
|
</el-upload> -->
|
|
<el-button
|
|
type="danger"
|
|
plain
|
|
@click="batchDel()"
|
|
style="margin-right: 10px; width: 130px"
|
|
>批量删除</el-button
|
|
>
|
|
</el-row>
|
|
<el-row>
|
|
<el-table
|
|
v-loading="loading"
|
|
:data="batchData"
|
|
border
|
|
max-height="540px"
|
|
style="height: 540px"
|
|
@selection-change="handleSelectionChangebatch"
|
|
>
|
|
<el-table-column type="selection" width="50px" />
|
|
<el-table-column property="index" label="序号" width="55px">
|
|
<template #default="scope">
|
|
<span>{{ scope.$index + 1 }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column property="jwcode" label="精网号" width="150px">
|
|
<template #default="scope">
|
|
<el-input
|
|
v-if="scope.row.showInput"
|
|
:class="{ 'is-invalid': scope.row.isInputInvalid }"
|
|
@blur="validateInput(scope.row)"
|
|
v-model="scope.row.jwcode"
|
|
style="width: 110px"
|
|
/>
|
|
<p v-if="scope.row.isInputInvalid" class="error-message">
|
|
{{ scope.row.inputErrorMessage }}
|
|
</p>
|
|
</template>
|
|
<!-- <template #default="scope">
|
|
<el-select-v2 v-if="scope.row.showInput" filterable clearable v-model="scope.row.jwcode"
|
|
placeholder="请选择精网号" style="widows: 110px;" :options="jwcodeList">
|
|
<el-select-v2
|
|
v-if="scope.row.showInput"
|
|
filterable
|
|
clearable
|
|
v-model="scope.row.jwcode"
|
|
placeholder="请选择精网号"
|
|
style="widows: 110px"
|
|
:options="jwcodeList"
|
|
>
|
|
</el-select-v2>
|
|
<span v-else>{{ scope.row.jwcode }}</span>
|
|
</template> -->
|
|
</el-table-column>
|
|
<el-table-column property="activityName" label="活动名称" width="150px">
|
|
<template #default="scope">
|
|
<el-select
|
|
v-if="scope.row.showInput"
|
|
filterable
|
|
clearable
|
|
v-model="scope.row.activityId"
|
|
placeholder="请选择活动名称"
|
|
@change="changeActivity(scope.row)"
|
|
>
|
|
<el-option
|
|
v-for="item in activity"
|
|
:key="item.activityId"
|
|
:label="item.activityName"
|
|
:value="item.activityId"
|
|
>
|
|
</el-option>
|
|
</el-select>
|
|
<span v-else>{{ scope.row.activityName }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column property="paidGold" label="永久金币" width="110px">
|
|
<template #default="scope">
|
|
<el-input
|
|
v-if="scope.row.showInput"
|
|
v-model="scope.row.paidGold"
|
|
style="width: 70px"
|
|
@change="changePaidGold(scope.row)"
|
|
/>
|
|
<span v-else>{{ scope.row.paidGold }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column property="freeGold" label="免费金币" width="110px">
|
|
<template #default="scope">
|
|
<el-input
|
|
v-if="scope.row.showInput"
|
|
v-model="scope.row.freeGold"
|
|
style="width: 70px"
|
|
/>
|
|
<span v-else>{{ scope.row.freeGold }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column property="rate" label="货币名称">
|
|
<template #default="scope">
|
|
<el-select
|
|
v-if="scope.row.showInput"
|
|
filterable
|
|
clearable
|
|
v-model="scope.row.rate"
|
|
placeholder="请选择币种"
|
|
@change="changeRate(scope.row)"
|
|
>
|
|
<el-option
|
|
v-for="item in currency"
|
|
:key="item.exchangeRate"
|
|
:label="item.currency"
|
|
:value="item.exchangeRate"
|
|
>
|
|
</el-option>
|
|
</el-select>
|
|
<span v-else>{{ scope.row.rate }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="充值金额" width="110px">
|
|
<template #default="scope">
|
|
<el-input property="rechargeGold" v-model="scope.row.rechargeGold"></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column property="payWay" label="收款方式" width="130px">
|
|
<template #default="scope">
|
|
<el-select
|
|
v-if="scope.row.showInput"
|
|
filterable
|
|
clearable
|
|
v-model="scope.row.payWay"
|
|
placeholder="请选择收款方式"
|
|
>
|
|
<el-option
|
|
v-for="item in options"
|
|
:key="item.value"
|
|
:label="item.label"
|
|
:value="item.value"
|
|
>
|
|
</el-option>
|
|
</el-select>
|
|
<span v-else>{{ scope.row.payWay }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column property="rechargeTime" label="交款时间" width="150px">
|
|
<template #default="scope">
|
|
<el-date-picker
|
|
v-if="scope.row.showInput"
|
|
type="date"
|
|
v-model="scope.row.rechargeTime"
|
|
style="width: 120px"
|
|
placeholder="请选择交款时间"
|
|
>
|
|
</el-date-picker>
|
|
<span v-else>{{
|
|
moment(scope.row.rechargeTime).format('YYYY-MM-DD HH:mm:ss')
|
|
}}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column property="rechargeVoucher" label="充值凭证">
|
|
<template #default="scope">
|
|
<el-upload
|
|
action="http://39.101.133.168:8828/hljw/api/aws/upload"
|
|
class="avatar-uploader"
|
|
:show-file-list="false"
|
|
:on-success="handleBatchAvatarSuccess"
|
|
v-if="scope.row.showInput"
|
|
@change="changeVoucher(scope.row)"
|
|
>
|
|
<img
|
|
v-if="scope.row.imageUrl"
|
|
:src="scope.row.imageUrl"
|
|
class="avatar"
|
|
/>
|
|
<el-icon v-else class="avatar-uploader-icon">
|
|
<Plus />
|
|
</el-icon>
|
|
</el-upload>
|
|
<span v-else>{{ scope.row.rechargeVoucher }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column property="remark" label="备注" width="130px">
|
|
<template #default="scope">
|
|
<el-input
|
|
type="textarea"
|
|
v-if="scope.row.showInput"
|
|
v-model="scope.row.remark"
|
|
style="max-width: 90px"
|
|
:rows="1"
|
|
cols="12"
|
|
></el-input>
|
|
<span v-else>{{ scope.row.remark }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column property="submitter" label="提交人">
|
|
<el-input :value="adminData.name" disabled />
|
|
</el-table-column>
|
|
<el-table-column
|
|
fixed="right"
|
|
prop="operation"
|
|
label="操作"
|
|
width="150px"
|
|
>
|
|
<template #default="scope">
|
|
<div style="display: flex">
|
|
<el-popconfirm
|
|
title="确定将此条信息删除吗？"
|
|
@confirm="delConfirm"
|
|
>
|
|
<template #reference>
|
|
<el-button type="danger" text @click="del(scope.row)">
|
|
删除
|
|
</el-button>
|
|
</template>
|
|
<template #actions="{ confirm, cancel }">
|
|
<el-button size="small" @click="cancel">取消</el-button>
|
|
<el-button type="primary" size="small" @click="confirm">
|
|
确定
|
|
</el-button>
|
|
</template>
|
|
</el-popconfirm>
|
|
<el-popconfirm
|
|
title="确定将此条信息重置吗？"
|
|
@confirm="resetConfirm"
|
|
>
|
|
<template #reference>
|
|
<el-button type="success" text @click="reset(scope.row)">
|
|
重置
|
|
</el-button>
|
|
</template>
|
|
<template #actions="{ confirm, cancel }">
|
|
<el-button size="small" @click="cancel">取消</el-button>
|
|
<el-button type="primary" size="small" @click="confirm">
|
|
确定
|
|
</el-button>
|
|
</template>
|
|
</el-popconfirm>
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-row>
|
|
<el-row>
|
|
<div class="batch-btn">
|
|
<el-button @click="cancelBatch()"> 取消 </el-button>
|
|
<el-button type="primary" @click="throttledBatchAdd()">
|
|
提交
|
|
</el-button>
|
|
</div>
|
|
</el-row>
|
|
</el-dialog>
|
|
|
|
<el-dialog
|
|
v-model="batchSettingVisible"
|
|
title="批量设置"
|
|
:close-on-click-modal="false"
|
|
style="width: 550px"
|
|
>
|
|
<el-form label-position="left" label-width="auto">
|
|
<el-form-item label="活动名称">
|
|
<el-select
|
|
v-model="batchSettingObj.activityId"
|
|
placeholder="请选择活动名称"
|
|
clearable
|
|
>
|
|
<el-option
|
|
v-for="item in activity"
|
|
:key="item.activityId"
|
|
:label="item.activityName"
|
|
:value="item.activityId"
|
|
>
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="永久金币">
|
|
<el-input
|
|
v-model="batchSettingObj.paidGold"
|
|
placeholder="请输入永久金币"
|
|
></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="免费金币">
|
|
<el-input v-model="batchSettingObj.freeGold"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="充值金额">
|
|
<div style="display: flex">
|
|
<el-select
|
|
v-model="batchSettingObj.rate"
|
|
placeholder="请选择币种"
|
|
style="width: 120px; margin-right: 10px"
|
|
clearable
|
|
>
|
|
<el-option
|
|
v-for="item in currency"
|
|
:key="item.exchangeRate"
|
|
:label="item.currency"
|
|
:value="item.exchangeRate"
|
|
></el-option>
|
|
</el-select>
|
|
<el-input
|
|
v-model="batchSettingObj.rechargeGold"
|
|
placeholder="请输入充值金额"
|
|
></el-input>
|
|
</div>
|
|
</el-form-item>
|
|
<el-form-item prop="payWay" label="收款方式">
|
|
<el-select
|
|
v-model="batchSettingObj.payWay"
|
|
placeholder="请选择收款方式"
|
|
clearable
|
|
>
|
|
<el-option
|
|
v-for="item in options"
|
|
:key="item.value"
|
|
:label="item.label"
|
|
:value="item.value"
|
|
></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item prop="rechargeTime" label="交款时间">
|
|
<el-date-picker
|
|
v-model="batchSettingObj.rechargeTime"
|
|
type="date"
|
|
placeholder="请选择交款时间"
|
|
></el-date-picker>
|
|
</el-form-item>
|
|
<el-form-item prop="rechargeVoucher" label="交款凭证">
|
|
<el-upload
|
|
action="http://39.101.133.168:8828/hljw/api/aws/upload"
|
|
class="avatar-uploader"
|
|
:show-file-list="false"
|
|
:on-success="batchSettingHandleAvatarSuccess"
|
|
:before-upload="beforeAvatarUpload"
|
|
style="width: 100px; height: 115px"
|
|
>
|
|
<img
|
|
v-if="batchSettingObj.imageUrl"
|
|
:src="batchSettingObj.imageUrl"
|
|
class="avatar"
|
|
style="width: 100px; height: 115px"
|
|
/>
|
|
<el-icon
|
|
v-else
|
|
class="avatar-uploader-icon"
|
|
style="width: 100px; height: 100px"
|
|
>
|
|
<Plus />
|
|
</el-icon>
|
|
</el-upload>
|
|
</el-form-item>
|
|
<el-form-item prop="remark" label="备注">
|
|
<el-input
|
|
type="textarea"
|
|
v-model="batchSettingObj.remark"
|
|
placeholder="请输入备注"
|
|
/>
|
|
</el-form-item>
|
|
</el-form>
|
|
<el-button @click="cancelBatchSetting()" style="margin-left: 370px"
|
|
>取消</el-button
|
|
>
|
|
<el-button type="primary" @click="batchSettingConfirm()"> 确认 </el-button>
|
|
</el-dialog>
|
|
</div>
|
|
<!-- 金币充值明细的布局---------------------------------------------------------- -->
|
|
<div v-else-if="activeTab === 'detail'">
|
|
<el-row>
|
|
<el-col>
|
|
<el-card style="margin-bottom: 20px;margin-top: 10px">
|
|
<el-row style="margin-bottom: 10px">
|
|
<el-col :span="5">
|
|
<div class="head-card-element">
|
|
<el-text class="mx-1" size="large">精网号：</el-text>
|
|
<el-input v-model="rechargeVo.jwcode" placeholder="请输入精网号" style="width: 150px" clearable />
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<div class="head-card-element">
|
|
<el-text class="mx-1" size="large">活动名称：</el-text>
|
|
<el-select v-model="rechargeVo.activityId" placeholder="请选择活动名称" style="width: 180px"
|
|
clearable>
|
|
<el-option v-for="item in activity" :key="item.activityId" :label="item.activityName"
|
|
:value="item.activityId" />
|
|
</el-select>
|
|
</div>
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
<div class="head-card-element" v-if="adminData.area == '总部'">
|
|
<el-text class="mx-1" size="large">所属地区：</el-text>
|
|
<el-select v-model="rechargeVo.area" placeholder="请选择所属地区" style="width: 180px" clearable>
|
|
<el-option v-for="item in area" :key="item" :label="item" :value="item" />
|
|
</el-select>
|
|
</div>
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
<div class="head-card-element">
|
|
<el-text class="mx-1" size="large">充值类型：</el-text>
|
|
<el-select v-model="rechargeVo.rechargeWay" placeholder="请选择支付方式" style="width: 180px" clearable>
|
|
<el-option v-for="item in rechargeWay" :key="item.value" :label="item.label" :value="item.value" />
|
|
</el-select>
|
|
</div>
|
|
</el-col>
|
|
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="21">
|
|
<div class="head-card-element">
|
|
<el-text class="mx-1" size="large">充值时间：</el-text>
|
|
<el-date-picker
|
|
v-model="getTime"
|
|
type="datetimerange"
|
|
range-separator="至"
|
|
start-placeholder="起始时间"
|
|
end-placeholder="结束时间"
|
|
/>
|
|
<el-button style="margin-left: 10px" @click="getToday()"
|
|
>今</el-button
|
|
>
|
|
<el-button @click="getYesterday()">昨</el-button>
|
|
<el-button @click="get7Days()">近7天</el-button>
|
|
<!-- </div>
|
|
</el-col>
|
|
<el-col :span="3">
|
|
<div class="head-card-btn"> -->
|
|
<el-button type="success" @click="reset()">重置</el-button>
|
|
<el-button type="primary" @click="search()">查询</el-button>
|
|
<el-button type="primary" @click="exportExcel()">导出Excel</el-button>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
</el-card>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col>
|
|
<el-card>
|
|
<div>
|
|
充值金额：{{ trueRGold.toFixed(2) }}新币，永久金币：{{
|
|
trueRGold.toFixed(2)
|
|
}}金币，免费金币：{{ trueFGold }}金币
|
|
</div>
|
|
<!-- 设置表格容器的高度和滚动样式 -->
|
|
<div style="height: 520px; overflow-y: auto;margin-top: 10px;">
|
|
<el-table
|
|
:data="tableData"
|
|
style="width: 100%"
|
|
height="520px"
|
|
@sort-change="handleSortChange"
|
|
>
|
|
<el-table-column
|
|
type="index"
|
|
label="序号"
|
|
width="80px"
|
|
fixed="left"
|
|
>
|
|
<template #default="scope">
|
|
<span>{{
|
|
scope.$index + 1 + (getObj.pageNum - 1) * getObj.pageSize
|
|
}}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
fixed="left"
|
|
prop="username"
|
|
label="姓名"
|
|
width="80px"
|
|
/>
|
|
<el-table-column
|
|
fixed="left"
|
|
prop="jwcode"
|
|
label="精网号"
|
|
width="80px"
|
|
/>
|
|
<el-table-column prop="area" label="所属地区" width="100px" />
|
|
<el-table-column
|
|
prop="activityName"
|
|
label="活动名称"
|
|
width="100px"
|
|
/>
|
|
<el-table-column prop="" label="货币名称" width="110px" />
|
|
<el-table-column
|
|
prop="paidGold"
|
|
sortable="custom"
|
|
label="充值金额"
|
|
width="110px"
|
|
/>
|
|
<el-table-column
|
|
prop="paidGold"
|
|
label="永久金币"
|
|
sortable="custom"
|
|
width="110px"
|
|
/>
|
|
<el-table-column
|
|
prop="freeGold"
|
|
label="免费金币"
|
|
sortable="custom"
|
|
width="110px"
|
|
/>
|
|
<el-table-column
|
|
prop="rechargeWay"
|
|
label="充值方式"
|
|
width="100px"
|
|
/>
|
|
<el-table-column prop="payWay" label="支付方式" width="100px" />
|
|
<el-table-column
|
|
prop="remark"
|
|
label="备注"
|
|
width="150px"
|
|
show-overflow-tooltip
|
|
/>
|
|
|
|
<!-- <el-table-column
|
|
prop="rechargeVoucher"
|
|
label="支付凭证"
|
|
width="150px"
|
|
>
|
|
<template #default="scope">
|
|
<el-image
|
|
:preview-src-list="[scope.row.rechargeVoucher]"
|
|
preview-teleported="true"
|
|
:src="scope.row.rechargeVoucher"
|
|
alt="凭证"
|
|
style="width: 50px; height: 50px"
|
|
/>
|
|
</template>
|
|
</el-table-column> -->
|
|
<el-table-column prop="name" label="提交人" width="100px" />
|
|
<!-- <el-table-column prop="status" label="状态" width="100px">
|
|
<template #default="scope">
|
|
<span v-if="scope.row.status === 1">
|
|
<div class="status">
|
|
<span class="green-dot"></span>
|
|
<span>已通过</span>
|
|
</div>
|
|
</span>
|
|
<span v-if="scope.row.status === 0">
|
|
<div class="status">
|
|
<span class="grey-dot"></span>
|
|
<span>待审核</span>
|
|
</div>
|
|
</span>
|
|
<span v-if="scope.row.status === 2">
|
|
<div class="status">
|
|
<span class="red-dot"></span>
|
|
<span>已驳回</span>
|
|
</div>
|
|
</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="reson"
|
|
label="驳回理由"
|
|
width="200px"
|
|
show-overflow-tooltip
|
|
/> -->
|
|
<el-table-column
|
|
prop="rechargeTime"
|
|
sortable
|
|
label="充值时间"
|
|
width="200px"
|
|
>
|
|
<template #default="scope">
|
|
{{
|
|
moment(scope.row.rechargeTime).format('YYYY-MM-DD HH:mm:ss')
|
|
}}
|
|
</template>
|
|
</el-table-column>
|
|
<!-- <el-table-column
|
|
prop="createTime"
|
|
sortable="custom"
|
|
label="提交时间"
|
|
width="200px"
|
|
/>
|
|
<el-table-column
|
|
fixed="right"
|
|
prop="operation"
|
|
label="操作"
|
|
width="150px"
|
|
>
|
|
<template #default="scope">
|
|
<el-popconfirm
|
|
title="确定将此条活动删除吗？"
|
|
@confirm="delConfirm"
|
|
>
|
|
<template #reference>
|
|
<el-button type="primary" text @click="del(scope.row)">
|
|
删除
|
|
</el-button>
|
|
</template>
|
|
<template #actions="{ confirm, cancel }">
|
|
<el-button size="small" @click="cancel">取消</el-button>
|
|
<el-button type="primary" size="small" @click="confirm">
|
|
确定
|
|
</el-button>
|
|
</template>
|
|
</el-popconfirm>
|
|
</template>
|
|
</el-table-column> -->
|
|
</el-table>
|
|
</div>
|
|
|
|
<!-- 分页 -->
|
|
<div class="pagination" style="margin-top: 20px">
|
|
<el-pagination
|
|
background
|
|
:page-size="getObj.pageSize"
|
|
:page-sizes="[5, 10, 20, 50, 100]"
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
:total="total"
|
|
@size-change="handlePageSizeChange"
|
|
@current-change="handleCurrentChange"
|
|
></el-pagination>
|
|
</div>
|
|
</el-card>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<!-- 编辑弹窗 -->
|
|
<el-dialog
|
|
v-model="editRechargeVisible"
|
|
title="新增活动"
|
|
width="500"
|
|
:before-close="closeEditRechargeVisible"
|
|
>
|
|
<template #footer>
|
|
<el-form :model="editObj" label-width="auto" style="max-width: 600px">
|
|
<el-form-item label="活动名称:">
|
|
<el-input
|
|
v-model="addObj.activityName"
|
|
placeholder="请输入活动名称"
|
|
style="width: 220px"
|
|
/>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="免费金币:">
|
|
<el-radio-group v-model="addObj.freeGold">
|
|
<el-radio value="0">无赠送</el-radio>
|
|
<el-radio value="1">有赠送</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="免费金币兑换比:">
|
|
<el-input
|
|
v-model="addObj.rechargeRatio"
|
|
placeholder="请输入"
|
|
style="width: 80px"
|
|
/>：1
|
|
<div style="color: grey">(提示：当前规则每10新币可兑换1免费金币)</div>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="开始时间:">
|
|
<el-time-picker v-model="addObj.startTime" />
|
|
</el-form-item>
|
|
|
|
<el-form-item label="结束时间:">
|
|
<el-time-picker v-model="addObj.endTime" />
|
|
</el-form-item>
|
|
|
|
<el-form-item label="添加人:">
|
|
<el-input v-model="addObj.adminName" disabled style="width: 220px" />
|
|
</el-form-item>
|
|
</el-form>
|
|
|
|
<div class="dialog-footer">
|
|
<el-button @click="closeAddActivityVisible">取消</el-button>
|
|
<el-button type="primary" @click="closeAddActivityVisible">
|
|
提交
|
|
</el-button>
|
|
</div>
|
|
</template>
|
|
</el-dialog>
|
|
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
p {
|
|
margin: 0px;
|
|
}
|
|
|
|
.batch-btn {
|
|
margin-top: 20px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.el-form-item {
|
|
margin-left: 50px;
|
|
}
|
|
|
|
/* 上传图片的格式 */
|
|
.avatar-uploader .avatar {
|
|
width: 50px;
|
|
height: 50px;
|
|
display: block;
|
|
}
|
|
</style>
|
|
|
|
<style>
|
|
.error-message {
|
|
color: red;
|
|
font-size: 8px;
|
|
}
|
|
|
|
.is-invalid .el-input__inner {
|
|
border-color: red;
|
|
}
|
|
|
|
.avatar-uploader .el-upload {
|
|
border: 1px dashed var(--el-border-color);
|
|
border-radius: 6px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
overflow: hidden;
|
|
transition: var(--el-transition-duration-fast);
|
|
}
|
|
|
|
.avatar-uploader .el-upload:hover {
|
|
border-color: var(--el-color-primary);
|
|
}
|
|
|
|
.el-icon.avatar-uploader-icon {
|
|
font-size: 28px;
|
|
color: #8c939d;
|
|
width: 50px;
|
|
height: 50px;
|
|
text-align: center;
|
|
}
|
|
|
|
.add-form {
|
|
margin-top: 50px;
|
|
max-width: 50%;
|
|
float: left;
|
|
}
|
|
|
|
.customer-info {
|
|
max-width: 60%;
|
|
}
|
|
</style>
|