添加退役军人码申请成功提示

src/views/PersonalCenter/ApplyEducationAuth/ApplyEducationAuthIndex.vue

@@ -3,7 +3,7 @@
  * @Author: 空白格
  * @Date: 2022-08-17 11:30:23
  * @LastEditors: gcz
- * @LastEditTime: 2022-08-22 10:12:39
+ * @LastEditTime: 2022-08-22 11:05:12
  * @FilePath: \veterans_client_web\src\views\PersonalCenter\ApplyEducationAuth\ApplyEducationAuthIndex.vue
  * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
 -->
@@ -164,6 +164,18 @@
         </el-form>
       </div>
     </div>
+    <el-dialog
+      title=""
+      :visible.sync="dialogVisible"
+      width="30%"
+      custom-class="success-dialog"
+      :show-close="false"
+      :close-on-click-modal="false"
+      >
+      <img class="img" src="@/assets/images/success-icon.png" alt="" srcset="">
+      <div class="text">提交成功，等待审核</div>
+      <span class="btn" @click="confirmSuccess">确 定</span>
+    </el-dialog>
   </div>
 </template>
 <script>
@@ -177,6 +189,7 @@ export default {
   name: "ApplyEducationAuthIndex",
   data() {
     return {
+      dialogVisible: false,
       // 上传地址
       action: process.env.VUE_APP_BASE_API+'/file/upload/single/minio',
       // action: process.env.VUE_APP_UPLOAD_URL,
@@ -409,12 +422,12 @@ export default {
                   data.veteEduc.cityId.toString(),
                   data.veteEduc.areaId.toString()
                 ];
-              console.log('data.veteEduc.provinceId',data.veteEduc.provinceId);
-              console.log('data.veteEduc.provinceId',data.veteEduc.cityId);
-              console.log('data.veteEduc.provinceId',data.veteEduc.areaId);
-              console.log('this.form',JSON.parse(JSON.stringify(this.form)));
+              // console.log('data.veteEduc.provinceId',data.veteEduc.provinceId);
+              // console.log('data.veteEduc.provinceId',data.veteEduc.cityId);
+              // console.log('data.veteEduc.provinceId',data.veteEduc.areaId);
+              // console.log('this.form',JSON.parse(JSON.stringify(this.form)));
             }
-            console.log('veteHousehArea',this.form.veteHousehArea);
+            // console.log('veteHousehArea',this.form.veteHousehArea);
             if(data.veteEduc.veteHousehRegi){
               let veteHousehRegiArr = data.veteEduc.veteHousehRegi.split('-');
              this.form.veteHousehRegiCode=[
@@ -607,16 +620,17 @@ export default {
 							params.veteEduc.veteSex = params.veteEduc.veteSex === '男' ? 0 : 1;
 							  veteEduc(params).then(res => {
 								if (res.code === 200) {
-									this.$message({
-										message: '提交成功，等待审核！',
-                    type: 'success',
-										duration: 2000,
-										success: () => {
-											this.$u.route(
-												'/pages/applyEducationCode/applyEducationSuccess'
-											)
-										}
-									});
+                  this.dialogVisible = true;
+									// this.$message({
+									// 	message: '提交成功，等待审核！',
+                  //   type: 'success',
+									// 	duration: 2000,
+									// 	success: () => {
+									// 		this.$u.route(
+									// 			'/pages/applyEducationCode/applyEducationSuccess'
+									// 		)
+									// 	}
+									// });
 								} else {
 									this.$message({
 										message: res.msg,
@@ -678,6 +692,10 @@ export default {
           }
         }
       },
+      confirmSuccess(){
+        this.dialogVisible = false;
+        this.$router.push('/')
+      },
       resetForm() {
         this.$refs['form'].resetFields();
       }
@@ -685,6 +703,32 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+:deep(.success-dialog){
+  border-radius: 32px;
+  text-align: center;
+  .img{
+    width: 134px;
+  }
+  .text{
+    font-weight: 400;
+    font-size: 28px;
+    color: #000;
+    letter-spacing: 0.13px;
+    margin: 27px auto 140px;
+  }
+  .btn{
+    width: 281px;
+    display: inline-block;
+    height: 58px;
+    line-height: 58px;
+    background: #709078;
+    border-radius: 7px;
+    font-size: 24px;
+    color: #fff;
+    cursor: pointer;
+    margin-bottom: 45px;
+  }
+}
 .title {
   text-align: center;
   font-weight: 500;
@@ -738,4 +782,5 @@ export default {
 .submit-btn{
   width: 265px;
 }
+
 </style>