免费金币充值

src/components/locales/lang/en.js

@@ -801,7 +801,7 @@ export default {
     refunded: "Refunded",
     unknown: "Unknown",
     // 金币新增充值
-    addCoinRecharge: "New Recharge",
+    addCoinRecharge: "Free Coin Recharge",
     waitAudit: "Pending",
     refunded: "Refunded",
     passed: "Passed",

src/components/locales/lang/zh-CN.js

@@ -801,7 +801,7 @@ export default {
     refunded: "已退款",
     unknown: "未知状态",
     // 金币新增充值 ---------------------------------
-    addCoinRecharge: "新增充值",
+    addCoinRecharge: "免费金币充值",
     waitAudit: "待审核",
     refunded: "已退款",
     passed: "已通过",

src/views/recharge/gold/addCoinRecharge.vue

@@ -1,7 +1,7 @@
 <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 API from '@/util/http.js'
 import moment from 'moment'
@@ -65,14 +65,13 @@ const recharge = ref({
   voucher: '',
   rechargeWay: '客服充值',
   freeGold: "",
-  money: null,
-  permanentGold: "",
-  rateName: null,
-  rateId: null,
-  payModel: '', // payModel 字段
+  money: 0,
+  permanentGold: "0",
+  rateName: "美元(USD)",
+  rateId: 1,
+  payModel: '银行转账', // payModel 字段
   payTime: null, // payTime 字段
   remark: '', // remark 字段
-  rechargeRatio: ''
 })
 // 用来写的 cookie 的 key
 const WriteCookies = ref(null)
@@ -87,7 +86,7 @@ const orderStatus = ref('')
 const add = async function () {
   try {
 
-    const formattedRecharge = {...recharge.value}
+    const formattedRecharge = { ...recharge.value }
 
     // 将永久金币数、免费金币数和充值金额数乘以 100
     if (formattedRecharge.permanentGold) {
@@ -98,17 +97,12 @@ const add = async function () {
       formattedRecharge.freeGold = Number(formattedRecharge.freeGold) * 100;
     }
     if (formattedRecharge.money) {
-       formattedRecharge.money = new Decimal(formattedRecharge.money).mul(100).toNumber();
+      formattedRecharge.money = new Decimal(formattedRecharge.money).mul(100).toNumber();
     }
-
-    if (formattedRecharge.payTime) {
-      // 使用 moment.js 格式化 payTime
-      formattedRecharge.payTime = moment(formattedRecharge.payTime).format('YYYY-MM-DD HH:mm:ss')
-    }
-
+    formattedRecharge.payTime = moment(Date.now()).format('YYYY-MM-DD HH:mm:ss')
     console.log('开始添加充值信息', recharge.value)
     //存一下 用户的jwcode
-   
+
     // 发送POST请求
     addDisabled.value = true
     const result = await API({
@@ -116,16 +110,16 @@ const add = async function () {
       data: formattedRecharge
     })
     addDisabled.value = false
-    if(result.code == 200){
-       // 拼接 jwcode:permanentGold:freeGold
-    WriteCookies.value = `coinRecharge-${recharge.value.jwcode}-${recharge.value.permanentGold}-${recharge.value.freeGold}`
-    //value 为充值时间
-    WriteCookiesVale.value = JSON.stringify({
-    payTime: moment(result.data.createTime).format("YYYY-MM-DD HH:mm:ss"), 
-    orderCode: result.data.orderCoder,
-  });
-    // 设置cookies,用户jwcode为key，value也是jwcode，过期时间为1天
-    Cookies.set(WriteCookies.value, WriteCookiesVale.value, {expires: 1, path: '/'});
+    if (result.code == 200) {
+      // 拼接 jwcode:permanentGold:freeGold
+      WriteCookies.value = `coinRecharge-${recharge.value.jwcode}-${recharge.value.permanentGold}-${recharge.value.freeGold}`
+      //value 为充值时间
+      WriteCookiesVale.value = JSON.stringify({
+        payTime: moment(result.data.createTime).format("YYYY-MM-DD HH:mm:ss"),
+        orderCode: result.data.orderCoder,
+      });
+      // 设置cookies,用户jwcode为key，value也是jwcode，过期时间为1天
+      Cookies.set(WriteCookies.value, WriteCookiesVale.value, { expires: 1, path: '/' });
     }
     if (result.code === 0) {
       ElMessage.error(result.msg)
@@ -201,11 +195,11 @@ const selectByOrderCode = async function (data) {
     const result = await API({
       url: '/recharge/selectByOrderCode',
       data: data,
-       headers: {
-    'Content-Type': 'text/plain;charset=utf-8'
-  },
+      headers: {
+        'Content-Type': 'text/plain;charset=utf-8'
+      },
     })
-    if(result.code == 200){
+    if (result.code == 200) {
       historyOrder.value = result.data
     }
   } catch (error) {
@@ -234,7 +228,7 @@ const addBefore = () => {
     }
 
     // 验证金币不能同时为0
-    if (Number(recharge.value.permanentGold) === 0 && Number(recharge.value.freeGold) === 0) {
+    if (Number(recharge.value.freeGold) === 0) {
       ElMessage({
         type: 'error',
         message: t('elmessage.permanentAndFreeNoZero')
@@ -242,24 +236,6 @@ const addBefore = () => {
       return;
     }
 
-    // 验证币种选择
-    if (!recharge.value.rateName) {
-      ElMessage({
-        type: 'error',
-        message: t('elmessage.checkRate')
-      });
-      return;
-    }
-
-    // 验证充值金额
-    if (!recharge.value.money) {
-      ElMessage({
-        type: 'error',
-        message: t('elmessage.checkMoney')
-      });
-      return;
-    }
-
     // 设置对应的rateId，传负载用的
     const selectedRate = rateName.value.find(item => item.value === recharge.value.rateName);
     if (selectedRate) {
@@ -277,33 +253,33 @@ const addBefore = () => {
     // 拼接 jwcode:permanentGold:freeGold
     ReadCookies.value = `coinRecharge-${recharge.value.jwcode}-${recharge.value.permanentGold}-${recharge.value.freeGold}`
 
-    console.log('ReadCookies',ReadCookies.value);
-    
+    console.log('ReadCookies', ReadCookies.value);
+
     // 获取cookie
     const cookieValue = Cookies.get(ReadCookies.value);
     if (cookieValue) {
-    // 解析为对象
-    const rechargeInfo = JSON.parse(cookieValue);
-    console.log('充值时间：', rechargeInfo.payTime);
-    console.log('订单号：', rechargeInfo.orderCode);
-    ReadCookiesValue.value = {
-      ...rechargeInfo,
-    }
-    }else{
+      // 解析为对象
+      const rechargeInfo = JSON.parse(cookieValue);
+      console.log('充值时间：', rechargeInfo.payTime);
+      console.log('订单号：', rechargeInfo.orderCode);
+      ReadCookiesValue.value = {
+        ...rechargeInfo,
+      }
+    } else {
       ReadCookiesValue.value = {}
     }
     if (Object.keys(ReadCookiesValue.value).length > 0) {
       await selectByOrderCode(ReadCookiesValue.value.orderCode)
-      if(historyOrder.value.type == 0 ){
-        if(historyOrder.value.auditStatus == 0){
+      if (historyOrder.value.type == 0) {
+        if (historyOrder.value.auditStatus == 0) {
           orderStatus.value = t('recharge.waitAudit')
-        }else if(historyOrder.value.auditStatus == 1){
-          if(historyOrder.value.isRefund == 1){
+        } else if (historyOrder.value.auditStatus == 1) {
+          if (historyOrder.value.isRefund == 1) {
             orderStatus.value = t('recharge.refunded')
-          }else{
+          } else {
             orderStatus.value = t('recharge.passed')
           }
-        }else if(historyOrder.value.auditStatus == 2){
+        } else if (historyOrder.value.auditStatus == 2) {
           orderStatus.value = t('recharge.rejected')
         }
       }
@@ -331,50 +307,9 @@ const rules = reactive({
       callback();
     }, trigger: 'blur'
   }],
-  activity: [{required: true, message: t('elmessage.checkActivity'), trigger: 'blur'}],
-  permanentGold: [
-    {required: true, message: t('elmessage.checkPermanentGold'), trigger: 'change'},
-    {
-      validator: (rule, value, callback) => {
-        if (!value) {
-          value = '0'
-        }
-        // 检查是否包含特殊符号
-        if (/[^0-9.]/.test(value)) {
-          callback(new Error(t('elmessage.limitNoSpecialChar')));
-          return;
-        }
-
-        // 检查整数位数
-        const integerPart = value.split('.')[0];
-        if (integerPart.length > 6) {
-          callback(new Error(t('elmessage.limitSix')));
-          return;
-        }
-
-        // 检查小数位数
-        if (value.includes('.')) {
-          const decimalPart = value.split('.')[1];
-          if (decimalPart.length > 2) {
-            callback(new Error(t('elmessage.limitTwoDecimal')));
-            return;
-          }
-        }
-
-        const numValue = Number(value);
-        if (isNaN(numValue)) {
-          callback(new Error(t('elmessage.checkNumber')));
-        } else if (numValue < 0) {
-          callback(new Error(t('elmessage.limitZero')));
-        } else {
-          callback();
-        }
-      },
-      trigger: 'blur'
-    }
-  ],
+  activity: [{ required: true, message: t('elmessage.checkActivity'), trigger: 'blur' }],
   freeGold: [
-    {required: true, message: t('elmessage.checkFreeGold'), trigger: 'change'},
+    { required: true, message: t('elmessage.checkFreeGold'), trigger: 'change' },
     {
       validator: (rule, value, callback) => {
         if (!value) {
@@ -414,52 +349,6 @@ const rules = reactive({
       trigger: 'blur'
     }
   ],
-  rateName: [{
-    required: true,
-    message: t('elmessage.checkRate'),
-    trigger: 'blur'
-  }],
-
-  money: [
-    {required: true, message: t('elmessage.checkMoney'), trigger: 'blur'},
-    {
-      validator: (rule, value, callback) => {
-        // 检查是否包含特殊符号
-        if (/[^0-9.]/.test(value)) {
-          callback(new Error(t('elmessage.limitNoSpecialChar')));
-          return;
-        }
-
-        // 检查整数位数
-        const integerPart = value.split('.')[0];
-        if (integerPart.length > 6) {
-          callback(new Error(t('elmessage.limitSix')));
-          return;
-        }
-
-        // 检查小数位数
-        if (value.includes('.')) {
-          const decimalPart = value.split('.')[1];
-          if (decimalPart.length > 2) {
-            callback(new Error(t('elmessage.limitTwoDecimal')));
-            return;
-          }
-        }
-
-        const numValue = Number(value);
-        if (isNaN(numValue)) {
-          callback(new Error(t('elmessage.checkNumber')));
-        } else if (numValue < 0) {
-          callback(new Error(t('elmessage.limitZero')));
-        } else {
-          callback();
-        }
-      },
-      trigger: 'blur'
-    }
-  ],
-  payModel: [{required: true, message: t('elmessage.checkPayModel'), trigger: 'blur'}],
-  payTime: [{required: true, message: t('elmessage.checkPayTime'), trigger: 'blur'}]
 });
 
 // 查找客户信息的方法
@@ -515,28 +404,6 @@ const getUser = async function (jwcode) {
 
 // 这是查询活动的接口，一期没有调用这个接口
 const activity = ref([])
-// const getActivity = async function () {
-//   try {
-//     // 发送POST请求
-//     const result = await API({
-//       url: '/general/activity',
-//       data: {
-
-//       }
-//     })
-
-//     // 将响应结果存储到响应式数据中
-//     console.log('请求成功', result)
-//     // 存储表格数据
-//     activity.value = result.data
-//     console.log('活动信息', activity.value)
-//   } catch (error) {
-//     console.log('activity请求失败', error)
-//     // 在这里可以处理错误逻辑，比如显示错误提示等
-//   }
-// }
-
-
 //货币条目
 const rateName = ref([])
 
@@ -549,9 +416,9 @@ const fetchRateData = async () => {
     console.log('response', result);
     if (result.code === 200) {
       rateName.value = result.data.map(item => ({
-        value: item.id, 
+        value: item.id,
         label: item.rateName,
-        
+
       }));
     }
     console.log('货币信息', rateName.value);
@@ -639,7 +506,7 @@ const payModel = [
   },
   {
     value: 'Stripe',
-    label: t('audit.payMethods.stripe')  
+    label: t('audit.payMethods.stripe')
   },
   {
     value: 'Ipay88',
@@ -674,12 +541,13 @@ const deleteRecharge = function () {
     voucher: '',
     rechargeWay: '客服充值',
     freeGold: '',
-    money: null,
-    permanentGold: '',
-    rateId: null
+    money: 0,
+    permanentGold: '0',
+    rateId: 1,
+    payModel: '银行转账', // payModel 字段
   }
   imageUrl.value = ''
-  recharge.value.rateName = ''
+  recharge.value.rateName = '美元(USD)'
 }
 
 
@@ -699,24 +567,26 @@ onMounted(() => {
   <div>
     <div class="userAndForm">
       <div class="left">
-        <el-form :model="recharge" ref="Ref" :rules="rules" label-width="auto" label-position="right"
-                 style="min-width: 500px" class="add-form">
+        <el-form :model="recharge" ref="Ref" :rules="rules" label-width="auto" label-position="left"
+          style="min-width: 500px" class="add-form">
           <el-form-item prop="jwcode" :label="$t('common_add.jwcode')">
-            <el-input v-model="recharge.jwcode" style="width: 220px" @keyup.enter="getUser(recharge.jwcode)"/>
-            <el-button type="primary" @click="getUser(recharge.jwcode)" style="margin-left: 20px">{{ $t('common.search') }}</el-button>
+            <el-input v-model="recharge.jwcode" style="width: 220px" @keyup.enter="getUser(recharge.jwcode)" />
+            <el-button type="primary" @click="getUser(recharge.jwcode)" style="margin-left: 20px">{{ $t('common.search')
+              }}</el-button>
           </el-form-item>
           <el-form-item prop="activity" :label="$t('common_add.activity')">
-            <el-input v-model="recharge.activity" :placeholder="$t('common_add.activityPlaceholder')" style="width: 300px"/>
+            <el-input v-model="recharge.activity" :placeholder="$t('common_add.activityPlaceholder')"
+              style="width: 300px" />
           </el-form-item>
-          <el-form-item prop="permanentGold" :label="$t('common_add.permanentGold')">
+          <!-- <el-form-item prop="permanentGold" :label="$t('common_add.permanentGold')">
             <el-input v-model="recharge.permanentGold" placeholder="0" style="width: 100px"/>
             <p>&nbsp;个</p>
-          </el-form-item>
+          </el-form-item> -->
           <el-form-item prop="freeGold" :label="$t('common_add.freeGold')">
-            <el-input v-model="recharge.freeGold" placeholder="0" style="width: 100px"/>
+            <el-input v-model="recharge.freeGold" placeholder="0" style="width: 100px" />
             <p>&nbsp;个</p>
           </el-form-item>
-          <el-form-item :label="$t('common_add.rechargeAmount')" required style="margin-bottom: 25px;">
+          <!-- <el-form-item :label="$t('common_add.rechargeAmount')" required style="margin-bottom: 25px;">
             <el-form-item prop="rateName" style="display: inline-block; margin-left:0;">
               <el-select v-model="recharge.rateName" :placeholder="$t('common_add.currencyName')" style="width: 100px">
                 <el-option v-for="item in rateName" :key="item.value" :label="item.label" :value="item.value"/>
@@ -725,15 +595,14 @@ onMounted(() => {
             <el-form-item prop="money" style="display: inline-block; margin-left:10px; vertical-align: top;">
               <el-input v-model="recharge.money" style="width: 190px"/>
             </el-form-item>
-          </el-form-item>
+          </el-form-item> -->
 
-          <el-form-item prop="payModel" :label="$t('common_add.payModel')">
+          <!-- <el-form-item prop="payModel" :label="$t('common_add.payModel')">
             <el-select v-model="recharge.payModel" :placeholder="$t('common_add.payModelPlaceholder')" style="width: 300px">
               <el-option v-for="item in payModel" :key="item.value" :label="item.label" :value="item.value"/>
             </el-select>
-          </el-form-item>
-          <el-form-item prop="payTime" :label="$t('common_add.paymentTime')">
-            <!-- 修改 type 属性为 datetime 以支持时分秒选择 -->
+          </el-form-item> -->
+          <!-- <el-form-item prop="payTime" :label="$t('common_add.paymentTime')">
             <el-date-picker v-model="recharge.payTime" type="datetime" style="width: 300px"/>
           </el-form-item>
           <el-form-item prop="voucher" :label="$t('common_add.paymentVoucher')" style="margin-bottom: 5px">
@@ -747,66 +616,70 @@ onMounted(() => {
             <p style="margin-left: 10px; color: rgb(177, 176, 176)">
               {{ $t('common_add.paymentVoucherPlaceholder') }}
             </p>
-          </el-form-item>
+          </el-form-item> -->
           <el-form-item prop="remark" :label="$t('common_add.remark')">
             <el-input v-model="recharge.remark" style="width: 300px" :rows="4" maxlength="100" show-word-limit
-                      type="textarea"/>
+              type="textarea" />
           </el-form-item>
 
-          <el-button @click="deleteRecharge" style="margin-left: 220px;margin-top:20px" type="success">{{ $t('common.reset') }}</el-button>
-          <el-button type="primary" style="margin-top:20px" :disabled="addDisabled" @click="addBefore"> {{ $t('common.confirm') }}</el-button>
+          <el-button @click="deleteRecharge" style="margin-left: 220px;margin-top:20px" type="success">{{
+            $t('common.reset') }}</el-button>
+          <el-button type="primary" style="margin-top:20px" :disabled="addDisabled" @click="addBefore"> {{
+            $t('common.confirm') }}</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">{{ $t('common_add_user.customerInfo') }}</el-text>
-
-        <!-- 第一行：姓名 + 历史金币 -->
-        <el-row style="margin-top: 20px">
-          <el-col :span="9">
-            <el-form-item :label="$t('common_add_user.name')">
-              <p>{{ user.name }}</p>
-            </el-form-item>
-          </el-col>
-          <el-col :span="14">
-            <el-form-item :label="$t('common_add_user.currentGoldCoinTotal')" 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">({{ $t('common_add_user.permanentGold') }}:{{
-                  user.nowPermanentGold
-                }};
-                {{ $t('common_add_user.freeGold') }}:{{ user.nowFreeGold }};
-                {{ $t('common_add_user.taskGold') }}:{{ user.nowTaskGold }})</span>
-            </el-form-item>
-          </el-col>
-        </el-row>
-
-        <!-- 第二行：精网号 + 当前金币（独立行） -->
-        <el-row>
-          <el-col :span="9">
-            <el-form-item :label="$t('common_add_user.jwcode')">
-              <p>{{ user.jwcode }}</p>
-            </el-form-item>
-          </el-col>
-           <el-col :span="14">
-            <el-form-item :label="$t('common_add_user.consumptionTimes')">
-              <p style="color: #2fa1ff">{{ user.consumeNum }} </p>
-            </el-form-item>
-              <el-form-item style="margin-top: -23px"> <!-- 负边距减少间距 -->
-              <p style="font-size: small; color: #b1b1b1">({{ $t('common_add_user.onlyStatisticsDataAfter20250101') }})</p>
-            </el-form-item>
-          </el-col>
-        </el-row>
-
-        <!-- 第三行：首次充值日期 + 充值次数 -->
-        <!-- <el-row >
+        <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">{{ $t('common_add_user.customerInfo') }}</el-text>
+
+            <!-- 第一行：姓名 + 历史金币 -->
+            <el-row style="margin-top: 20px">
+              <el-col :span="9">
+                <el-form-item :label="$t('common_add_user.name')">
+                  <p>{{ user.name }}</p>
+                </el-form-item>
+              </el-col>
+              <el-col :span="14">
+                <el-form-item :label="$t('common_add_user.currentGoldCoinTotal')" 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">({{
+                    $t('common_add_user.permanentGold') }}:{{
+                      user.nowPermanentGold
+                    }};
+                    {{ $t('common_add_user.freeGold') }}:{{ user.nowFreeGold }};
+                    {{ $t('common_add_user.taskGold') }}:{{ user.nowTaskGold }})</span>
+                </el-form-item>
+              </el-col>
+            </el-row>
+
+            <!-- 第二行：精网号 + 当前金币（独立行） -->
+            <el-row>
+              <el-col :span="9">
+                <el-form-item :label="$t('common_add_user.jwcode')">
+                  <p>{{ user.jwcode }}</p>
+                </el-form-item>
+              </el-col>
+              <el-col :span="14">
+                <el-form-item :label="$t('common_add_user.consumptionTimes')">
+                  <p style="color: #2fa1ff">{{ user.consumeNum }} </p>
+                </el-form-item>
+                <el-form-item style="margin-top: -23px"> <!-- 负边距减少间距 -->
+                  <p style="font-size: small; color: #b1b1b1">({{ $t('common_add_user.onlyStatisticsDataAfter20250101')
+                    }})</p>
+                </el-form-item>
+              </el-col>
+            </el-row>
+
+            <!-- 第三行：首次充值日期 + 充值次数 -->
+            <!-- <el-row >
           <el-col :span="9">
             <el-form-item label="首次充值日期">
               <p v-if="user.firstRecharge">
@@ -817,54 +690,53 @@ onMounted(() => {
        
         </el-row> -->
 
-        <!-- 第四行：消费次数 + 所属门店 -->
-        <el-row>
-          <el-col :span="9">
-            <el-form-item :label="$t('common_add_user.store')">
-              <p>{{ user.market }}</p>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-    </el-card>
+            <!-- 第四行：消费次数 + 所属门店 -->
+            <el-row>
+              <el-col :span="9">
+                <el-form-item :label="$t('common_add_user.store')">
+                  <p>{{ user.market }}</p>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </el-card>
       </div>
 
     </div>
 
     <el-dialog v-model="FirstRechargeDialogVisible" :title="$t('common_add.operationConfirm')"
-               :before-close="FirstRechargeDialogVisiblehandleClose"
-               :close-on-click-modal="false" width="400px">
+      :before-close="FirstRechargeDialogVisiblehandleClose" :close-on-click-modal="false" width="400px">
       <!-- 内容整体居中且收窄 -->
       <div class="confirm-body">
         <!-- 用户信息 -->
         <div>
           <div class="field-label">{{ $t('common_add.userInfo') }}</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 class="field">
           <div class="field-label">{{ $t('common_add.activity') }}</div>
-          <el-input v-model="recharge.activity" disabled/>
+          <el-input v-model="recharge.activity" disabled />
         </div>
         <!-- 金币信息（同一行左右排列） -->
         <el-row :gutter="20" class="coins-row">
           <el-col :span="12">
             <div class="field">
               <div class="field-label">{{ $t('common_add.permanentGold') }}</div>
-              <el-input v-model="recharge.permanentGold" disabled/>
+              <el-input v-model="recharge.permanentGold" disabled />
             </div>
           </el-col>
           <el-col :span="12">
             <div class="field">
               <div class="field-label">{{ $t('common_add.freeGold') }}</div>
-              <el-input v-model="recharge.freeGold" disabled/>
+              <el-input v-model="recharge.freeGold" disabled />
             </div>
           </el-col>
         </el-row>
 
         <div class="field">
           <div class="field-label">{{ $t('common_add.remark') }}</div>
-          <el-input v-model="recharge.remark" disabled/>
+          <el-input v-model="recharge.remark" disabled />
         </div>
 
 
@@ -874,53 +746,58 @@ onMounted(() => {
       <template #footer>
         <div class="dialog-footer-center">
           <el-button @click="FirstRechargeDialogVisibleCancel">{{ $t('common.cancel') }}</el-button>
-          <el-button type="primary" @click="FistRechargeDialogVisibleContinue">{{ $t('common.confirmRecharge') }}</el-button>
+          <el-button type="primary" @click="FistRechargeDialogVisibleContinue">{{ $t('common.confirmRecharge')
+            }}</el-button>
         </div>
       </template>
     </el-dialog>
 
-    <el-dialog v-model="RechargeDialogVisible" :title="$t('common_add.operationConfirm')" :before-close="RechargeDialogVisiblehandleClose"
-               :close-on-click-modal="false" width="480px">
+    <el-dialog v-model="RechargeDialogVisible" :title="$t('common_add.operationConfirm')"
+      :before-close="RechargeDialogVisiblehandleClose" :close-on-click-modal="false" width="480px">
       <!-- 内容整体居中且收窄 -->
       <div class="confirm-body">
         <!-- 用户信息 -->
         <div>
           <div class="field-label">{{ $t('common_add.userInfo') }}</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 class="field">
           <div class="field-label">{{ $t('common_add.activity') }}</div>
-          <el-input v-model="recharge.activity" disabled/>
+          <el-input v-model="recharge.activity" disabled />
         </div>
         <!-- 金币信息（同一行左右排列） -->
         <el-row :gutter="20" class="coins-row">
           <el-col :span="12">
             <div class="field">
               <div class="field-label">{{ $t('common_add.permanentGold') }}</div>
-              <el-input v-model="recharge.permanentGold" disabled/>
+              <el-input v-model="recharge.permanentGold" disabled />
             </div>
           </el-col>
           <el-col :span="12">
             <div class="field">
               <div class="field-label">{{ $t('common_add.freeGold') }}</div>
-              <el-input v-model="recharge.freeGold" disabled/>
+              <el-input v-model="recharge.freeGold" disabled />
             </div>
           </el-col>
         </el-row>
         <!-- 风险提示 -->
         <div style="display: flex; align-items: center; margin-top: 20px;">
           <el-icon :size="24" color="#FFD700">
-            <WarnTriangleFilled/>
+            <WarnTriangleFilled />
           </el-icon>
           <p>{{ $t('common_add.prompt') }}</p>
         </div>
         <!-- 记录 + 虚线分隔 -->
         <div>
-          <el-divider border-style="dashed"/>
+          <el-divider border-style="dashed" />
           <p>{{ $t('common_add.similarRechargeRecords') }}</p>
-          · {{ moment(ReadCookiesValue.payTime).format('YYYY-MM-DD HH:mm:ss') }} {{ $t('common_add.rechargePermanentGold') }}: {{ recharge.permanentGold }}
-          {{ $t('common_add.freeGold') }}: {{ recharge.freeGold }} {{ $t('common_add.orderStatus')}}: {{ orderStatus }}({{ $t('common_add.operator') }}：{{ adminData.adminName }})
+          · {{ moment(ReadCookiesValue.payTime).format('YYYY-MM-DD HH:mm:ss') }} {{
+            $t('common_add.rechargePermanentGold')
+          }}: {{ recharge.permanentGold }}
+          {{ $t('common_add.freeGold') }}: {{ recharge.freeGold }} {{ $t('common_add.orderStatus') }}: {{ orderStatus
+          }}({{
+            $t('common_add.operator') }}：{{ adminData.adminName }})
         </div>
         <div style="margin-top: 10px">
           <p>{{ $t('common_add.continueOperation') }}</p>
@@ -932,7 +809,8 @@ onMounted(() => {
       <template #footer>
         <div class="dialog-footer-center">
           <el-button @click="RechargeDialogVisibleCancel">{{ $t('common.cancel') }}</el-button>
-          <el-button type="primary" @click="RechargeDialogVisibleContinue">{{ $t('common.confirmRecharge') }}</el-button>
+          <el-button type="primary" @click="RechargeDialogVisibleContinue">{{ $t('common.confirmRecharge')
+            }}</el-button>
         </div>
       </template>
     </el-dialog>
@@ -941,7 +819,6 @@ onMounted(() => {
 </template>
 
 <style scoped lang="scss">
-
 .userAndForm {
   width: 1150px;
   height: 100%;
@@ -963,10 +840,10 @@ onMounted(() => {
     margin-left: 100px;
     display: flex;
 
-    .customer-info{
+    .customer-info {
       width: 90%;
       display: flex;
-       margin-left: 20px;
+      margin-left: 20px;
       justify-content: center;
       align-items: center;
       padding: 0 10px;