优化增加请求时loading

src/components/ComButton/index.vue

@@ -39,7 +39,7 @@ export default {
         // 防抖延迟时间（毫秒）
         debounceTime: {
             type: Number,
-            default: 800,
+            default: 500,
         },
     },
     data() {
@@ -80,7 +80,7 @@ export default {
                     }
                 }
             } catch (error) {
-                console.error('按钮点击事件执行失败:', error)
+                // console.error('按钮点击事件执行失败:', error)
             } finally {
                 this.loading = false
             }

src/views/basic-manage/project-manage/all-project/index.vue

@@ -145,13 +145,13 @@
                         >
                             取消
                         </el-button>
-                        <el-button
+                        <ComButton
                             size="medium"
                             type="primary"
                             @click="onHandleConfirmAddOrEdit"
                         >
                             确定
-                        </el-button>
+                        </ComButton>
                     </el-row>
                 </template>
 
@@ -212,6 +212,7 @@
 <script>
 import TableModel from '@/components/TableModel'
 import DialogModel from '@/components/DialogModel'
+import ComButton from '@/components/ComButton'
 
 import { formLabel, columnsList, dialogConfig } from './config'
 import {
@@ -226,6 +227,7 @@ export default {
     components: {
         TableModel,
         DialogModel,
+        ComButton,
     },
 
     data() {
@@ -336,6 +338,7 @@ export default {
 
         // 确定按钮
         onHandleConfirmAddOrEdit() {
+            return new Promise(async (resolve, reject) => {
                 this.$refs.addOrEditFormRef.validate(async (valid) => {
                     if (valid) {
                         const params = {
@@ -346,6 +349,8 @@ export default {
                         }
                         const res = await addAndEditAllProjectAPI(params)
 
+                        resolve()
+
                         if (res.code === 200) {
                             this.$modal.msgSuccess(
                                 this.dialogConfig.outerTitle === '新增总工程'
@@ -360,8 +365,11 @@ export default {
                         } else {
                             this.$modal.msgError(res.msg)
                         }
+                    } else {
+                        reject()
                     }
                 })
+            })
         },
 
         // 查看标段工程数量

src/views/basic-manage/project-manage/dept-project/index.vue

@@ -331,7 +331,7 @@ export default {
 
         // 确定按钮
         async onHandleConfirmAddOrEdit() {
-            return new Promise(async (resolve) => {
+            return new Promise(async (resolve, reject) => {
                 this.$refs.addOrEditFormRef.validate(async (valid) => {
                     if (valid) {
                         const params = {
@@ -343,6 +343,7 @@ export default {
                         }
 
                         const res = await addAndEditDeptProjectAPI(params)
+                        resolve()
                         if (res.code === 200) {
                             this.$modal.msgSuccess(
                                 this.dialogConfig.outerTitle === '新增项目部'
@@ -353,7 +354,8 @@ export default {
                             this.$refs.deptProjectTableRef.getTableList() // 更新列表
                             this.$store.dispatch('getSubCompanySelectList') // 更新store中的分公司列表
                         }
-                        resolve()
+                    } else {
+                        reject()
                     }
                 })
             })

src/views/basic-manage/project-manage/lot-project/index.vue

@@ -94,13 +94,13 @@
                     <el-button size="medium" @click="handleCloseDialogOuter">
                         取消
                     </el-button>
-                    <el-button
+                    <ComButton
                         size="medium"
                         type="primary"
                         @click="onHandleConfirmAddOrEdit"
                     >
                         确定
-                    </el-button>
+                    </ComButton>
                 </el-row>
             </template>
         </DialogModel>
@@ -111,6 +111,7 @@
 import TableModel from '@/components/TableModel'
 import DialogModel from '@/components/DialogModel'
 import AddOrEditForm from './add-or-edit-form'
+import ComButton from '@/components/ComButton'
 import { formLabel, columnsList, dialogConfig } from './config'
 import {
     deleteLotLotProjectAPI,
@@ -131,6 +132,7 @@ export default {
         TableModel,
         DialogModel,
         AddOrEditForm,
+        ComButton,
     },
 
     data() {
@@ -286,13 +288,17 @@ export default {
 
         // 确定按钮
         async onHandleConfirmAddOrEdit() {
+            return new Promise(async (resolve, reject) => {
                 try {
                     await this.$refs.addOrEditLotProjectFormRef.onHandleConfirmAddOrEditFun()
+                    resolve()
                     this.handleCloseDialogOuter()
                     this.$refs.lotProjectTableRef.getTableList() // 更新列表
                 } catch (error) {
                     // console.log('表单提交失败', error)
+                    reject(error)
                 }
+            })
         },
 
         // 关闭弹框

src/views/construction-person/attendance-manage/attendance-machine/index.vue

@@ -134,6 +134,7 @@
                     <el-button
                         size="medium"
                         type="primary"
+                        :loading="loading"
                         @click="onHandleConfirmAddOrEdit"
                     >
                         确定
@@ -148,6 +149,7 @@
 import TableModel from '@/components/TableModel'
 import DialogModel from '@/components/DialogModel'
 import AddAndBindForm from './add-and-bind.form.vue'
+
 import { formLabel, columnsList, dialogConfig } from './config'
 import {
     editAttendanceMachineAPI,
@@ -164,6 +166,7 @@ export default {
 
     data() {
         return {
+            loading: false,
             formType: 1,
             formLabel,
             columnsList,
@@ -248,12 +251,15 @@ export default {
 
         // 确定按钮
         async onHandleConfirmAddOrEdit() {
+            this.loading = true
             try {
                 await this.$refs.addOrEditSubBaseInfoRef.onHandleConfirmAddOrEditFun()
                 this.handleCloseDialogOuter()
                 this.$refs.attendanceMachineTableRef.getTableList()
             } catch (error) {
                 // console.log('表单提交失败', error)
+            } finally {
+                this.loading = false
             }
         },
 

src/views/construction-person/entry-and-exit-manage/person-entry/index.vue

@@ -305,11 +305,15 @@ export default {
         // }, 300),
 
         onHandleConfirmAddOrEdit() {
-            return new Promise(async (resolve) => {
+            return new Promise(async (resolve, reject) => {
+                try {
                     await this.$refs.addOrEditFormContentRef.onHandleConfirmAddOrEditFun()
                     this.$refs.personEntryTableRef.getTableList()
                     this.handleCloseDialogOuter()
                     resolve()
+                } catch (error) {
+                    reject(error)
+                }
             })
             // await this.$refs.addOrEditFormContentRef.onHandleConfirmAddOrEditFun()
             // this.$refs.personEntryTableRef.getTableList()

src/views/construction-person/entry-and-exit-manage/person-entry/shanghai-pro-setting.vue

@@ -691,7 +691,7 @@ export default {
             const res = await this.addShanghaiProEin()
             if (res) {
                 this.$emit('closeDialogOuter')
-                resolve()
+                // resolve()
             }
         },
 
@@ -702,7 +702,7 @@ export default {
                 this.$refs.addEntryProjectFormRef.resetFields()
                 this.dialogConfig.outerVisible = false
                 this.getShanghaiProList()
-                resolve()
+                // resolve()
             }
         },
 

src/views/construction-person/red-green-light-mange/contract-witness/index.vue

@@ -97,6 +97,7 @@
                         <el-button
                             size="medium"
                             type="primary"
+                            :loading="loading"
                             @click="onHandleConfirmAddOrEdit"
                         >
                             确定
@@ -170,6 +171,7 @@ export default {
             formType: 1, // 表单类型
             workerId: '', // 人员id
             proId: '', // 标段工程id
+            loading: false,
 
             slots: {
                 businessLicense: 'businessLicense',
@@ -254,6 +256,7 @@ export default {
         onHandleConfirmAddOrEdit: debounce(function () {
             // 在这里定义异步操作
             const handleAsync = async () => {
+                this.loading = true
                 try {
                     const res =
                         await this.$refs.uploadContractContentRef.onHandleConfirmAddOrEditFun()
@@ -264,12 +267,14 @@ export default {
                 } catch (error) {
                     // 错误处理
                     console.error('表单提交失败', error)
+                } finally {
+                    this.loading = false
                 }
             }
 
             // 执行异步函数
             handleAsync()
-        }, 1000),
+        }, 500),
 
         // 关闭弹框
         handleCloseDialogOuter() {

src/views/construction-person/red-green-light-mange/dishonesty-person/index.vue

@@ -322,13 +322,13 @@
                         >
                             取消
                         </el-button>
-                        <el-button
+                        <ComButton
                             size="medium"
                             type="primary"
                             @click="onHandleConfirmAddOrEdit"
                         >
                             确定
-                        </el-button>
+                        </ComButton>
                     </el-row>
                 </template>
 
@@ -364,6 +364,7 @@
 import TableModel from '@/components/TableModel'
 import DialogModel from '@/components/DialogModel'
 import UploadFileFormData from '@/components/UploadFileFormData'
+import ComButton from '@/components/ComButton'
 import { formLabel, columnsList, dialogConfig } from './config'
 import {
     getSubSelectListCommonFun,
@@ -385,6 +386,7 @@ export default {
         TableModel,
         DialogModel,
         UploadFileFormData,
+        ComButton,
     },
 
     data() {
@@ -530,7 +532,9 @@ export default {
         },
 
         onHandleConfirmAddOrEdit() {
-            this.$refs.addDishonestyPersonFormRef.validate(async (valid) => {
+            return new Promise((resolve, reject) => {
+                this.$refs.addDishonestyPersonFormRef.validate(
+                    async (valid) => {
                         if (valid) {
                             // 组装参数
 
@@ -575,6 +579,8 @@ export default {
 
                             const res = await addDishonestyPersonAPI(formData)
 
+                            resolve()
+
                             if (res.code === 200) {
                                 this.$modal.msgSuccess('新增成功')
                                 this.isForever = false
@@ -585,7 +591,11 @@ export default {
                             } else {
                                 this.$modal.msgError(res.msg)
                             }
+                        } else {
+                            reject()
                         }
+                    },
+                )
             })
         },
 

src/views/construction-person/red-green-light-mange/wage-card-witness/index.vue

@@ -91,6 +91,7 @@
                         <el-button
                             size="medium"
                             type="primary"
+                            :loading="loading"
                             @click="onHandleConfirmAddOrEdit"
                         >
                             确定
@@ -151,6 +152,7 @@ export default {
             workerId: '', // 人员id
             contractImgList: [], // 合同图片列表
             proId: '', // 标段工程id
+            loading: false,
         }
     },
     methods: {
@@ -213,6 +215,7 @@ export default {
         // 确定按钮
         onHandleConfirmAddOrEdit: debounce(function () {
             const handleAsync = async () => {
+                this.loading = true
                 try {
                     const res =
                         await this.$refs.uploadContractContentRef.onHandleConfirmAddOrEditFun()
@@ -223,10 +226,12 @@ export default {
                     this.handleCloseDialogOuter()
                 } catch (error) {
                     // console.log('表单提交失败', error)
+                } finally {
+                    this.loading = false
                 }
             }
             handleAsync()
-        }, 1000),
+        }, 500),
 
         // 关闭弹框
         handleCloseDialogOuter() {