✨ feat: 添加红包使用选项并优化输入验证逻辑

src/views/consume/gold/addCoinConsume.vue

@@ -64,7 +64,8 @@ const addConsume = ref({
   taskGold: null, // 任务金币
   remark: "",//备注
   adminId: null,// 当前管理员id
-  adminName: adminData.value.adminName
+  adminName: adminData.value.adminName,
+  redMoney: 1 // 是否使用红包：1-使用，0-不使用
 })
 const Ref = ref(null)
 const rules = reactive({
@@ -163,12 +164,17 @@ function validateInput() {
 
   // 验证金币总和
   const totalAvailableGold = (user.value.nowSumGold)
+  // 如果未勾选使用红包，则只校验消耗金币数是否超过可用金币数
   if (user.value.jwcode && sumGold > totalAvailableGold) {
+    // 如果未勾选使用红包，直接提示金币不足
+    if (addConsume.value.redMoney == 0) {
       ElMessage.error(t('elmessage.limitExceeded'));
       // 将sumGold设置为null
       addConsume.value.sumGold = null;
       return false;
     }
+    // 如果勾选使用红包，且不满足原价条件，则会在validateRedLimit中提示
+  }
 
   return true;
 }
@@ -183,11 +189,14 @@ function validateRedLimit() {
       ElMessage.error(t('elmessage.noEmptySumGold'));
       return false;
     }
+    // 如果勾选使用红包，才需要校验消耗金币数 + 红包抵扣金额 ≥ 原价
+    if (addConsume.value.redMoney == 1) {
       if (sumGold + redMax < price) {
         ElMessage.error(t('elmessage.limitRedAmount'));
         return false;
       }
     }
+  }
   return true;
 }
 
@@ -267,7 +276,8 @@ const add = async function () {
         permanentGold: addConsume.value.permanentGold * 100,
         goodsName: addConsume.value.goodsName.value,
         remark: addConsume.value.remark,
-        adminName: adminData.value.adminName
+        adminName: adminData.value.adminName,
+        redMoney: Number(addConsume.value.redMoney) // 1-使用红包，0-不使用红包
       }
     })
     addDisabled.value = false
@@ -319,6 +329,7 @@ function resetForm() {
     remark: "",
     adminId: adminData.value.id,
     adminName: adminData.value.adminName,
+    redMoney: 1 // 默认使用红包
   }
 
   console.log("重置表单")
@@ -592,9 +603,14 @@ onMounted(async function () {
           <el-input v-model="addConsume.price" style="width: 120px" disabled />
         </el-form-item>
 
-        <el-form-item prop="sumGold" :label="t('common_add.consumeTotalGold')">
+        <!-- <el-form-item prop="sumGold" :label="t('common_add.consumeTotalGold')">
           <el-input v-model="addConsume.sumGold" style="width: 120px" 
           @blur="validateRedLimit()" />
+        </el-form-item> -->
+        <el-form-item prop="sumGold" :label="t('common_add.consumeTotalGold')">
+          <el-input v-model="addConsume.sumGold" style="width: 120px" @blur="validateRedLimit()" />
+          <el-radio v-model="addConsume.redMoney" :label="1" style="margin-left: 10px;">使用红包</el-radio>
+          <el-radio v-model="addConsume.redMoney" :label="0">不使用红包</el-radio>
         </el-form-item>
 
 
@@ -767,8 +783,8 @@ onMounted(async function () {
       </el-dialog>
 
 
-      <el-dialog v-model="ConsumeDialogVisible" :title="$t('common_add.operationConfirm')" :before-close="ConsumeDialogVisiblehandleClose"
-        :close-on-click-modal="false" width="480px">
+      <el-dialog v-model="ConsumeDialogVisible" :title="$t('common_add.operationConfirm')"
+        :before-close="ConsumeDialogVisiblehandleClose" :close-on-click-modal="false" width="480px">
         <!-- 内容整体居中且收窄 -->
         <div class="confirm-body">
           <!-- 用户信息 -->
@@ -819,7 +835,8 @@ onMounted(async function () {
           <div>
             <el-divider border-style="dashed" />
             <p>{{ $t('common_add.similarRechargeRecords') }}</p>
-            · {{ ReadCookiesTime }} {{ $t('common_add.buy') }} 【{{ addConsume.goodsName.value }}】({{ $t('common_add.operator') }}: {{ adminData.adminName }})
+            · {{ ReadCookiesTime }} {{ $t('common_add.buy') }} 【{{ addConsume.goodsName.value }}】({{
+              $t('common_add.operator') }}: {{ adminData.adminName }})
           </div>
           <div style="margin-top: 10px">
             <p>{{ $t('common_add.continueOperation') }}</p>