测试移动端点击支付

pages/cert/type/_id.vue

@@ -11,7 +11,9 @@
               <div class="qual-point"></div>
               <span class="qual-status-name">{{item.is_completed ? '已达标' : '未达标'}}</span>
             </section>
-            <span class="qual-info">{{`${item.text}`}}{{item.target ? `（${item.completed_num}/${item.target}）` : ''}}</span>
+            <span
+              class="qual-info"
+            >{{`${item.text}`}}{{item.target ? `（${item.completed_num}/${item.target}）` : ''}}</span>
           </section>
         </section>
         <section class="cer-price-info">
@@ -39,14 +41,14 @@
         </section>
       </section>
       <section class="remind">
-      <p style="color: #333;">说明:</p>
-      <p>1、认证申请基本条件：已成为平台签约开发者，无纠纷降权记录；</p>
-      <p>2、认证申请将在3到5个工作日内完成审核；</p>
-      <p>3、认证申请为付费服务，若因申请者不达标而认证不通过，费用不予退回，3个月内可以免费申请3次；</p>
-      <p>4、认证通过后，资质有效期为一年，到期后需要重新提交认证；</p>
-      <p>5、认证通过后，如果违反平台相关规则，平台有权取消认证资质；</p>
-      <p>6、如有疑问，请联系在线客服，或拨打客服热线 0571-28120931</p>
-    </section>
+        <p style="color: #333;">说明:</p>
+        <p>1、认证申请基本条件：已成为平台签约开发者，无纠纷降权记录；</p>
+        <p>2、认证申请将在3到5个工作日内完成审核；</p>
+        <p>3、认证申请为付费服务，若因申请者不达标而认证不通过，费用不予退回，3个月内可以免费申请3次；</p>
+        <p>4、认证通过后，资质有效期为一年，到期后需要重新提交认证；</p>
+        <p>5、认证通过后，如果违反平台相关规则，平台有权取消认证资质；</p>
+        <p>6、如有疑问，请联系在线客服，或拨打客服热线 0571-28120931</p>
+      </section>
     </section>
   </proginn-page>
 </template>
@@ -90,7 +92,8 @@ export default {
     },
   },
   mounted() {
-    console.log({ detail: this.detail })
+    // let { isPC, isWeixin } = this.$store.state
+    // console.log({ isPC, isWeixin })
   },
   methods: {
     clickVipPrice() {
@@ -102,15 +105,18 @@ export default {
         if(this.$store.state.isWeixin) {
           location.href = `https://www.proginn.com/index/app?from=index_h5`
           return
-        }
-        if(!this.detail.is_free_apply) location.href = `/pay?product_type=12&product_id=${this.detail.id}&next=/cert`
-        else {
-          await this.$post('/api/cert/apply', { user_cert_id: this.detail.user_cert_id })
-          this.$message({
-            message: '申请成功',
-            type: 'success'
-          })
-          setTimeout(() => location.reload(), 1000)
+        } else if(this.$store.state.isPc) {
+          if(!this.detail.is_free_apply) location.href = `/pay?product_type=12&product_id=${this.detail.id}&next=/cert`
+          else {
+            await this.$post('/api/cert/apply', { user_cert_id: this.detail.user_cert_id })
+            this.$message({
+              message: '申请成功',
+              type: 'success'
+            })
+            setTimeout(() => location.reload(), 1000)
+          }
+        } else {
+          location.href = `proginn://pay?product_type=12&product_id=${this.detail.id}&next=/cert`
         }
       } else {
         this.goLogin()
@@ -181,7 +187,7 @@ export default {
 .cert-qual {
   display: flex;
   align-items: center;
-  margin-top: 10px;;
+  margin-top: 10px;
 }
 .qual-info {
   font-size: 13px;
@@ -193,10 +199,10 @@ export default {
   width: 80px;
 }
 .qual-completed .qual-point {
-  background: #11BD6D;
+  background: #11bd6d;
 }
 .qual-completed .qual-status-name {
-  color: #11BD6D;
+  color: #11bd6d;
 }
 .qual-point {
   --width: 6px;
@@ -204,7 +210,7 @@ export default {
   height: var(--width);
   border-radius: 50%;
   background: #999;
-  margin-right: 8px;;
+  margin-right: 8px;
 }
 .qual-status-name {
   color: #999;