|
|
@ -1,7 +1,7 @@ |
|
|
<script setup> |
|
|
<script setup> |
|
|
import {onMounted, reactive, ref} from 'vue' |
|
|
|
|
|
import {ElIcon, ElMessage, ElMessageBox} from 'element-plus' |
|
|
|
|
|
import {Plus, WarnTriangleFilled} 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 API from '@/util/http.js' |
|
|
import API from '@/util/http.js' |
|
|
import moment from 'moment' |
|
|
import moment from 'moment' |
|
|
@ -82,7 +82,7 @@ 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) { |
|
|
@ -108,7 +108,7 @@ const add = async function () { |
|
|
//value 为充值时间 |
|
|
//value 为充值时间 |
|
|
WriteCookiesTime.value = recharge.value.payTime |
|
|
WriteCookiesTime.value = recharge.value.payTime |
|
|
// 设置cookies,用户jwcode为key，value也是jwcode，过期时间为1天 |
|
|
// 设置cookies,用户jwcode为key，value也是jwcode，过期时间为1天 |
|
|
Cookies.set(WriteCookies.value, WriteCookiesTime.value, {expires: 1, path: '/'}); |
|
|
|
|
|
|
|
|
Cookies.set(WriteCookies.value, WriteCookiesTime.value, { expires: 1, path: '/' }); |
|
|
// 发送POST请求 |
|
|
// 发送POST请求 |
|
|
addDisabled.value = true |
|
|
addDisabled.value = true |
|
|
const result = await API({ |
|
|
const result = await API({ |
|
|
@ -263,9 +263,9 @@ 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) { |
|
|
@ -306,7 +306,7 @@ 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) { |
|
|
@ -353,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) => { |
|
|
// 检查是否包含特殊符号 |
|
|
// 检查是否包含特殊符号 |
|
|
@ -390,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' }] |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
// 查找客户信息的方法 |
|
|
// 查找客户信息的方法 |
|
|
@ -557,7 +557,7 @@ const handleAvatarSuccess = (response, file) => { |
|
|
|
|
|
|
|
|
//支付方式条目 |
|
|
//支付方式条目 |
|
|
const payModel = [ |
|
|
const payModel = [ |
|
|
{ |
|
|
|
|
|
|
|
|
{ |
|
|
value: '银行转账', |
|
|
value: '银行转账', |
|
|
label: '银行转账' |
|
|
label: '银行转账' |
|
|
}, |
|
|
}, |
|
|
@ -644,74 +644,49 @@ onMounted(() => { |
|
|
|
|
|
|
|
|
<template> |
|
|
<template> |
|
|
<div> |
|
|
<div> |
|
|
|
|
|
|
|
|
<el-form :model="recharge" ref="Ref" :rules="rules" label-width="auto" label-position="right" |
|
|
<el-form :model="recharge" ref="Ref" :rules="rules" label-width="auto" label-position="right" |
|
|
style="max-width: 600px" class="add-form"> |
|
|
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="活动名称"> |
|
|
<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-select |
|
|
|
|
|
prop="moneys" |
|
|
|
|
|
v-model="rateName" |
|
|
|
|
|
placeholder="货币名称" |
|
|
|
|
|
style="width: 95px; margin-right: 5px" |
|
|
|
|
|
aria-required="true" |
|
|
|
|
|
> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="item in rateName" |
|
|
|
|
|
:key="item.value" |
|
|
|
|
|
:label="item.label" |
|
|
|
|
|
:value="item.value" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-select> |
|
|
|
|
|
<el-input prop="money" v-model="recharge.money" style="width: 200px" aria-required="true"/> |
|
|
|
|
|
</el-form-item> --> |
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="充值金额" required> |
|
|
<el-form-item label="充值金额" required> |
|
|
<!-- 货币名称 --> |
|
|
|
|
|
<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)"> |
|
|
@ -720,15 +695,15 @@ 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 type="primary" :disabled="addDisabled" @click="addBefore"> 提交</el-button> |
|
|
|
|
|
|
|
|
<el-button @click="deleteRecharge" style="margin-left: 220px;margin-top:20px" type="success">重置</el-button> |
|
|
|
|
|
<el-button type="primary" style="margin-top:20px" :disabled="addDisabled" @click="addBefore"> 提交</el-button> |
|
|
</el-form> |
|
|
</el-form> |
|
|
|
|
|
|
|
|
<!-- 客户信息栏 --> |
|
|
<!-- 客户信息栏 --> |
|
|
<el-card v-if="user.jwcode" style="width: 800px; float: right" class="customer-info"> |
|
|
|
|
|
|
|
|
<el-card v-if="user.jwcode" class="beautiful"> |
|
|
<el-form :model="user" label-width="auto" style="max-width: 1000px" label-position="left"> |
|
|
<el-form :model="user" label-width="auto" style="max-width: 1000px" label-position="left"> |
|
|
<el-text size="large" style="margin-left: 20px">客户信息</el-text> |
|
|
<el-text size="large" style="margin-left: 20px">客户信息</el-text> |
|
|
|
|
|
|
|
|
@ -817,50 +792,45 @@ 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" |
|
|
|
|
|
> |
|
|
|
|
|
|
|
|
<el-dialog v-model="RechargeDialogVisible" title="操作确认" :before-close="RechargeDialogVisiblehandleClose" |
|
|
|
|
|
:close-on-click-modal="false" width="480px"> |
|
|
<!-- 内容整体居中且收窄 --> |
|
|
<!-- 内容整体居中且收窄 --> |
|
|
<div class="confirm-body"> |
|
|
<div class="confirm-body"> |
|
|
<!-- 用户信息 --> |
|
|
<!-- 用户信息 --> |
|
|
<div> |
|
|
<div> |
|
|
<div class="field-label">用户信息</div> |
|
|
<div class="field-label">用户信息</div> |
|
|
<el-input :model-value="user.jwcode + (user.name ? '【' + user.name + '】' : '')" disabled/> |
|
|
|
|
|
|
|
|
<el-input :model-value="user.jwcode + (user.name ? '【' + user.name + '】' : '')" disabled /> |
|
|
</div> |
|
|
</div> |
|
|
<!-- 活动名称 --> |
|
|
<!-- 活动名称 --> |
|
|
<div class="field"> |
|
|
<div class="field"> |
|
|
<div class="field-label">活动名称</div> |
|
|
<div class="field-label">活动名称</div> |
|
|
<el-input v-model="recharge.activity" disabled/> |
|
|
|
|
|
|
|
|
<el-input v-model="recharge.activity" disabled /> |
|
|
</div> |
|
|
</div> |
|
|
<!-- 金币信息（同一行左右排列） --> |
|
|
<!-- 金币信息（同一行左右排列） --> |
|
|
<el-row :gutter="20" class="coins-row"> |
|
|
<el-row :gutter="20" class="coins-row"> |
|
|
<el-col :span="12"> |
|
|
<el-col :span="12"> |
|
|
<div class="field"> |
|
|
<div class="field"> |
|
|
<div class="field-label">永久金币</div> |
|
|
<div class="field-label">永久金币</div> |
|
|
<el-input v-model="recharge.permanentGold" disabled/> |
|
|
|
|
|
|
|
|
<el-input v-model="recharge.permanentGold" disabled /> |
|
|
</div> |
|
|
</div> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="12"> |
|
|
<el-col :span="12"> |
|
|
<div class="field"> |
|
|
<div class="field"> |
|
|
<div class="field-label">免费金币</div> |
|
|
<div class="field-label">免费金币</div> |
|
|
<el-input v-model="recharge.freeGold" disabled/> |
|
|
|
|
|
|
|
|
<el-input v-model="recharge.freeGold" disabled /> |
|
|
</div> |
|
|
</div> |
|
|
</el-col> |
|
|
</el-col> |
|
|
</el-row> |
|
|
</el-row> |
|
|
<!-- 风险提示 --> |
|
|
<!-- 风险提示 --> |
|
|
<div style="display: flex; align-items: center; margin-top: 20px;"> |
|
|
<div style="display: flex; align-items: center; margin-top: 20px;"> |
|
|
<el-icon :size="24" color="#FFD700"> |
|
|
<el-icon :size="24" color="#FFD700"> |
|
|
<WarnTriangleFilled/> |
|
|
|
|
|
|
|
|
<WarnTriangleFilled /> |
|
|
</el-icon> |
|
|
</el-icon> |
|
|
<p>重复充值风险提示</p> |
|
|
<p>重复充值风险提示</p> |
|
|
</div> |
|
|
</div> |
|
|
<!-- 记录 + 虚线分隔 --> |
|
|
<!-- 记录 + 虚线分隔 --> |
|
|
<div> |
|
|
<div> |
|
|
<el-divider border-style="dashed"/> |
|
|
|
|
|
|
|
|
<el-divider border-style="dashed" /> |
|
|
<p>检测到该用户近期有相似充值记录：</p> |
|
|
<p>检测到该用户近期有相似充值记录：</p> |
|
|
· {{ ReadCookiesTime }} 充值永久金币: {{ recharge.permanentGold }} |
|
|
· {{ ReadCookiesTime }} 充值永久金币: {{ recharge.permanentGold }} |
|
|
免费金币: {{ recharge.freeGold }}(操作人：{{ adminData.adminName }}) |
|
|
免费金币: {{ recharge.freeGold }}(操作人：{{ adminData.adminName }}) |
|
|
@ -909,78 +879,11 @@ p { |
|
|
max-width: 50%; |
|
|
max-width: 50%; |
|
|
float: left; |
|
|
float: left; |
|
|
} |
|
|
} |
|
|
</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; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.customer-info { |
|
|
|
|
|
max-width: 60%; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* 标题居中 */ |
|
|
|
|
|
.el-dialog__header { |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
|
|
|
.beautiful { |
|
|
|
|
|
width: 700px; |
|
|
|
|
|
float: right; |
|
|
|
|
|
margin-right: 300px; |
|
|
|
|
|
margin-top: 150px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.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> |
|
|
</style> |
lihuilin
2 months ago