重复点击以及样式优化

# Conflicts:
#	src/views/workspace/index.vue

src/views/audit/gold/rechargeAudit.vue

@@ -30,7 +30,7 @@
       <el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间"
                       end-placeholder="结束时间" class="time-controls" style="margin-right:1vw;width:25vw"
                       @change="handleDatePickerChange"
-                      :default-time="defaultTime"/>
+                      :default-time="defaultTime" :disabled-date="disabledDate"/>
       <el-button @click="getToday()" :type="activeTimeRange === 'today' ? 'primary' : ''">今</el-button>
       <el-button @click="getYesterday()" :type="activeTimeRange === 'yesterday' ? 'primary' : ''">昨</el-button>
       <el-button @click="get7Days()" :type="activeTimeRange === '7days' ? 'primary' : ''">近7天</el-button>
@@ -170,6 +170,11 @@ const defaultTime = [
   new Date(2000, 1, 1, 0, 0, 0),
   new Date(2000, 2, 1, 23, 59, 59),
 ]
+//无法选择的时间
+const disabledDate = (time) => {
+  const limitDate = new Date(2025, 0, 1);
+  return time.getTime() < limitDate.getTime();
+}
 const tableData = ref([])
 // 当前激活的时间按钮
 const activeTimeRange = ref('')

src/views/audit/gold/refundAudit.vue

@@ -28,7 +28,7 @@
       <el-date-picker v-model="dateRange" type="datetimerange" range-separator="至" start-placeholder="开始时间"
                       class="time-controls"
                       end-placeholder="结束时间" style="margin-right:1vw;width:25vw" @change="handleDatePickerChange"
-                      :default-time="defaultTime"/>
+                      :default-time="defaultTime" :disabled-date="disabledDate"/>
       <el-button @click="getToday()" :type="activeTimeRange === 'today' ? 'primary' : ''">今</el-button>
       <el-button @click="getYesterday()" :type="activeTimeRange === 'yesterday' ? 'primary' : ''">昨</el-button>
       <el-button @click="get7Days()" :type="activeTimeRange === '7days' ? 'primary' : ''">近7天</el-button>
@@ -173,6 +173,11 @@ const STATUS = {
   APPROVED: 1, // 通过
   REJECTED: 2 // 驳回
 }
+//无法选择的时间
+const disabledDate = (time) => {
+  const limitDate = new Date(2025, 0, 1);
+  return time.getTime() < limitDate.getTime();
+}
 // 搜索表单数据
 const searchForm = ref({
   jwcode: '',

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>
 
     <!-- 客户信息栏 -->

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>

src/views/consume/gold/coinConsumeDetail.vue

@@ -22,6 +22,11 @@ const format3 = (num) => {
     parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
     return parts.join('.');
 }
+//无法选择的时间
+const disabledDate = (time) => {
+  const limitDate = new Date(2025, 0, 1);
+  return time.getTime() < limitDate.getTime();
+}
 // 时间格式化
 const formatTime = (val) => val ? dayjs(val).format('YYYY-MM-DD HH:mm:ss') : ''
 const defaultTime = [
@@ -605,7 +610,7 @@ const getMarket = async function () {
               <el-text class="mx-1" size="large">消耗时间：</el-text>
               <el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间"
                               end-placeholder="结束时间" style="width: 400px" @change="handleDatePickerChange"
-                              :default-time="defaultTime"/>
+                              :default-time="defaultTime" :disabled-date="disabledDate"/>
               <el-button @click="getToday()" style="margin-left: 10px"
                          :type="activeTimeRange === 'today' ? 'primary' : ''"> 今
               </el-button>

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>
 
     <!-- 客户信息栏 -->

src/views/recharge/gold/addCoinRecharge.vue

@@ -56,7 +56,8 @@ const getAdminData = async function () {
     console.log('请求失败', error)
   }
 }
-
+//提交禁止重复点击
+const addDisabled = ref(false)
 // 这是添加充值信息的表单
 const recharge = ref({
   jwcode: '', // jwcode 字段
@@ -102,6 +103,7 @@ const add = async function () {
       url: '/recharge/add',
       data: formattedRecharge
     })
+    addDisabled.value = false
     if (result.code === 0) {
       ElMessage.error(result.msg)
       return
@@ -111,17 +113,7 @@ const add = async function () {
     // 显示成功消息
     ElMessage.success('添加成功')
     // 重置表单
-    recharge.value = {}
-    recharge.value.adminId = adminData.value.id
-    recharge.value.market = adminData.value.market
-    recharge.value.voucher = ''
-    recharge.value.rechargeWay = '客服充值'
-    recharge.value.freeGold = ''
-    recharge.value.money = null
-    recharge.value.permanentGold = ''
-    recharge.value.rateId = null
-    imageUrl.value = ''
-    recharge.value.rateName = null
+    deleteRecharge()
     user.value = {}
   } catch (error) {
     console.log('请求失败', error)
@@ -168,6 +160,7 @@ const addBefore = () => {
       }
       ElMessageBox.confirm('确认充值？')
         .then(() => {
+          addDisabled.value = true
           add()
           console.log('充值成功')
         })
@@ -556,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>
@@ -643,12 +636,12 @@ 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>
 
       <el-button @click="deleteRecharge" style="margin-left: 280px" type="success">重置</el-button>
-      <el-button type="primary" @click="addBefore"> 提交 </el-button>
+      <el-button type="primary" :disabled="addDisabled" @click="addBefore"> 提交 </el-button>
     </el-form>
 
     <!-- 客户信息栏 -->
@@ -760,9 +753,6 @@ p {
   height: 50px;
   display: block;
 }
-</style>
-
-<style>
 .error-message {
   color: red;
   font-size: 8px;
@@ -803,3 +793,4 @@ p {
   max-width: 60%;
 }
 </style>
+

src/views/recharge/gold/coinRechargeDetail.vue

@@ -166,7 +166,11 @@ const freeGold = ref(0)
 const permanentGolds = ref(0)
 const freeGolds = ref(0)
 
-
+//无法选择的时间
+const disabledDate = (time) => {
+  const limitDate = new Date(2025, 0, 1);
+  return time.getTime() < limitDate.getTime();
+}
 // 支付方式选项
 const payModel = [
   {
@@ -628,7 +632,7 @@ const getTagText = (state) => {
               <el-text class="mx-1" size="large">充值时间：</el-text>
               <el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间"
                 end-placeholder="结束时间" style="width: 400px" @change="handleDatePickerChange"
-                :default-time="defaultTime" />
+                :default-time="defaultTime" :disabled-date="disabledDate"/>
               <el-button @click="getToday()" style="margin-left: 10px"
                 :type="activeTimeRange === 'today' ? 'primary' : ''"> 今
               </el-button>

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">查询

src/views/refund/gold/coinRefundDetail.vue

@@ -12,6 +12,11 @@ const defaultTime = [
   new Date(2000, 1, 1, 0, 0, 0),
   new Date(2000, 2, 1, 23, 59, 59),
 ]
+//无法选择的时间
+const disabledDate = (time) => {
+  const limitDate = new Date(2025, 0, 1);
+  return time.getTime() < limitDate.getTime();
+}
 const format3 = (num) => {
   // 每三位添加逗号
   return num.toLocaleString('en-US')
@@ -544,7 +549,7 @@ const getMarket = async function () {
               <el-text class="mx-1">退款时间：</el-text>
               <el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间"
                 end-placeholder="结束时间" style="width: 400px" @change="handleDatePickerChange"
-                :default-time="defaultTime" />
+                :default-time="defaultTime" :disabled-date="disabledDate"/>
               <el-button @click="getToday()" style="margin-left: 10px"
                 :type="activeTimeRange === 'today' ? 'primary' : ''"> 今
               </el-button>

src/views/workspace/index.vue

@@ -155,7 +155,9 @@
         <div style="width:25vw">
           <el-date-picker v-model="dateRange" type="datetimerange" range-separator="→" start-placeholder="开始时间"
                           end-placeholder="结束时间" format="YYYY-MM-DD HH:mm:ss" style="width:20vw"
-              value-format="YYYY-MM-DD HH:mm:ss" />
+                          value-format="YYYY-MM-DD HH:mm:ss"
+                          :default-time="defaultTime"
+          />
           <el-button type="primary" style="margin-left: 5px" @click="getChartData">查询</el-button>
         </div>
       </el-row>
@@ -208,6 +210,10 @@ dayjs.extend(utc)
 import {ArrowUpBold, ArrowDownBold, SemiSelect} from '@element-plus/icons-vue'
 import {marketMapping} from "@/utils/marketMap.js";
 
+const defaultTime = [
+  new Date(2000, 1, 1, 0, 0, 0),
+  new Date(2000, 2, 1, 23, 59, 59),
+]
 
 // 地区数据
 const markets = ref([])
@@ -308,7 +314,7 @@ const getToday = function () {
 // 本周
 const getWeek = function () {
   const today = dayjs()
-  const startTime = (today.startOf('week').add(1, 'day')).format('YYYY-MM-DD HH:mm:ss')
+  const startTime = (today.startOf('week').format('YYYY-MM-DD HH:mm:ss'))
   const endTime = today.endOf('week').format('YYYY-MM-DD HH:mm:ss')
   // const endTime = today.add(1, 'week').startOf('week').add(1, 'day').format('YYYY-MM-DD HH:mm:ss')
   dateRange.value = [startTime, endTime]