1

ant-design-vue-jeecg/src/views/shopping/pages/gerenzhongxin.vue

@@ -196,6 +196,40 @@
       </div>
     </div>
     <password-modal ref="passwordmodal" @ok="passwordModalOk"></password-modal>
+    <a-modal v-model="visible3"  class="toPay">
+      <template slot="title">
+        <div class="c_1B f_20" style="text-align: center;padding: 5px;font-weight: 500">支付宝支付</div>
+      </template>
+      <div class="d-flex"
+           style="
+            width: 450px;
+            padding: 30px 10px;
+            margin: 0 auto;">
+        <div class="l"
+             style="
+                width: 120px;
+                height: 120px;
+                margin-right: 20px;" @click="zhifu">
+          <img style="width: 120px;
+                height: 120px;" src="../assets/erweima.png"/>
+        </div>
+        <div class="r" style="width:290px">
+          <p class="f_16 c_4B">总计: ￥</p>
+          <p class="f_14 c_4B">请使用支付宝扫描左图二维码进行支付</p>
+          <p class="f_14 c_4B">请您在15分钟内付款以免订单被取消，如有疑问，请联系客服。</p>
+          <p class="f_14 c_4B">订单发货后您将收到订单发货通知短信</p>
+        </div>
+      </div>
+      <template slot="footer">
+        <div class="d-flex" style="justify-content: center;align-items:center">
+          <a-button style="margin-right: 30px;border:none;font-size: 12px">手机不在身边？ 登录账号付款</a-button>
+          <a-button style="font-size: 12px"   size="small" @click="handleCancel2">
+            返回
+          </a-button>
+        </div>
+
+      </template>
+    </a-modal>
     <Footer></Footer>
   </div>
 
@@ -356,6 +390,7 @@
           desc: [{ required: true, message: 'Please input activity form', trigger: 'blur' }],*/
         },
         visible1: false,
+        visible3: false,
 
       };
     },
@@ -380,6 +415,9 @@
             id: id,
           },
         });
+      },
+      zhifu() {
+
       },
       passwordModalOk() {
         //TODO 密码修改完成 不需要刷新页面，可以把datasource中的数据更新一下
@@ -387,6 +425,9 @@
       handleCancel(e) {
         this.visible1 = false;
       },
+      handleCancel2(e) {
+        this.visible3 = false;
+      },
       handleChangePassword(username) {
         this.$refs.passwordmodal.show(username);
       },
@@ -488,12 +529,13 @@
         });
       },
       ljzf(item){
-        this.$router.push({
+        // this.$router.push({
-          path: "/shopping/pay",
+        //   path: "/shopping/pay",
-          query: {
+        //   query: {
-            id: item.id,
+        //     id: item.id,
-          },
+        //   },
-        });
+        // });
+        this.visible3 = true
       },
       menuChange(key){
         this.current.shift()