1

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

@@ -151,7 +151,10 @@
             </div>
           </div>
         </div>
-        <div class="btn"><router-link to="/shopping/person" class="c_fff f_16">返回</router-link></div>
+        <div class="btn">
+          <router-link to="/shopping/person" class="c_fff f_16" style="margin-right: 30px">返回</router-link>
+          <a @click="ljgm" class="c_fff f_16">立即购买</a>
+        </div>
         <a-modal
           title="发票申请"
           :visible="visible2"
@@ -241,6 +244,40 @@
             </a-form-model>
           </template>
         </a-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">总计: ￥{{this.dingdaninfo.payTotalPrice}}</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>
       </div>
     </div>
     <Footer></Footer>
@@ -256,6 +293,7 @@
     data() {
       return {
         visible2:false,
+        visible3:false,
         cityId:"",
         description:"",
         defaultPicture:"",
@@ -339,7 +377,12 @@
     },
 
     methods: {
+      ljgm(){
+        this.visible3 = true
+      },
+      zhifu() {
 
+      },
       getdingdandh(){
         getAction(this.url.getdingdandh,{ id: this.$route.query.id}).then((res) => {
           if(res.success) {
@@ -378,6 +421,9 @@
       handleCancel(e) {
         this.visible2 = false;
       },
+      handleCancel2(e) {
+        this.visible3 = false;
+      },
 
     },
 
@@ -391,6 +437,20 @@
   }
 </style>
 <style lang="less" scoped>
+  .j-area-linkage /deep/ .area-select{
+    background-color: #fff;
+    border: none;
+    span{
+      padding-left: 0;
+      font-size: 12px;
+      color:#313131;
+      cursor:auto;
+      font-weight: 500;
+    }
+    i{
+      display: none;
+    }
+  }
   @import '../assets/common.css';
   .orderMain{
     background: #F6F6F6;