通过微信开发者工具 商城模板 创建新小程序

mini-program/pages/order/components/noGoods/noGoods.js

@@ -0,0 +1,57 @@
+Component({
+  properties: {
+    settleDetailData: {
+      type: Object,
+      value: {},
+      observer(settleDetailData) {
+        const {
+          outOfStockGoodsList,
+          abnormalDeliveryGoodsList,
+          inValidGoodsList,
+          limitGoodsList,
+        } = settleDetailData;
+        // 弹窗逻辑   限购  超出配送范围   失效    库存不足;
+        const tempList =
+          limitGoodsList ||
+          abnormalDeliveryGoodsList ||
+          inValidGoodsList ||
+          outOfStockGoodsList ||
+          [];
+
+        tempList.forEach((goods, index) => {
+          goods.id = index;
+          goods.unSettlementGoods &&
+            goods.unSettlementGoods.forEach((ele) => {
+              ele.name = ele.goodsName;
+              ele.price = ele.payPrice;
+              ele.imgUrl = ele.image;
+            });
+        });
+        this.setData({
+          // settleDetailData,
+          goodsList: tempList,
+        });
+      },
+    },
+  },
+
+  data: {
+    goodList: [],
+  },
+  methods: {
+    onCard(e) {
+      const { item } = e.currentTarget.dataset;
+      if (item === 'cart') {
+        // 购物车
+        Navigator.gotoPage('/cart');
+      } else if (item === 'orderSure') {
+        // 结算页
+        this.triggerEvent('change', undefined);
+      }
+    },
+    onDelive() {
+      // 修改配送地址
+      Navigator.gotoPage('/address', { type: 'orderSure' });
+    },
+  },
+});