From 0da3eb3887757cc04b7dc728358f722169b0596a Mon Sep 17 00:00:00 2001
From: ZhangYong <zyqinghu@163.com>
Date: Sun, 17 Aug 2025 11:31:17 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E5=A4=8D=E7=82=B9=E5=87=BB=E4=BB=A5?=
 =?UTF-8?q?=E5=8F=8A=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/consume/bean/addBeanConsume.vue   |  8 ++++-
 src/views/consume/gold/addCoinConsume.vue   | 52 +++++++++++++----------------
 src/views/recharge/addBeanRecharge.vue      | 10 +++---
 src/views/recharge/gold/addCoinRecharge.vue |  8 ++---
 src/views/refund/gold/addCoinRefund.vue     |  2 +-
 5 files changed, 40 insertions(+), 40 deletions(-)

diff --git a/src/views/consume/bean/addBeanConsume.vue b/src/views/consume/bean/addBeanConsume.vue
index 5cc5870..baac17d 100644
--- a/src/views/consume/bean/addBeanConsume.vue
+++ b/src/views/consume/bean/addBeanConsume.vue
@@ -44,6 +44,10 @@ const getUser = async function (jwcode) {
     ElMessage.error("精网号错误");
   }
 }
+
+//提交禁止重复点击
+const addDisabled = ref(false)
+
 const consumeForm = ref({
   jwcode: '',
   permanentBean: '',
@@ -178,6 +182,7 @@ const handleConsumeForm = async () => {
         lockScroll: false,
       }
     )
+    addDisabled.value = true
     const result = await request({
       url: '/beanConsume/reduce',
       data: {
@@ -188,6 +193,7 @@ const handleConsumeForm = async () => {
         adminName: adminData.value.adminName
       }
     })
+    addDisabled.value = false
     if (result.code == 200) {
       ElMessage.success('新增成功')
       consumeForm.value = {
@@ -230,7 +236,7 @@ const throttledHandleConsumeFormt = _.throttle(handleConsumeForm, 5000, {
         <el-input style="width: 300px" :value="adminData.adminName" disabled placeholder="提交人姓名" />
       </el-form-item> -->
       <el-button @click="deleteConsumeForm" style="margin-left: 280px" type="success">重置</el-button>
-      <el-button type="primary" @click="handleConsumeForm"> 提交 </el-button>
+      <el-button type="primary" :disabled="addDisabled" @click="handleConsumeForm"> 提交 </el-button>
     </el-form>
 
     <!-- 客户信息栏 -->
diff --git a/src/views/consume/gold/addCoinConsume.vue b/src/views/consume/gold/addCoinConsume.vue
index 70c6069..fb9e247 100644
--- a/src/views/consume/gold/addCoinConsume.vue
+++ b/src/views/consume/gold/addCoinConsume.vue
@@ -18,7 +18,8 @@ const trimJwCode = () => {
     }
   }
 }
-
+//提交禁止重复点击
+const addDisabled = ref(false)
 /*
 ====================数据=================================
 */
@@ -238,6 +239,7 @@ const add = async function () {
 
     console.log("addConsume.value", addConsume.value)
     // 发送POST请求
+    addDisabled.value = true
     const result = await request({
       // url: "/consume/add",
       url: "/consume/add",
@@ -253,7 +255,7 @@ const add = async function () {
         remark: addConsume.value.remark
       }
     });
-
+    addDisabled.value = false
     console.log("add请求", result);
     // 处理响应
     handleResponse(result);
@@ -464,60 +466,45 @@ onMounted(async function () {
 
 <template>
   <div>
-    <el-form :model="addConsume" ref="Ref" :rules="rules" style="max-width: 750px;">
-      <div style="width:25vw">
-      <el-form-item prop="jwcode" label="精网号" style="margin-top: 50px">
-        <el-input v-model="addConsume.jwcode" style="width: 10vw;margin-left:45px" />
+    <el-form :model="addConsume" ref="Ref" :rules="rules" label-width="auto" style="max-width: 600px;" label-position="right" class="add-form">
+      <el-form-item prop="jwcode" label="精网号" >
+        <el-input v-model="addConsume.jwcode" style="width: 200px" />
         <el-button type="primary" @click="getUser(addConsume.jwcode)" style="margin-left: 10px">查询
         </el-button>
       </el-form-item>
-    </div>
-      <div  style="width:25vw">
-        <el-form-item prop="goodsName" label="商品名称" style="flex: 1; margin-right: 0px">
-          <el-select v-model="addConsume.goodsName" placeholder="请选择商品"  style="width: 10vw;margin-left:30px">
+        <el-form-item prop="goodsName" label="商品名称">
+          <el-select v-model="addConsume.goodsName" placeholder="请选择商品"  style="width: 200px">
             <el-option v-for="item in goods" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
         </el-form-item>
-      </div>
-      <div  style="width:25vw"> 
         <el-form-item prop="sumGold" label="消耗金币总数">
-          <el-input v-model="addConsume.sumGold" style="width: 10vw;margin-left:2px" @input="validateInput()"
+          <el-input v-model="addConsume.sumGold" style="width: 100px" @input="validateInput()"
             @change="calculateCoins(addConsume.sumGold)" />
         </el-form-item>
-      </div>
 
       <!-- 三类金币自动计算（禁用状态，不可编辑） -->
-      <div style="width:25vw">
         <el-form-item prop="permanentGold" label="永久金币">
-          <el-input v-model="addConsume.permanentGold" disabled  style="width: 10vw;margin-left:40px">
+          <el-input v-model="addConsume.permanentGold" disabled  style="width: 100px">
             <template #default="scope">{{ scope.row.permanentGold }}</template>
           </el-input>
           <p style="margin-right: 0px">&nbsp;&nbsp;个</p>
         </el-form-item>
-      </div>
-      <div style="width:25vw">
         <el-form-item prop="freeCoin" label="免费金币">
-          <el-input disabled v-model="addConsume.freeGold" style="width: 10vw;margin-left:40px" />
+          <el-input disabled v-model="addConsume.freeGold" style="width: 100px" />
           <p style="margin-right: 0px">&nbsp;&nbsp;个</p>
         </el-form-item>
-      </div>
-      <div style="width:25vw">
         <el-form-item prop="taskGold" label="任务金币">
-          <el-input disabled v-model="addConsume.taskGold" style="width: 10vw;margin-left:40px" />
+          <el-input disabled v-model="addConsume.taskGold" style="width: 100px" />
           <p style="margin-right: 20px">&nbsp;&nbsp;个</p>
         </el-form-item>
-      </div>
-      <div style="width:25vw">
         <el-form-item prop="remark" label="备注">
-          <el-input v-model="addConsume.remark" style="width: 13.5vw;margin-left:70px" :rows="4" maxlength="100" show-word-limit
+          <el-input v-model="addConsume.remark" style="width: 300px" :rows="4" maxlength="100" show-word-limit
             type="textarea" />
         </el-form-item>
-      </div>
       <el-button type="success" @click="resetForm()" style="margin-left: 200px;margin-top:10px">重置</el-button>
-      <el-button type="primary" @click="addBefore" style="margin-top:10px"> 提交</el-button>
+      <el-button type="primary" :disabled="addDisabled" @click="addBefore" style="margin-top:10px"> 提交</el-button>
     </el-form>
 
-
     <!-- 客户信息栏 -->
     <el-card v-if="user.jwcode" style="width: 800px; float: right" class="customer-info">
       <el-form :model="user" label-width="auto" style="max-width: 1000px" label-position="left">
@@ -618,7 +605,11 @@ onMounted(async function () {
 p {
   margin: 0px;
 }
-
+.add-form {
+  margin-top: 50px;
+  max-width: 50%;
+  float: left;
+}
 .el-form-item {
   margin-left: 50px;
 }
@@ -629,6 +620,9 @@ p {
   height: 50px;
   display: block;
 }
+.customer-info {
+  max-width: 60%;
+}
 </style>
 
 <style>
diff --git a/src/views/recharge/addBeanRecharge.vue b/src/views/recharge/addBeanRecharge.vue
index fa0bd67..d98c8ac 100644
--- a/src/views/recharge/addBeanRecharge.vue
+++ b/src/views/recharge/addBeanRecharge.vue
@@ -43,6 +43,9 @@ const getUser = async function (jwcode) {
     ElMessage.error("精网号错误");
   }
 }
+//提交禁止重复点击
+const addDisabled = ref(false)
+
 const addForm = ref({
   jwcode: '',
   permanentBean: '',
@@ -164,6 +167,7 @@ const handleAddForm = async () => {
         lockScroll: false,
       }
     )
+    addDisabled.value = true
     const result = await request({
       url: '/beanRecharge/add',
       data: {
@@ -174,6 +178,7 @@ const handleAddForm = async () => {
         adminName: adminData.value.adminName
       }
     })
+    addDisabled.value = false
     if (result.code == 200) {
       ElMessage.success('新增成功')
       addForm.value = {
@@ -191,9 +196,6 @@ const handleAddForm = async () => {
     ElMessage.error(error.message || '操作取消');
   }
 }
-const throttledHandleAddFormt = _.throttle(handleAddForm, 5000, {
-  trailing: false
-})
 </script>
 <template>
   <div>
@@ -216,7 +218,7 @@ const throttledHandleAddFormt = _.throttle(handleAddForm, 5000, {
         <el-input style="width: 300px" :value="adminData.adminName" disabled placeholder="提交人姓名" />
       </el-form-item> -->
       <el-button @click="deleteAddForm" style="margin-left: 280px" type="success">重置</el-button>
-      <el-button type="primary" @click="throttledHandleAddFormt"> 提交 </el-button>
+      <el-button type="primary" :disabled="addDisabled" @click="handleAddForm"> 提交 </el-button>
     </el-form>
 
     <!-- 客户信息栏 -->
diff --git a/src/views/recharge/gold/addCoinRecharge.vue b/src/views/recharge/gold/addCoinRecharge.vue
index a8ba2d1..f0c7e94 100644
--- a/src/views/recharge/gold/addCoinRecharge.vue
+++ b/src/views/recharge/gold/addCoinRecharge.vue
@@ -549,7 +549,7 @@ onMounted(() => {
 <template>
   <div>
 
-    <el-form :model="recharge" ref="Ref" :rules="rules" label-width="auto" style="max-width: 600px" class="add-form">
+    <el-form :model="recharge" ref="Ref" :rules="rules" label-width="auto" label-position="right" style="max-width: 600px" class="add-form">
       <el-form-item prop="jwcode" label="精网号">
         <el-input v-model="recharge.jwcode" style="width: 220px" />
         <el-button type="primary" @click="getUser(recharge.jwcode)" style="margin-left: 20px">查询</el-button>
@@ -636,7 +636,7 @@ onMounted(() => {
         </p>
       </el-form-item>
       <el-form-item prop="remark" label="备注">
-        <el-input v-model="recharge.remark" style="width: 300px" :rows="2" maxlength="100" show-word-limit
+        <el-input v-model="recharge.remark" style="width: 300px" :rows="4" maxlength="100" show-word-limit
           type="textarea" />
       </el-form-item>
 
@@ -753,9 +753,6 @@ p {
   height: 50px;
   display: block;
 }
-</style>
-
-<style>
 .error-message {
   color: red;
   font-size: 8px;
@@ -796,3 +793,4 @@ p {
   max-width: 60%;
 }
 </style>
+
diff --git a/src/views/refund/gold/addCoinRefund.vue b/src/views/refund/gold/addCoinRefund.vue
index 9024ed5..6a20e36 100644
--- a/src/views/refund/gold/addCoinRefund.vue
+++ b/src/views/refund/gold/addCoinRefund.vue
@@ -440,7 +440,7 @@ onMounted(async function () {
 <template>
   <div>
 
-    <el-form :model="addRefund" ref="Ref" :rules="rules" label-width="auto" style="max-width: 750px" class="form-style">
+    <el-form :model="addRefund" ref="Ref" :rules="rules" label-width="auto" label-position="right" style="max-width: 750px" class="form-style">
       <el-form-item prop="jwcode" label="精网号">
         <el-input v-model="addRefund.jwcode" style="width: 220px" @change="getGoods(addRefund.jwcode)" />
         <el-button type="primary" @click="getUser(addRefund.jwcode)" style="margin-left: 20px">查询