新增退款状态校验

src/views/refund/gold/addCoinRefund.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { computed, onMounted, reactive, ref, watch } from 'vue'
+import { computed, onMounted, reactive, ref, watch, nextTick } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import API from '@/util/http.js'
 import { useAdminStore } from "@/store/index.js";
@@ -205,17 +205,17 @@ const validateJwCode = (rule, value, callback) => {
 };
 const rules = reactive({
   jwcode: [{ required: true, validator: validateJwCode, trigger: 'blur' }],
-  refundType: [{ required: true, message: t('elmessage.checkRefundType'), trigger: 'blur' }],
-  goodsName: [{ required: false, message: t('elmessage.checkRefundGoods'), trigger: 'blur' }],
+  refundType: [{ required: true, message: t('elmessage.checkRefundType'), trigger: 'change' }],
+  goodsName: [{ required: false, message: t('elmessage.checkRefundGoods'), trigger: 'change' }],
   // 订单号
-  orderCode: [{ required: true, message: t('elmessage.checkOrderNo'), trigger: 'blur' }],
-  taskGold: [{ required: true, message: t('elmessage.checkTaskGold'), trigger: 'blur' }],
-  freeGold: [{ required: true, message: t('elmessage.checkFreeGold'), trigger: 'blur' }],
+  orderCode: [{ required: true, message: t('elmessage.checkOrderNo'), trigger: 'change' }],
+  taskGold: [{ required: true, message: t('elmessage.checkTaskGold'), trigger: ['blur', 'change'] }],
+  freeGold: [{ required: true, message: t('elmessage.checkFreeGold'), trigger: ['blur', 'change'] }],
   permanentGold: [
-    { required: true, message: t('elmessage.checkPermanentGold'), trigger: 'blur' }
+    { required: true, message: t('elmessage.checkPermanentGold'), trigger: ['blur', 'change'] }
   ],
   sumGold: [
-    { required: true, message: t('elmessage.checkPayModel'), trigger: 'blur' },
+    { required: true, message: t('elmessage.checkPayModel'), trigger: 'change' },
     {
       validator: (rule, value) => {
         if (addRefund.value.refundModel === 1 && value === 0) {
@@ -223,7 +223,7 @@ const rules = reactive({
         }
         return Promise.resolve()
       },
-      trigger: 'blur'
+      trigger: 'change'
     }
   ]
 })
@@ -448,8 +448,10 @@ const calculatedRechargeGoods = computed(() => {
   return Number((permanentGold + freeGold + taskGold).toFixed(2));
 })
 const canAdd = ref(findMenuById(menuTree.value,permissionMapping.add_gold_coin_refund))
-watch(calculatedRechargeGoods, (newVal) => {
+watch(calculatedRechargeGoods, async (newVal) => {
   addRefund.value.sumGold = newVal
+  await nextTick()
+  Ref.value?.validateField?.('sumGold')
 })
 const handlePageSizeChange = function (val) {
   pagination.value.pageSize = val