chore: 新增报名费

modules/my/interview/form/form.js

@@ -21,23 +21,25 @@ export default function(_this) {
         return Object.assign({}, basicInfo, attachment)
       }
     },
-    update: {
-      action: `${process.env.baseURL}/api/enrollment/v1.0/application-materials/submit/${process.env.projectId}`,
-      beforeRequest(data) {
-        return { submission_stage: 'INTERVIEW_APPLICATION' }
-      },
-      callback() {
-        this.form.options.disabled = true
-      },
-      errorCallback() {
-        _this.completeVisible = true
-      }
-    },
+    // update: {
+    //   action: `${process.env.baseURL}/api/enrollment/v1.0/application-materials/submit/${process.env.projectId}`,
+    //   beforeRequest(data) {
+    //     return { submission_stage: 'INTERVIEW_APPLICATION' }
+    //   },
+    //   // callback() {
+    //   //   _this.changeSubmissionStage(() => {
+    //   //     this.form.options.disabled = true
+    //   //   })
+    //   // },
+    //   errorCallback() {
+    //     _this.completeVisible = true
+    //   }
+    // },
     form: {
       prev: { to: { query: { active: 'interview_byzs' } } },
-      // next: { to: { query: { active: 'application_pay' } } },
+      next: { to: { query: { active: 'application_pay' } } },
       submitText: '申请面试',
-      // hasButton: false,
+      hasButton: false,
       model: { submission_stage: 'INTERVIEW_APPLICATION' },
       options: { 'label-position': 'top' },
       items: [

modules/my/interview/form/index.js

@@ -21,11 +21,11 @@ export default function(_this) {
       grcs(_this),
       byzs(_this),
       form(_this),
-      // {
-      //   required: true,
-      //   id: 'application_pay',
-      //   title: '缴报名费'
-      // }
+      {
+        required: true,
+        id: 'application_pay',
+        title: '缴报名费'
+      }
       //  ywcjd(_this), tjx(_this), grcs(_this), byzs(_this), form(_this)
     ]
   }

modules/my/interview/index.vue

@@ -16,7 +16,7 @@
       </template>
       <!-- 报名缴费 -->
       <template #content v-if="currentActive === 'application_pay'">
-        <app-pay @submit="changeSubmissionStage" />
+        <app-pay :disabled="isSubmitted" @submit="changeSubmissionStage" />
       </template>
     </vue-form>
     <app-complete :type="1" v-model="completeVisible"></app-complete>

modules/my/interview/pay.vue

 <template>
-  <div class="pay">
+  <div>
+    <div class="pay" v-if="!dialogVisible">
       <h5-pay @update="handleUpdateOrder" v-if="isWechat"></h5-pay>
       <qrcode-pay @update="handleUpdateOrder" v-else></qrcode-pay>
       <div class="pay-ft">
         <p class="t2">注释：<br />此处为微信二维码<br />申请费不退还</p>
       </div>
-    <el-dialog title="报名费缴费成功" :visible.sync="dialogVisible" :center="true" :close-on-click-modal="false" width="348px">
+      <!-- <el-dialog title="报名费缴费成功" :visible.sync="dialogVisible" :center="true" :close-on-click-modal="false" width="348px">
         <div class="dialog-pay">
           <div class="icon"><img src="https://webapp-pub.ezijing.com/project/application/images/icon_success.png" /></div>
           <p>报名费已成功缴纳，请点击申请面试并等待招生办进一步通知</p>
@@ -13,7 +14,15 @@
         <template #footer>
           <el-button type="primary" @click="$emit('submit')">申请面试</el-button>
         </template>
-    </el-dialog>
+      </el-dialog> -->
+    </div>
+    <div v-else>
+      <div class="dialog-pay">
+        <div class="icon"><img src="https://webapp-pub.ezijing.com/project/application/images/icon_success.png" /></div>
+        <p>报名费已成功缴纳，请点击申请面试并等待招生办进一步通知</p>
+        <el-button type="primary" :disabled="disabled" @click="$emit('submit')">申请面试</el-button>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -24,6 +33,7 @@ import h5Pay from './components/h5Pay'
 export default {
   name: 'AppPay',
   components: { qrcodePay, h5Pay },
+  props: { disabled: { type: Boolean, default: false } },
   data() {
     const UA = window.navigator.userAgent
     const isMobile = /android|iphone|ipad|ipod/i.test(UA)
@@ -150,11 +160,12 @@ export default {
 .dialog-pay {
   text-align: center;
   p {
+    margin: 10px 0 20px;
     color: #262626;
     line-height: 20px;
   }
   .icon {
-    margin-top: 20px;
+    margin-top: 80px;
     text-align: center;
   }
 }