金币充值输入优化

src/views/recharge/gold/addCoinRecharge.vue

@@ -63,9 +63,9 @@ const recharge = ref({
   activity: '', // activity 字段
   voucher: '',
   rechargeWay: '客服充值',
-  freeGold: "0",
+  freeGold: "",
   money: null,
-  permanentGold: "0",
+  permanentGold: "",
   rateName: null,
   rateId: null,
   payModel: '', // payModel 字段
@@ -83,6 +83,7 @@ const add = async function () {
     if (formattedRecharge.permanentGold) {
       formattedRecharge.permanentGold = Number(formattedRecharge.permanentGold) * 100;
     }
+    
     if (formattedRecharge.freeGold) {
       formattedRecharge.freeGold = Number(formattedRecharge.freeGold) * 100;
     }
@@ -115,9 +116,9 @@ const add = async function () {
     recharge.value.market = adminData.value.market
     recharge.value.voucher = ''
     recharge.value.rechargeWay = '客服充值'
-    recharge.value.freeGold = '0'
+    recharge.value.freeGold = ''
     recharge.value.money = null
-    recharge.value.permanentGold = '0'
+    recharge.value.permanentGold = ''
     recharge.value.rateId = null
     imageUrl.value = ''
     recharge.value.rateName = null
@@ -130,9 +131,14 @@ const add = async function () {
 
 //添加充值信息前的按钮点击事件，进行表单验证和用户确认操作
 const addBefore = () => {
+  if(!recharge.value.permanentGold){
+        recharge.value.permanentGold ='0'
+      }
+  if(!recharge.value.freeGold){
+        recharge.value.freeGold ='0'
+      }
   Ref.value.validate(async (valid) => {
     if (valid) {
-
       if (Number(recharge.value.permanentGold) === 0 && Number(recharge.value.freeGold) === 0) {
         ElMessage({
           type: 'error',
@@ -197,9 +203,12 @@ const rules = reactive({
   }],
   activity: [{ required: true, message: '请选择活动名称', trigger: 'blur' }],
   permanentGold: [
-    { required: true, message: '请输入永久金币数', trigger: 'blur' },
+    { required: true, message: '请输入永久金币数', trigger: 'change' },
     {
       validator: (rule, value, callback) => {
+        if(!value){
+          value = '0'
+        }
         // 检查是否包含特殊符号
         if (/[^0-9.]/.test(value)) {
           callback(new Error('不能包含特殊符号或负数'));
@@ -235,9 +244,12 @@ const rules = reactive({
     }
   ],
   freeGold: [
-    { required: true, message: '请输入免费金币数', trigger: 'blur' },
+    { required: true, message: '请输入免费金币数', trigger: 'change' },
     {
       validator: (rule, value, callback) => {
+        if(!value){
+          value = '0'
+        }
         // 检查是否包含特殊符号
         if (/[^0-9.]/.test(value)) {
           callback(new Error('不能包含特殊符号或负数'));
@@ -520,9 +532,9 @@ const deleteRecharge = function () {
     market: adminData.value.market,
     voucher: '',
     rechargeWay: '客服充值',
-    freeGold: Number(),
+    freeGold: '',
     money: null,
-    permanentGold: Number(),
+    permanentGold: '',
     rateId: null
   }
   imageUrl.value = ''
@@ -568,13 +580,13 @@ onMounted(() => {
         <el-input v-model="recharge.activity" placeholder="请输入活动名称" style="width: 300px" />
       </el-form-item>
       <el-form-item prop="permanentGold" label="永久金币">
-        <el-input v-model="recharge.permanentGold" style="width: 100px" />
+        <el-input v-model="recharge.permanentGold" placeholder="0" style="width: 100px" />
         <p>个</p>
 
       </el-form-item>
       <el-form-item prop="freeGold" label="免费金币">
 
-        <el-input v-model="recharge.freeGold" style="width: 100px" />
+        <el-input v-model="recharge.freeGold" placeholder="0" style="width: 100px" />
         <p>个</p>
       </el-form-item>
       <!-- <el-form-item label="充值金额">