修改缴费

modules/my/application/complete.vue

 <template>
-  <el-dialog
-    title="您当前完成进度如下："
-    width="348px"
-    :center="true"
-    :close-on-click-modal="false"
-    :visible.sync="dialogVisible"
-    @open="handleOpen"
-    @close="handleClose"
-  >
-    <div>
-      <ul v-if="detail">
-        <li
-          v-for="item in currentOptions"
-          :class="progress[item.code].progress === 1 ? 'is-success' : 'is-error'"
-          :key="item.code"
+  <div>
+    <el-dialog
+      title="您当前完成进度如下："
+      width="348px"
+      :center="true"
+      :close-on-click-modal="false"
+      :visible.sync="dialogVisible"
+      @open="handleOpen"
+      @close="handleClose"
+    >
+      <div>
+        <ul v-if="detail">
+          <li
+            v-for="item in currentOptions"
+            :class="progress[item.code].progress === 1 ? 'is-success' : 'is-error'"
+            :key="item.code"
+          >
+            <span class="name">{{ item.title }}</span>
+            <span class="line"></span>
+            <span class="status">{{ progress[item.code].progress === 1 ? '已完成' : '未完成' }}</span>
+            <span class="view" @click="handleView(item.view.to)">立即查看</span>
+          </li>
+        </ul>
+      </div>
+      <template #footer>
+        <el-button
+          type="primary"
+          @click="
+            dialogVisible = false
+            dialogVisible2 = true
+          "
+          >我知道啦</el-button
         >
-          <span class="name">{{ item.title }}</span>
-          <span class="line"></span>
-          <span class="status">{{ progress[item.code].progress === 1 ? '已完成' : '未完成' }}</span>
-          <span class="view" @click="handleView(item.view.to)">立即查看</span>
-        </li>
-      </ul>
-    </div>
-    <template #footer>
-      <el-button type="primary" @click="dialogVisible = false">我知道啦</el-button>
-    </template>
-  </el-dialog>
+      </template>
+    </el-dialog>
+    <el-dialog :visible.sync="dialogVisible2">
+      <pay></pay>
+      <template #footer>
+        <el-button style="display: block; margin: 0 auto" type="primary" @click="dialogVisible2 = false"
+          >关闭</el-button
+        >
+      </template>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
 import * as api from '@/api/my'
+import pay from './pay.vue'
 export default {
   props: { value: { type: Boolean, default: false }, type: { type: Number, default: 0 } },
+  components: {
+    pay
+  },
   data() {
     return {
+      dialogVisible2: false,
       dialogVisible: false,
       detail: null,
       progress: {},

modules/my/application/index.vue

@@ -82,7 +82,10 @@ export default {
         const { data, error, message } = response
         if (error.toString() === '0') {
           this.detail = data
-          if (!data.progress.FILLING.attachments || data.progress.FILLING.attachments.missed_required_list.ID_CARD_PHOTO) {
+          if (
+            !data.progress.FILLING.attachments ||
+            data.progress.FILLING.attachments.missed_required_list.ID_CARD_PHOTO
+          ) {
             this.tabActive = 'application_info_first'
           }
           const { submission_stage: submissionStage = 'FILLING' } = data.material