From 48cd4dedd9a35a4e4eafd44f8fa2ea8dbb0b188b Mon Sep 17 00:00:00 2001
From: shenyuan <shenyuan2825@163.com>
Date: Tue, 14 Feb 2023 17:58:38 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8B=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../shopping/components/Order/placeOrder.vue  | 57 +++++++++++++++++++
 1 file changed, 57 insertions(+)

diff --git a/ant-design-vue-jeecg/src/views/shopping/components/Order/placeOrder.vue b/ant-design-vue-jeecg/src/views/shopping/components/Order/placeOrder.vue
index c7d1b5c0..8c96315c 100644
--- a/ant-design-vue-jeecg/src/views/shopping/components/Order/placeOrder.vue
+++ b/ant-design-vue-jeecg/src/views/shopping/components/Order/placeOrder.vue
@@ -148,6 +148,19 @@
             <span class="f_14 c_31">总计</span>
             <span class="f_20 c_31">￥35,500</span>
           </p>
+          <div class="btnDiv">
+            <div type="primary" class="dialogButton primary   f_14">立即购买</div>
+          </div>
+          <p  class="explain f_12 c_999">说明</p>
+          <p  class="f_12 c_999">在线支付订单提交之后15分钟内未付款，订单将被系统自动取消，请您尽快完成支付以确保商品能及时送达，避免取消订单带来不必要的麻烦。</p>
+        </div>
+        <div class="time">
+          <p  class="f_20 c_333">预计配送时间</p>
+          <p  class="f_12 c_333">我们将会在第一时间为您发货</p>
+          <p  class="f_12 c_333">所有现货商品在1-2个工作日发货，门店调货商品会视货品情况进行发货。</p>
+          <p  class="f_12 c_333">*定制商品除外</p>
+          <p  class="f_16 c_333">需要多长时间能够送达 ？</p>
+          <p  class="f_12 c_333">中国大陆：2-5个工作日（视货品情况而定）</p>
         </div>
       </div>
     </div>
@@ -201,6 +214,28 @@
   };
 </script>
 <style lang="less" scoped>
+  .btnDiv{
+    border-bottom: 1px solid #E7E7E7;
+    padding-bottom: 30px;
+    padding-top: 20px;
+    .dialogButton {
+      height: 44px;
+      text-align: center;
+      line-height: 44px;
+      transition: all 0.2s;
+    }
+    .primary {
+      background: #1b1b1b;
+      border: 2px solid #1b1b1b;
+      color: #e5dfd9;
+      &:hover {
+        // border-color: #1b1b1b;
+        // color: #1b1b1b;
+        // background-color: #fff;
+        opacity: 0.8;
+      }
+    }
+  }
   .placeOrder{
     padding-top: 54px;
     padding-bottom: 80px;
@@ -266,6 +301,7 @@
         .order{
           background: #FFFFFF;
           padding: 24px 43px;
+          margin-bottom: 24px;
           .d-flex{
             justify-content: space-between;
             .left{
@@ -288,6 +324,27 @@
               width: 60px;
               height: 77px;
             }
+          }
+            .explain{
+              padding-top: 25px;
+              padding-bottom: 10px;
+            }
+        }
+        .time{
+          background: #fff;
+          padding: 24px 43px;
+          p{
+            margin-bottom: 5px;
+          }
+          .f_20{
+            font-weight: 500;
+            margin-bottom: 30px;
+          }
+          .f_16{
+            font-weight: 500;
+            margin-top: 45px;
+            margin-bottom: 25px;
+
           }
         }
       }