增加： 购买订单确认页未登录提示

@@ -2,7 +2,7 @@
   <LayoutApp :show-back="true" title="确认订单" :back-action="backAction">
     <div class="body">
       <AddressInfo :data="address" class="order-item" :show-tip="false"></AddressInfo>
-      <ProductInfo :data="productDetail" class="product-info order-item"></ProductInfo>
+      <ProductInfo :data="productDetail" class="order-item"></ProductInfo>
       <Coupon class="order-item" v-if="couponList.length > 0" :data="orderDetail.recommendedCouponInfo"
               @click="onCouponClick"></Coupon>
       <Promotion class="order-item" v-if="promotionList.length > 0" :data="orderDetail.promotionTips"
@@ -335,10 +335,6 @@ export default {
   border-top: 1px solid #eee;
 }
 
-.product-info {
-  display: flex;
-}
-
 .tip {
   font-size: 24px;
   color: #999;

 <template>
-  <div class="product-wrapper">
-    <div class="good-image">
-      <ImageFormat :src="data.goodImg" :width="180" :height="180"></ImageFormat>
-    </div>
-    <div class="product-price">
-      <div class="red">¥{{data.goodPrice}}</div>
-      <div class="product-name">{{data.productName}}</div>
-      <div class="price">{{data.colorName}}，{{data.sizeName}}</div>
+  <div class="product-info">
+    <div class="product-wrapper">
+      <div class="good-image">
+        <ImageFormat :src="data.goodImg" :width="180" :height="180"></ImageFormat>
+      </div>
+      <div class="product-price">
+        <div class="red">¥{{data.goodPrice}}</div>
+        <div class="product-name">{{data.productName}}</div>
+        <div class="price">{{data.colorName}}，{{data.sizeName}}</div>
+      </div>
     </div>
+    <div v-if="!getLogin" class="no-login-tip">完成“有货”登录授权后将显示商品优惠及运费信息，请先完成登录查看最终支付金额</div>
   </div>
 </template>
 
 <script>
+import { mapGetters } from 'vuex';
+
 export default {
   name: 'OrderProductInfo',
   props: {
@@ -21,12 +26,20 @@ export default {
         return {};
       }
     }
+  },
+  computed: {
+    ...mapGetters(['getLogin'])
   }
 };
 </script>
 
 <style lang="scss" scoped>
 
+.product-info {
+  display: flex;
+  flex-direction: column;
+}
+
 .good-image {
   width: 180px;
   height: 180px;
@@ -65,6 +78,10 @@ export default {
   line-height: 36px;
 }
 
+.no-login-tip {
+  color: #d0021b;
+}
+
 .red {
   color: #d0021b;
   font-size: 28px;