优化支付问题

src/components/fee/payFeeOrderConfirm.vue

@@ -2,7 +2,7 @@
   <div>
     <el-dialog :title="$t('payFeeOrderConfirm.title')" :visible.sync="dialogVisible" width="40%" @close="handleClose"
       :close-on-click-modal="false">
-    <el-form label-width="120px" class="text-left">
+      <el-form label-width="120px" class="text-left" @submit.prevent>
         <el-form-item :label="$t('payFeeOrderConfirm.payerObj')">
           <span>{{ formData.payerObjName }}</span>
         </el-form-item>
@@ -71,8 +71,12 @@
         </el-form-item>
 
         <el-form-item v-if="formData.payType == 'qrCode'" :label="$t('payFeeOrderConfirm.authCode')">
-        <el-input v-model="formData.authCode" :placeholder="$t('payFeeOrderConfirm.authCodePlaceholder')"
-          @keyup.enter.native="qrCodePayFee"></el-input>
+          <input 
+            v-model="formData.authCode" 
+            :placeholder="$t('payFeeOrderConfirm.authCodePlaceholder')"
+            @keydown.enter.prevent="qrCodePayFee"
+            class="custom-input"
+            type="text">
         </el-form-item>
       </el-form>
 
@@ -218,7 +222,48 @@ export default {
 </script>
 
 <style scoped>
-.dialog-footer {
-  text-align: right;
+.custom-input {
+  width: 100%;
+  height: 40px;
+  line-height: 40px;
+  padding: 0 15px;
+  border: 1px solid #dcdfe6;
+  border-radius: 4px;
+  font-size: 14px;
+  color: #606266;
+  background-color: #fff;
+  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+  box-sizing: border-box;
+}
+
+.custom-input:focus {
+  outline: none;
+  border-color: #409eff;
+  box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
+}
+
+.custom-input:hover {
+  border-color: #c0c4cc;
+}
+
+.custom-input::placeholder {
+  color: #c0c4cc;
+}
+
+/* 禁用状态 */
+.custom-input:disabled {
+  background-color: #f5f7fa;
+  border-color: #e4e7ed;
+  color: #c0c4cc;
+  cursor: not-allowed;
+}
+
+/* 错误状态 */
+.custom-input.error {
+  border-color: #f56c6c;
+}
+
+.custom-input.error:focus {
+  box-shadow: 0 0 0 2px rgba(245, 108, 108, 0.2);
 }
 </style>