优化功能

src/views/attestation/form.vue

@@ -19,7 +19,7 @@
           @click="seleIsShow = true"
           disabled
           class="bor"
-          :value="form.gender == 1 ? '男' : '女'"
+          :value="form.gender == 1 ? '男 man' : '女 woman'"
           name="pattern"
           placeholder=""
         />
@@ -180,7 +180,7 @@ export default {
   data() {
     return {
       seleIsShow: false,
-      columns: ['男', '女'],
+      columns: ['男 man', '女 woman'],
       form: {
         name: '',
         gender: '1',

src/views/attestation/index.vue

@@ -26,7 +26,7 @@
             <div class="btn" v-if="item.pay == 0" @click="orderPays">支付</div>
           </template>
         </div>
-        <!-- <div class="icon-yes"></div> -->
+        <div class="icon-yes" v-if="item.approve_status"></div>
       </div>
     </template>
     <div class="btn" @click="orderPays" style="font-size:30px;position: relative;z-index: 999;">支付</div>
@@ -50,9 +50,8 @@ export default {
     h5Pay
   },
   data() {
-    const productId = '6734697826573352960'
     return {
-      productId,
+      productId: '6734697826573352960',
       data: []
     }
   },
@@ -225,7 +224,7 @@ export default {
 .icon-yes{
   position: absolute;
   top: 50%;
-  right: 95px;
+  right: 85px;
   -webkit-transform: translateY(-50%);
   width: 75px;
   height: 57px;

src/views/attestation/upload.vue

@@ -52,22 +52,29 @@
       <div class="status">
         审核状态：{{ currentStu }}
       </div>
+      <div class="status" v-if="auditStatus == 0">
+        审核备注：{{ approveRemark }}
+      </div>
+      <div class="status" v-if="auditStatus == 1 && ispay == 0">
+        三级认证费用：￥2300元
+      </div>
       <div class="btn-box">
-        <input type="button" value="支付" class="submit-button" v-if="auditStatus == 1 && ispay == 0">
+        <input @click="orderPays" type="button" value="支付" class="submit-button" v-if="auditStatus == 1 && ispay == 0">
         <template v-if="auditStatus == -1">
           <input @click="goForm" type="button" value="修改" class="submit-button">
           <input @click="revoke" type="button" value="撤销" class="submit-button">
         </template>
         <template v-if="auditStatus == 0">
           <input @click="goForm" type="button" value="修改" class="submit-button">
-          <!-- <input @click="revoke" type="button" value="撤销" class="submit-button"> -->
         </template>
       </div>
     </template>
+    <h5-pay :productId="productId" ref="h5pay"></h5-pay>
   </div>
 </template>
 
 <script>
+import h5Pay from './buy/components/h5Pay.vue'
 import Card from '@/components/Card'
 import VForm from '@/components/attestationFormUpload'
 import { Toast, Dialog } from 'vant'
@@ -79,10 +86,13 @@ export default {
     Card,
     VForm,
     [Toast.name]: Toast,
-    [Dialog.name]: Dialog
+    [Dialog.name]: Dialog,
+    h5Pay
   },
   data() {
     return {
+      productId: '6734697826573352960',
+      approveRemark: '',
       auditStatus: 2,
       ispay: false,
       isLook: false,
@@ -148,14 +158,11 @@ export default {
     }
   },
   methods: {
+    orderPays() {
+      this.$refs.h5pay.pay()
+    },
     goForm() {
-      this.$router.replace({
-        path: '/attestation/form',
-        query: {
-          id: this.$route.query.id,
-          edit: 1
-        }
-      })
+      this.isLook = false
     },
     getCertificationDetail() {
       api.getAttestationDetail(this.$route.query.id).then(response => {
@@ -165,6 +172,7 @@ export default {
         this.formModel.degree = response.degree
         this.auditStatus = response.approve_status
         this.ispay = response.pay
+        this.approveRemark = response.approve_remark
       })
     },
     revoke() {
@@ -232,7 +240,7 @@ export default {
 
 <style lang="scss" scope>
 .status{
-  margin: 0 20px;
+  margin: 10px 20px;
 }
 .upload-box{
   padding-top: 20px;