feat(表单): 为输入框添加回车键提交功能并修复表单验证时机

在多个表单视图中为jwcode输入框添加了回车键提交功能，提升用户体验
在addCoinConsume.vue中使用nextTick确保表单验证在DOM更新后执行

src/views/consume/bean/addBeanConsume.vue

@@ -214,7 +214,7 @@ const throttledHandleConsumeFormt = _.throttle(handleConsumeForm, 5000, {
       <el-form :model="consumeForm" :rules="rules" ref="formRef" label-width="auto" style="max-width: 600px"
         class="add-form">
         <el-form-item prop="jwcode" :label="t('common_add.jwcode')" label-position="left">
-          <el-input v-model="consumeForm.jwcode" style="width: 220px" />
+          <el-input v-model="consumeForm.jwcode" style="width: 220px" @keyup.enter="getUser(consumeForm.jwcode)"/>
           <el-button type="primary" @click="getUser(consumeForm.jwcode)" style="margin-left: 20px">{{ t('common.search') }}</el-button>
         </el-form-item>
         <el-form-item prop="permanentBean" :label="t('common_add.permanentBean')" label-position="left">

src/views/consume/gold/addCoinConsume.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { onMounted, reactive, ref, watch, computed } from "vue";
+import { onMounted, reactive, ref, watch, computed, nextTick } from "vue";
 import { ElIcon, ElMessage } from "element-plus";
 import moment from "moment";
 import request from "@/util/http.js"
@@ -383,7 +383,9 @@ function resetForm() {
   }
 
   if (Ref.value) {
+    nextTick(() => {
       Ref.value.clearValidate()
+    })
   }
 }
 

src/views/recharge/bean/addBeanRecharge.vue

@@ -195,7 +195,7 @@ const handleAddForm = async () => {
         <el-form :model="addForm" :rules="rules" ref="formRef" label-width="auto" style="max-width: 600px"
           class="add-form">
           <el-form-item prop="jwcode" :label="t('common.jwcode')" label-position="left">
-            <el-input v-model="addForm.jwcode" style="width: 220px" />
+            <el-input v-model="addForm.jwcode" style="width: 220px" @keyup.enter="getUser(addForm.jwcode)"/>
             <el-button type="primary" @click="getUser(addForm.jwcode)" style="margin-left: 20px">{{ t('common.search') }}</el-button>
           </el-form-item>
           <el-form-item prop="permanentBean" :label="t('recharge.permanentBean')" label-position="left">

src/views/recharge/gold/addCoinRecharge.vue

@@ -654,7 +654,7 @@ onMounted(() => {
         <el-form :model="recharge" ref="Ref" :rules="rules" label-width="auto" label-position="right"
                  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"/>
+            <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')">

src/views/refund/gold/addCoinRefund.vue

@@ -471,7 +471,7 @@ onMounted(() =>{
         <el-form :model="addRefund" ref="Ref" :rules="rules" label-width="auto" label-position="right"
           style="min-width: 500px" class="add-form">
           <el-form-item prop="jwcode" :label="$t('common_add.jwcode')">
-            <el-input v-model="addRefund.jwcode" style="width: 220px" />
+            <el-input v-model="addRefund.jwcode" style="width: 220px" @keyup.enter="getUser(addRefund.jwcode)"/>
             <el-button type="primary" @click="getUser(addRefund.jwcode)" style="margin-left: 20px">{{ $t('common.search') }}
             </el-button>
           </el-form-item>