feat: 确认订单页增加无效商品

src/views/order/createOrder.vue

@@ -35,6 +35,31 @@
     <template v-if="orderInfo.calcFeeInfo.totalSkuFee !== '0.00'">
       <FeeInfo :calc-fee-info="orderInfo.calcFeeInfo" />
     </template>
+    <div v-if="orderInfo.invalidSkuList && orderInfo.invalidSkuList.length" class="confirm-body">
+      <div class="confirm-goods__head">失效商品</div>
+      <div
+        v-for="(item, index) in orderInfo.invalidSkuList"
+        :key="index"
+        class="confirm-goods invalid"
+      >
+        <image class="confirm-goods__left" :src="item.skuImg" />
+        <div class="confirm-goods__middle">
+          <div class="Cg-middle__title">
+            <span class="Cg-middle__name">
+              {{ item.skuName }}
+            </span>
+            <span class="Cg-middle__price">¥{{ item.salePrice || '0.00' }}</span>
+          </div>
+          <div class="Cg-middle__sku">{{ item.skuAttr }}</div>
+          <div class="Cg-middle__stepper">
+            <div v-if="item.invalidStatusDesc" class="Cg-middle__warn">
+              <!-- <image src="@/assets/images/notice.png" /> -->
+              <span>{{ item.invalidStatusDesc }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
     <!-- 底部 -->
     <bottom-nav
       v-if="orderInfo.shopSkuList.length && !isPrimordialBrowser && !isWeixinBrowser"