事件上报 多次点击重复提交

src/views/myService/addComplaint.vue

@@ -36,7 +36,7 @@
             <el-col :span="12">
               <el-form-item label="发生时间" prop="occurTime">
 
-                <el-date-picker v-model="serviceForm.occurTime" type="datetime" placeholder="请选择发生日期时间" value-format="yyyy/MM/dd HH:mm" style="width: 100%" />
+                <el-date-picker v-model="serviceForm.occurTime" type="datetime" placeholder="请选择发生日期时间" value-format="yyyy/MM/dd HH:mm:ss" style="width: 100%" />
 
               </el-form-item>
             </el-col>
@@ -71,7 +71,7 @@
                 </el-form-item>
               </div>
               <div>
-                <el-form-item label="维度" prop="dimension">
+                <el-form-item label="纬度" prop="dimension">
                   <el-input v-model="serviceForm.dimension" placeholder="请先选择所属位置" />
                 </el-form-item>
               </div>
@@ -137,7 +137,7 @@
           </el-form-item>
         </el-form>
         <div class="submitButton">
-          <el-button class="submitBtn" @click="submit">提交</el-button>
+          <el-button class="submitBtn" @click="submit" :loading="submitLoading">提交</el-button>
         </div>
       </div>
     </div>
@@ -155,6 +155,7 @@ export default {
   components: { NavList, BaiduMap, BmGeolocation, BmLocalSearch, BmNavigation, BmMarker },
   data() {
     return {
+      submitLoading: false,
       flag: true,
       // 控制图片的遮罩显示
       isOverlayVisible: false,
@@ -174,7 +175,7 @@ export default {
         occurTime: [{ required: true, message: '请输入发生时间', trigger: 'blur' }],
         serviceContent: [{ required: true, message: '请输入详情', trigger: 'blur' }],
         longitude: [{ required: true, message: '请输入位置经度', trigger: 'blur' }],
-        dimension: [{ required: true, message: '请输入位置维度', trigger: 'blur' }]
+        dimension: [{ required: true, message: '请输入位置纬度', trigger: 'blur' }]
       },
       requesrHeader: '', // 请求头 token
       accept: ['.jpg', '.png', '.pdf'], // 附件接收类型
@@ -366,11 +367,13 @@ export default {
       this.$refs.ruleForm.validate((valid) => {
         console.log(this.serviceForm)
         if (valid) {
+          this.submitLoading = true
           addMyService.addMyService(this.serviceForm).then(() => {
             this.$message({
               message: '提交成功',
               type: 'success'
             })
+            this.submitLoading = false
             this.$router.push({ name: 'myServiceIndex' })
           })
         } else {

src/views/personalCenter/registration.vue

 <template>
   <div class="resetPwdList">
-    <nav-list></nav-list>
-<!--    <com-layout-wrapper class="resetPwd">-->
+    <nav-list />
+    <!--    <com-layout-wrapper class="resetPwd">-->
 
     <div class="tab-container">
-      <img style="width: 600px; margin: 0px 180px 0px 0px" src="@/assets/loginImage/loginBiaoyu.png" />
+      <img style="width: 600px; margin: 0px 180px 0px 0px" src="@/assets/loginImage/loginBiaoyu.png">
       <el-form
-          style="background-color:#ffffff; border: 1px solid #c8c9cc; padding: 20px 20px 20px 20px; width: 400px; border-radius: 5px"
-          ref="resetPasswordForm"
-          class="resetPasswordForm"
-          :model="resetPasswordForm"
-          :rules="resetPasswordFormRules"
-          label-width="100px"
+        ref="resetPasswordForm"
+        style="background-color:#ffffff; border: 1px solid #c8c9cc; padding: 20px 20px 20px 20px; width: 400px; border-radius: 5px"
+        class="resetPasswordForm"
+        :model="resetPasswordForm"
+        :rules="resetPasswordFormRules"
+        label-width="100px"
       >
         <h3 style="text-align: center; font-size: 20px">个人用户注册</h3>
         <el-form-item label="登录名" prop="userName">
           <el-input
-              v-model="resetPasswordForm.userName"
-              type="text"
-              placeholder="请输入登录名"
+            v-model="resetPasswordForm.userName"
+            type="text"
+            placeholder="请输入登录名"
           />
         </el-form-item>
         <el-form-item label="密码" prop="password">
           <el-input
-              v-model="resetPasswordForm.password"
-              type="password"
-              placeholder="请输入您的密码"
+            v-model="resetPasswordForm.password"
+            type="password"
+            placeholder="请输入您的密码"
           />
         </el-form-item>
         <el-form-item label="重复密码" prop="confirmedPassword">
           <el-input
-              v-model="resetPasswordForm.confirmedPassword"
-              type="password"
-              placeholder="请再次输入您的密码"
+            v-model="resetPasswordForm.confirmedPassword"
+            type="password"
+            placeholder="请再次输入您的密码"
           />
         </el-form-item>
         <el-form-item label="联系电话" prop="phonenumber">
           <el-input
-              onkeyup="value=value.replace(/[^\d]/g, '')"
-              v-model="resetPasswordForm.phonenumber"
-              maxlength="11"
-              type="text"
-              placeholder="请输入联系电话"
+            v-model="resetPasswordForm.phonenumber"
+            onkeyup="value=value.replace(/[^\d]/g, '')"
+            maxlength="11"
+            type="text"
+            placeholder="请输入联系电话"
           />
         </el-form-item>
         <el-form-item label="邮箱地址" prop="email">
           <el-input
-              v-model="resetPasswordForm.email"
-              maxlength="50"
-              show-word-limit
-              placeholder="请输入您的邮箱地址"
+            v-model="resetPasswordForm.email"
+            maxlength="50"
+            show-word-limit
+            placeholder="请输入您的邮箱地址"
           />
         </el-form-item>
         <div>
@@ -63,7 +63,7 @@
       </el-form>
     </div>
 
-<!--    </com-layout-wrapper>-->
+    <!--    </com-layout-wrapper>-->
   </div>
 </template>