|
|
|
@ -1,16 +1,16 @@ |
|
|
|
<script setup> |
|
|
|
import {onMounted, reactive, ref, watch} from "vue"; |
|
|
|
import {ElIcon, ElMessage, ElMessageBox} from "element-plus"; |
|
|
|
import { onMounted, reactive, ref, watch } from "vue"; |
|
|
|
import { ElIcon, ElMessage, ElMessageBox } from "element-plus"; |
|
|
|
import moment from "moment"; |
|
|
|
import request from "@/util/http.js" |
|
|
|
import Cookies from 'js-cookie'; |
|
|
|
import {useAdminStore} from "@/store/index.js"; |
|
|
|
import {storeToRefs} from "pinia"; |
|
|
|
import {WarnTriangleFilled} from "@element-plus/icons-vue"; |
|
|
|
import { useAdminStore } from "@/store/index.js"; |
|
|
|
import { storeToRefs } from "pinia"; |
|
|
|
import { WarnTriangleFilled } from "@element-plus/icons-vue"; |
|
|
|
import dayjs from "dayjs"; |
|
|
|
|
|
|
|
const adminStore = useAdminStore(); |
|
|
|
const {adminData, menuTree} = storeToRefs(adminStore); |
|
|
|
const { adminData, menuTree } = storeToRefs(adminStore); |
|
|
|
// 精网号去空格 |
|
|
|
const trimJwCode = () => { |
|
|
|
if (addConsume.value.jwcode) { |
|
|
|
@ -64,11 +64,11 @@ const addConsume = ref({ |
|
|
|
const Ref = ref(null) |
|
|
|
const rules = reactive({ |
|
|
|
jwcode: [ |
|
|
|
{required: true, message: "请输入精网号", trigger: "blur"}, |
|
|
|
{ required: true, message: "请输入精网号", trigger: "blur" }, |
|
|
|
], |
|
|
|
goodsName: [{required: true, message: "请选择商品", trigger: "change"}], |
|
|
|
goodsName: [{ required: true, message: "请选择商品", trigger: "change" }], |
|
|
|
sumGold: [ |
|
|
|
{required: true, message: "消耗金币总数不能为空", trigger: "blur"}, |
|
|
|
{ required: true, message: "消耗金币总数不能为空", trigger: "blur" }, |
|
|
|
{ |
|
|
|
validator: (rule, value, callback) => { |
|
|
|
// 允许0开头的小数（如0.1）但不允许单独的0 |
|
|
|
@ -173,10 +173,10 @@ function calculateCoins(sumGold) { |
|
|
|
console.log("消耗金币计算函数:计算金币", sumGold); |
|
|
|
const parsedSumGold = parseFloat(sumGold); |
|
|
|
if (isNaN(parsedSumGold) || parsedSumGold <= 0 || !user.value.jwcode) { |
|
|
|
return {free: 0, permanent: 0, task: 0}; |
|
|
|
return { free: 0, permanent: 0, task: 0 }; |
|
|
|
} |
|
|
|
|
|
|
|
const {nowFreeGold, nowPermanentGold, nowTaskGold} = user.value; |
|
|
|
const { nowFreeGold, nowPermanentGold, nowTaskGold } = user.value; |
|
|
|
let remaining = parsedSumGold; |
|
|
|
let freeUsed = 0, permanentUsed = 0, taskUsed = 0; |
|
|
|
|
|
|
|
@ -202,7 +202,7 @@ function calculateCoins(sumGold) { |
|
|
|
addConsume.value.permanentGold = permanentUsed; |
|
|
|
addConsume.value.taskGold = taskUsed; |
|
|
|
|
|
|
|
return {free: freeUsed, permanent: permanentUsed, task: taskUsed}; |
|
|
|
return { free: freeUsed, permanent: permanentUsed, task: taskUsed }; |
|
|
|
} |
|
|
|
|
|
|
|
// 用来写的 cookie 的 key |
|
|
|
@ -233,7 +233,7 @@ const add = async function () { |
|
|
|
// 设置cookies,用户jwcode为key，value也是jwcode，过期时间为1天 |
|
|
|
Cookies.set(WriteCookies.value, WriteCookiesTime.value, { |
|
|
|
expires: |
|
|
|
1, path: '/' |
|
|
|
1, path: '/' |
|
|
|
}); |
|
|
|
|
|
|
|
addDisabled.value = true |
|
|
|
@ -419,7 +419,7 @@ const getUser = async function (jwcode) { |
|
|
|
// 发送POST请求 |
|
|
|
const result = await request({ |
|
|
|
url: "/user/selectUser", |
|
|
|
data: {jwcode} |
|
|
|
data: { jwcode } |
|
|
|
}); |
|
|
|
|
|
|
|
console.log("请求成功", result); |
|
|
|
@ -429,16 +429,16 @@ const getUser = async function (jwcode) { |
|
|
|
user.value = { |
|
|
|
...result.data, |
|
|
|
// 统一处理所有黄金数值，除以100 |
|
|
|
nowPermanentGold: result.data.nowPermanentGold , |
|
|
|
nowFreeGold: result.data.nowFreeGold , |
|
|
|
nowSumGold: result.data.nowSumGold , |
|
|
|
nowTaskGold: result.data.nowTaskGold , |
|
|
|
nowFreeJune: result.data.nowFreeJune , |
|
|
|
nowFreeDecember: result.data.nowFreeDecember , |
|
|
|
historySumGold: result.data.historySumGold , |
|
|
|
historyPermanentGold: result.data.historyPermanentGold , |
|
|
|
historyFreeGold: result.data.historyFreeGold , |
|
|
|
historyTaskGold: result.data.historyTaskGold |
|
|
|
nowPermanentGold: result.data.nowPermanentGold, |
|
|
|
nowFreeGold: result.data.nowFreeGold, |
|
|
|
nowSumGold: result.data.nowSumGold, |
|
|
|
nowTaskGold: result.data.nowTaskGold, |
|
|
|
nowFreeJune: result.data.nowFreeJune, |
|
|
|
nowFreeDecember: result.data.nowFreeDecember, |
|
|
|
historySumGold: result.data.historySumGold, |
|
|
|
historyPermanentGold: result.data.historyPermanentGold, |
|
|
|
historyFreeGold: result.data.historyFreeGold, |
|
|
|
historyTaskGold: result.data.historyTaskGold |
|
|
|
}; |
|
|
|
|
|
|
|
ElMessage.success("查询成功"); |
|
|
|
@ -446,7 +446,7 @@ const getUser = async function (jwcode) { |
|
|
|
if (addConsume.value.sumGold) { |
|
|
|
const parsedSumGold = parseFloat(addConsume.value.sumGold); |
|
|
|
if (!isNaN(parsedSumGold) && parsedSumGold > 0) { |
|
|
|
const {free, permanent, task} = calculateCoins(parsedSumGold); |
|
|
|
const { free, permanent, task } = calculateCoins(parsedSumGold); |
|
|
|
addConsume.value.freeGold = free; |
|
|
|
addConsume.value.permanentGold = permanent; |
|
|
|
addConsume.value.taskGold = task; |
|
|
|
@ -498,20 +498,20 @@ const getGoods = async function () { |
|
|
|
|
|
|
|
// 监听消费总金额变化，自动计算三类金币 |
|
|
|
watch( |
|
|
|
() => addConsume.value.sumGold, |
|
|
|
(newValue) => { |
|
|
|
const parsedNewValue = parseFloat(newValue); |
|
|
|
if (!isNaN(parsedNewValue) && parsedNewValue > 0) { |
|
|
|
const {free, permanent, task} = calculateCoins(parsedNewValue); |
|
|
|
addConsume.value.freeGold = free; |
|
|
|
addConsume.value.permanentGold = permanent; |
|
|
|
addConsume.value.taskGold = task; |
|
|
|
} else { |
|
|
|
addConsume.value.freeGold = null; |
|
|
|
addConsume.value.permanentGold = null; |
|
|
|
addConsume.value.taskGold = null; |
|
|
|
} |
|
|
|
() => addConsume.value.sumGold, |
|
|
|
(newValue) => { |
|
|
|
const parsedNewValue = parseFloat(newValue); |
|
|
|
if (!isNaN(parsedNewValue) && parsedNewValue > 0) { |
|
|
|
const { free, permanent, task } = calculateCoins(parsedNewValue); |
|
|
|
addConsume.value.freeGold = free; |
|
|
|
addConsume.value.permanentGold = permanent; |
|
|
|
addConsume.value.taskGold = task; |
|
|
|
} else { |
|
|
|
addConsume.value.freeGold = null; |
|
|
|
addConsume.value.permanentGold = null; |
|
|
|
addConsume.value.taskGold = null; |
|
|
|
} |
|
|
|
} |
|
|
|
); |
|
|
|
|
|
|
|
/* |
|
|
|
@ -528,105 +528,105 @@ onMounted(async function () { |
|
|
|
<template> |
|
|
|
<div class="father1"> |
|
|
|
<div class="left"> |
|
|
|
<el-form :model="addConsume" ref="Ref" :rules="rules" style="min-width: 420px;" class="add-form" label-width="auto" label-position="right"> |
|
|
|
<el-form-item prop="jwcode" label="精网号" style="margin-top: 50px"> |
|
|
|
<el-input v-model="addConsume.jwcode" style="width: 200px;"/> |
|
|
|
<el-button type="primary" @click="getUser(addConsume.jwcode)" style="margin-left: 20px">查询 |
|
|
|
</el-button> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item prop="goodsName" label="商品名称" > |
|
|
|
<el-select v-model="addConsume.goodsName" placeholder="请选择商品" style="width: 200px" clearable filterable |
|
|
|
> |
|
|
|
<el-option v-for="(item, index) in goods" :key="index" :label="item.label" :value="item"/> |
|
|
|
|
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item prop="sumGold" label="消耗金币总数"> |
|
|
|
<el-input v-model="addConsume.sumGold" style="width: 120px" @input="validateInput()" |
|
|
|
@change="calculateCoins(addConsume.sumGold)"/> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 三类金币自动计算（禁用状态，不可编辑） --> |
|
|
|
|
|
|
|
<el-form-item prop="permanentGold" label="永久金币"> |
|
|
|
<el-input v-model="addConsume.permanentGold" disabled style="width: 120px"> |
|
|
|
<template #default="scope">{{ scope.row.permanentGold }}</template> |
|
|
|
</el-input> |
|
|
|
<p style="margin-right: 0px"> 个</p> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item prop="freeCoin" label="免费金币"> |
|
|
|
<el-input disabled v-model="addConsume.freeGold" style="width: 120px"/> |
|
|
|
<p style="margin-right: 0px"> 个</p> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item prop="taskGold" label="任务金币"> |
|
|
|
<el-input disabled v-model="addConsume.taskGold" style="width: 120px"/> |
|
|
|
<p style="margin-right: 20px"> 个</p> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item prop="remark" label="备注"> |
|
|
|
<el-input v-model="addConsume.remark" style="width: 250px" :rows="4" maxlength="100" |
|
|
|
show-word-limit type="textarea"/> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-button type="success" @click="resetForm()" style="margin-left: 200px;margin-top:10px">重置</el-button> |
|
|
|
<el-button type="primary" :disabled="addDisabled" @click="addBefore" style="margin-top:10px"> 提交</el-button> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="right"> |
|
|
|
<!-- 客户信息栏 --> |
|
|
|
<el-card v-if="user.jwcode" style="width: 800px; float: right" class="customer-info"> |
|
|
|
<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-row style="margin-top: 20px"> |
|
|
|
<el-col :span="9"> |
|
|
|
<el-form-item label="姓名"> |
|
|
|
<p>{{ user.name }}</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.nowSumGold !== undefined">{{ |
|
|
|
<el-form :model="addConsume" ref="Ref" :rules="rules" style="min-width: 420px;" class="add-form" |
|
|
|
label-width="auto" label-position="right"> |
|
|
|
<el-form-item prop="jwcode" label="精网号" style="margin-top: 50px"> |
|
|
|
<el-input v-model="addConsume.jwcode" style="width: 200px;" /> |
|
|
|
<el-button type="primary" @click="getUser(addConsume.jwcode)" style="margin-left: 20px">查询 |
|
|
|
</el-button> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item prop="goodsName" label="商品名称"> |
|
|
|
<el-select v-model="addConsume.goodsName" placeholder="请选择商品" style="width: 200px" clearable filterable> |
|
|
|
<el-option v-for="(item, index) in goods" :key="index" :label="item.label" :value="item" /> |
|
|
|
|
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item prop="sumGold" label="消耗金币总数"> |
|
|
|
<el-input v-model="addConsume.sumGold" style="width: 120px" @input="validateInput()" |
|
|
|
@change="calculateCoins(addConsume.sumGold)" /> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 三类金币自动计算（禁用状态，不可编辑） --> |
|
|
|
|
|
|
|
<el-form-item prop="permanentGold" label="永久金币"> |
|
|
|
<el-input v-model="addConsume.permanentGold" disabled style="width: 120px"> |
|
|
|
<template #default="scope">{{ scope.row.permanentGold }}</template> |
|
|
|
</el-input> |
|
|
|
<p style="margin-right: 0px"> 个</p> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item prop="freeCoin" label="免费金币"> |
|
|
|
<el-input disabled v-model="addConsume.freeGold" style="width: 120px" /> |
|
|
|
<p style="margin-right: 0px"> 个</p> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item prop="taskGold" label="任务金币"> |
|
|
|
<el-input disabled v-model="addConsume.taskGold" style="width: 120px" /> |
|
|
|
<p style="margin-right: 20px"> 个</p> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item prop="remark" label="备注"> |
|
|
|
<el-input v-model="addConsume.remark" style="width: 250px" :rows="4" maxlength="100" show-word-limit |
|
|
|
type="textarea" /> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-button type="success" @click="resetForm()" style="margin-left: 200px;margin-top:10px">重置</el-button> |
|
|
|
<el-button type="primary" :disabled="addDisabled" @click="addBefore" style="margin-top:10px"> 提交</el-button> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="right"> |
|
|
|
<!-- 客户信息栏 --> |
|
|
|
<el-card v-if="user.jwcode" style="width: 800px; float: right" class="customer-info"> |
|
|
|
<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-row style="margin-top: 20px"> |
|
|
|
<el-col :span="9"> |
|
|
|
<el-form-item label="姓名"> |
|
|
|
<p>{{ user.name }}</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.nowSumGold !== undefined">{{ |
|
|
|
user.nowSumGold |
|
|
|
}}</span> |
|
|
|
</el-form-item> |
|
|
|
<!-- 金币详情独立显示 --> |
|
|
|
<el-form-item style="margin-top: -23px"> <!-- 负边距减少间距 --> |
|
|
|
<span style="color: #b1b1b1; margin-left: 0px" v-if="user.nowPermanentGold !== undefined">(永久金币:{{ |
|
|
|
</el-form-item> |
|
|
|
<!-- 金币详情独立显示 --> |
|
|
|
<el-form-item style="margin-top: -23px"> <!-- 负边距减少间距 --> |
|
|
|
<span style="color: #b1b1b1; margin-left: 0px" v-if="user.nowPermanentGold !== undefined">(永久金币:{{ |
|
|
|
user.nowPermanentGold |
|
|
|
}}; |
|
|
|
免费金币:{{ user.nowFreeGold }}; |
|
|
|
任务金币:{{ user.nowTaskGold }})</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
<!-- 第二行：精网号 + 当前金币（独立行） --> |
|
|
|
<el-row> |
|
|
|
<el-col :span="9"> |
|
|
|
<el-form-item label="精网号"> |
|
|
|
<p>{{ user.jwcode }}</p> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="14"> |
|
|
|
<el-form-item label="消费次数"> |
|
|
|
<p style="color: #2fa1ff">{{ user.consumeNum }} </p> |
|
|
|
</el-form-item> |
|
|
|
免费金币:{{ user.nowFreeGold }}; |
|
|
|
任务金币:{{ user.nowTaskGold }})</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
<!-- 第二行：精网号 + 当前金币（独立行） --> |
|
|
|
<el-row> |
|
|
|
<el-col :span="9"> |
|
|
|
<el-form-item label="精网号"> |
|
|
|
<p>{{ user.jwcode }}</p> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="14"> |
|
|
|
<el-form-item label="消费次数"> |
|
|
|
<p style="color: #2fa1ff">{{ user.consumeNum }} </p> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item style="margin-top: -23px"> <!-- 负边距减少间距 --> |
|
|
|
<p style="font-size: small; color: #b1b1b1">(仅统计2025-01-01后的数据)</p> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<p style="font-size: small; color: #b1b1b1">(仅统计2025-01-01后的数据)</p> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
<!-- 第三行：首次充值日期 + 充值次数 --> |
|
|
|
<!-- <el-row > |
|
|
|
<!-- 第三行：首次充值日期 + 充值次数 --> |
|
|
|
<!-- <el-row > |
|
|
|
<el-col :span="9"> |
|
|
|
<el-form-item label="首次充值日期"> |
|
|
|
<p v-if="user.firstRecharge"> |
|
|
|
@ -637,157 +637,151 @@ onMounted(async function () { |
|
|
|
|
|
|
|
</el-row> --> |
|
|
|
|
|
|
|
<!-- 第四行：消费次数 + 所属门店 --> |
|
|
|
<el-row> |
|
|
|
<el-col :span="9"> |
|
|
|
<el-form-item label="所属门店"> |
|
|
|
<p>{{ user.market }}</p> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-form> |
|
|
|
</el-card> |
|
|
|
|
|
|
|
|
|
|
|
<el-dialog |
|
|
|
v-model="FirstConsumeDialogVisible" |
|
|
|
title="操作确认" |
|
|
|
:before-close="FirstConsumeDialogVisiblehandleClose" |
|
|
|
: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/> |
|
|
|
<!-- 第四行：消费次数 + 所属门店 --> |
|
|
|
<el-row> |
|
|
|
<el-col :span="9"> |
|
|
|
<el-form-item label="所属门店"> |
|
|
|
<p>{{ user.market }}</p> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-form> |
|
|
|
</el-card> |
|
|
|
|
|
|
|
|
|
|
|
<el-dialog v-model="FirstConsumeDialogVisible" title="操作确认" :before-close="FirstConsumeDialogVisiblehandleClose" |
|
|
|
: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="addConsume.goodsName.value" disabled /> |
|
|
|
</div> |
|
|
|
<!--金币总数 --> |
|
|
|
<div class="field"> |
|
|
|
<div class="field-label">金币总数</div> |
|
|
|
<el-input v-model="addConsume.sumGold" disabled /> |
|
|
|
</div> |
|
|
|
<!-- 金币详细信息（同一行左右排列） --> |
|
|
|
<el-row :gutter="20" class="coins-row"> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="field"> |
|
|
|
<div class="field-label">永久金币</div> |
|
|
|
<el-input v-model="addConsume.permanentGold" disabled /> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="field"> |
|
|
|
<div class="field-label">免费金币</div> |
|
|
|
<el-input v-model="addConsume.freeGold" disabled /> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="field"> |
|
|
|
<div class="field-label">任务金币</div> |
|
|
|
<el-input v-model="addConsume.taskGold" disabled /> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
<div class="field"> |
|
|
|
<div class="field-label">备注</div> |
|
|
|
<el-input v-model="addConsume.remark" disabled /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 活动名称 --> |
|
|
|
<div class="field"> |
|
|
|
<div class="field-label">商品名称</div> |
|
|
|
<el-input v-model="addConsume.goodsName.value" disabled/> |
|
|
|
</div> |
|
|
|
<!--金币总数 --> |
|
|
|
<div class="field"> |
|
|
|
<div class="field-label">金币总数</div> |
|
|
|
<el-input v-model="addConsume.sumGold" disabled/> |
|
|
|
</div> |
|
|
|
<!-- 金币详细信息（同一行左右排列） --> |
|
|
|
<el-row :gutter="20" class="coins-row"> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="field"> |
|
|
|
<div class="field-label">永久金币</div> |
|
|
|
<el-input v-model="addConsume.permanentGold" disabled/> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="field"> |
|
|
|
<div class="field-label">免费金币</div> |
|
|
|
<el-input v-model="addConsume.freeGold" disabled/> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="field"> |
|
|
|
<div class="field-label">任务金币</div> |
|
|
|
<el-input v-model="addConsume.taskGold" disabled/> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
<div class="field"> |
|
|
|
<div class="field-label">备注</div> |
|
|
|
<el-input v-model="addConsume.remark" disabled/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 底部按钮（居中） --> |
|
|
|
<template #footer> |
|
|
|
<div class="dialog-footer-center"> |
|
|
|
<el-button @click="FirstConsumeDialogVisibleCancel">取 消</el-button> |
|
|
|
<el-button type="primary" @click="FirstConsumeDialogVisibleContinue">确认购买</el-button> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
|
|
<el-dialog v-model="ConsumeDialogVisible" title="第二次操作确认" :before-close="ConsumeDialogVisiblehandleClose" |
|
|
|
: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="addConsume.goodsName.value" disabled/> |
|
|
|
</div> |
|
|
|
<!--金币总数 --> |
|
|
|
<div class="field"> |
|
|
|
<div class="field-label">金币总数</div> |
|
|
|
<el-input v-model="addConsume.sumGold" disabled/> |
|
|
|
</div> |
|
|
|
<!-- 金币详细信息（同一行左右排列） --> |
|
|
|
<el-row :gutter="20" class="coins-row"> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="field"> |
|
|
|
<div class="field-label">永久金币</div> |
|
|
|
<el-input v-model="addConsume.permanentGold" disabled/> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="field"> |
|
|
|
<div class="field-label">免费金币</div> |
|
|
|
<el-input v-model="addConsume.freeGold" disabled/> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="field"> |
|
|
|
<div class="field-label">任务金币</div> |
|
|
|
<el-input v-model="addConsume.taskGold" 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 }} 购买 【{{ addConsume.goodsName.value }}】(操作人: {{ adminData.adminName }}) |
|
|
|
</div> |
|
|
|
<div style="margin-top: 10px"> |
|
|
|
<p>是否继续操作？</p> |
|
|
|
|
|
|
|
<!-- 底部按钮（居中） --> |
|
|
|
<template #footer> |
|
|
|
<div class="dialog-footer-center"> |
|
|
|
<el-button @click="FirstConsumeDialogVisibleCancel">取 消</el-button> |
|
|
|
<el-button type="primary" @click="FirstConsumeDialogVisibleContinue">确认购买</el-button> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
|
|
<el-dialog v-model="ConsumeDialogVisible" title="第二次操作确认" :before-close="ConsumeDialogVisiblehandleClose" |
|
|
|
: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="addConsume.goodsName.value" disabled /> |
|
|
|
</div> |
|
|
|
<!--金币总数 --> |
|
|
|
<div class="field"> |
|
|
|
<div class="field-label">金币总数</div> |
|
|
|
<el-input v-model="addConsume.sumGold" disabled /> |
|
|
|
</div> |
|
|
|
<!-- 金币详细信息（同一行左右排列） --> |
|
|
|
<el-row :gutter="20" class="coins-row"> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="field"> |
|
|
|
<div class="field-label">永久金币</div> |
|
|
|
<el-input v-model="addConsume.permanentGold" disabled /> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="field"> |
|
|
|
<div class="field-label">免费金币</div> |
|
|
|
<el-input v-model="addConsume.freeGold" disabled /> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="field"> |
|
|
|
<div class="field-label">任务金币</div> |
|
|
|
<el-input v-model="addConsume.taskGold" 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 }} 购买 【{{ addConsume.goodsName.value }}】(操作人: {{ adminData.adminName }}) |
|
|
|
</div> |
|
|
|
<div style="margin-top: 10px"> |
|
|
|
<p>是否继续操作？</p> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 底部按钮（居中） --> |
|
|
|
<template #footer> |
|
|
|
<div class="dialog-footer-center"> |
|
|
|
<el-button @click="ConsumeDialogVisibleCancel">取 消</el-button> |
|
|
|
<el-button type="primary" @click="ConsumeDialogVisibleContinue">确认购买</el-button> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-dialog> |
|
|
|
<!-- 底部按钮（居中） --> |
|
|
|
<template #footer> |
|
|
|
<div class="dialog-footer-center"> |
|
|
|
<el-button @click="ConsumeDialogVisibleCancel">取 消</el-button> |
|
|
|
<el-button type="primary" @click="ConsumeDialogVisibleContinue">确认购买</el-button> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
|
|
|
|
p { |
|
|
|
margin: 0px; |
|
|
|
} |
|
|
|
@ -845,15 +839,13 @@ p { |
|
|
|
.left { |
|
|
|
width: 500px; |
|
|
|
float: left; |
|
|
|
align-items: center; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
|
|
|
|
.right { |
|
|
|
flex: 1; |
|
|
|
height: 50vh; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
|
|
|
|
.customer-info { |
|
|
|
|
lihuilin
2 months ago