xiaoe_mp_npm 0.2.2-beta1 → 0.2.2-beta2

package/miniprogram_dist/LiveGoodsList/Header/index.wxml

@@ -0,0 +1,28 @@
+
+<!--
+  /*
+ * @Descripttion: 
+ * @version: 
+ * @Author: conlinchen
+ * @Date: 2021-10-29 14:42:53
+ * @LastEditors: conlinchen
+ * @LastEditTime: 2021-11-18 18:10:59
+ */
+-->
+<view class="popup-header">
+  <view
+    class="van-action-sheet__left"
+    bindtap="gotoPayRecords"
+  >
+    <view class="order-icon"></view>
+    <text class="head-left-txt">订单</text>
+  </view>
+  <view class="popup-header-title">商品列表</view>
+  <!-- <i
+    class="van-icon van-icon-cross van-action-sheet__close"
+    bindtap="closePop"
+  ></i> -->
+  <view  class="head-right-txt">
+    <van-icon name="cross" bindtap="closePop"/>
+  </view>
+</view>

package/miniprogram_dist/LiveGoodsList/Header/index.wxss

@@ -0,0 +1,44 @@
+.popup-header {
+  padding: 20rpx 32rpx;
+  height: 76rpx;
+  top: auto;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.popup-header .head-right-txt {
+  display: inline-block;
+  text-align: right;
+  min-width: 104rpx;
+  font-size: 40rpx;
+}
+.popup-header .popup-header-title {
+  color: #333333;
+  font-size: 16px;
+  font-weight: 500;
+  font-family: "PingFang SC";
+}
+.popup-header .van-action-sheet__left {
+  color: #c8c9cc;
+  font-size: 22px;
+  line-height: inherit;
+  display: flex;
+  align-items: center;
+  min-width: 104rpx;
+}
+.popup-header .van-action-sheet__left .order-icon {
+  display: inline-block;
+  width: 40rpx;
+  height: 40rpx;
+  -moz-background-size: 100% 100%;
+  background-size: 100% 100%;
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANHSURBVHgB7ZzPcdpQEId/yAwXH0IJdBCoINCBXYHlYRAcSQekAnPk34yVCuxUYDowJagEc4ADM0D2xTplkvDEaldE3m+GEYeHkD6e3q7eWwQYhvEfU4ESg8GgcTweh/T2E2RZVyqV8WQySaCAisBer9ekzQudWB06vNGP1ZnP5ysIE0ABEveoKM9RD4LgAQqoCCSaUIZ6YBsKaAksLWePgRQU2vQr38AjKFC7EAVAw0bs0WxNx7eczWbPOIPMAl1AoAN7orcNlIuERN5mDTyZBLpedzgcXpATrodMp9N7MIiiKKbNHXKCgk+HUqCld3vfhi6PI3mPKDl0jk9hGHpnDN4C9/u9S4IbKD/1Wq029G1c9W1Il9sX5IxLNfr9PqtX0z5yPy68Dwkjn4beAiGTyzWKitAnaPg2zCLwj/gEAhrojygASk3+GSTzCECWSDNREUiX6Rv0SaCA1mTCN+jzHQqoCKSxaEwbJzGBPAm9vtJ3jqAAO4j4kp7QCCXDgggTE8jEBDIxgUxMIBMTyMQEMjGBTEwgE/E7kbQq4YHuh9vQZUXrG7fSJR6iPdCto+C9pKMNfZq0vvGaHoMYogLdOopyScfv1NO1HDFEBRYs7xd0GYtWg0kHEfHqqFO4qgMIIipwt9vFKFbiiqbRRCdWRaNwHMduKr9FkTikS0li+fGvUABZXV9fi89Kq0yozufzmDYxSogl0kxMIBMTyMQEMjGBTMSj8HA4rG82mztKY3IpTkrLcVUWzX0QF7jdbl/pls5VYSEnwiiKhpSkd9I8s1BEL2GXQEOmKLNZq9VCXADSkwltCEH7/owLQFSgZFUW3aqtcQGICry6uhpLSHT7dPvGBSAq0E2n04m26HJbIifS6amO1r8xTyEehdMT7aCkWCLNxAQyMYFMTCATE8jEBDIxgUxMIBMTyMQEMjGBTEwgExPIxAQyMYFMTCATE8jEBDIxgUzYayLuuS9RFIX4oGTpgQk+Dt513VkEXkxBjwI/fBt6C9ztduOCnv+iTRIEQezb2Fugq4RyDyhEiXEd5HA43GdZtM8UhReLxZK+pIVyjocJvTruHDN85vxnqHa73ZtqtdqG/IO1pVnv9/vnrOIMwygFPwHK0g4OEWNPBgAAAABJRU5ErkJggg==");
+}
+.popup-header .van-action-sheet__left .head-left-txt {
+  opacity: 1;
+  color: #666666;
+  font-size: 14px;
+  font-weight: 500;
+  font-family: "PingFang SC";
+  margin-left: 8rpx;
+}

package/miniprogram_dist/LiveGoodsList/README.md

@@ -0,0 +1,10 @@
+<!--
+ * @Descripttion: 
+ * @version: 
+ * @Author: conlinchen
+ * @Date: 2021-11-13 15:55:49
+ * @LastEditors: conlinchen
+ * @LastEditTime: 2021-11-13 15:55:49
+-->
+## 开发者：Conlin
+## 该组件的业务功能： 直播营销模块中的优惠券列表

package/miniprogram_dist/LiveGoodsList/index.js

@@ -0,0 +1,423 @@
+/*
+ * @Descripttion: 
+ * @version: 
+ * @Author: conlinchen
+ * @Date: 2021-10-28 15:32:24
+ * @LastEditors: conlinchen
+ * @LastEditTime: 2021-11-18 19:52:02
+ */
+
+import {  getGoodsList, getCouponSwitch } from "../common/api/liveGoodsList"
+import Dialog from '@vant/weapp/dialog/dialog';
+const computedBehavior = require('miniprogram-computed').behavior
+
+const SPU_TYPE = {
+  1: "图文",
+  2: "音频",
+  3: "视频",
+  4: "直播",
+  35: "班课",
+  20: "电子书",
+  6: "专栏",
+  8: "大专栏",
+  5: "会员",
+  25: "训练营",
+  21: "实物商品",
+  29: "线下课", //体验课也是29
+  22: "分销商品",
+  12: "分销商品", //暂时不做
+  41: "有价优惠券",
+  45: "AI互动课",
+  23: "超级会员"
+}
+const MARKET_ACTIVITY_MAP = {
+  3: "限时折扣",
+  4: "好友助力",
+  5: "裂变海报",
+  6: "拼团",
+  7: "涨粉神器",
+  8: "秒杀",
+}
+
+Component({
+    behaviors: [computedBehavior],
+    properties: {
+      sensorReportParams: {
+        type: Object,
+        value: {}
+      },
+      aliveInfo: {
+        type: Object,
+        value: {
+          alive_id: 'l_61820b4960b2c37884d5148f',
+          alive_state: 2
+        },
+      },
+      ENV_NAME: {
+        type: String,
+        value: ""
+      },
+      showList: {
+        type: Boolean,
+        value: false,
+        observer(newVal){
+          this.setData({
+            show: newVal,
+            refreshing: newVal
+          })
+          console.log(newVal)
+          newVal && this.data.explainingGoods.length && this.getExplainingGoodsInfo()
+          newVal && this.getPreferentialPriceSetting()
+          newVal && this.onLoad()
+        }
+      },
+      // 讲解中商品
+      explainingGoods: {
+        type: Object,
+        value: {},
+        observer(val){
+          val.length && this.data.showList && this.getExplainingGoodsInfo();
+        }
+      },
+      // 确认订单失败回调 刷新商品列表
+      refresh: {
+        type: Boolean,
+        value: false,
+        observer(newVal, oldVal){
+          if (newVal !== oldVal) {
+            console.log("refresh", newVal, oldVal)
+            this.onLoad()
+            this.data.explainingGoods && this.getExplainingGoodsInfo()
+          }
+        }
+      },
+    },
+    data: {
+      show: false,
+      goodsInfo:[],
+      page_size: 5,
+      page_index: 1,
+      total: 0,
+      refreshing: false,
+      finishedTxt: '加载中',
+      finished: false,
+      formExplainingGoods: {}, //小卡片拿不到一些字段，从props接受到讲解中的商品resourceID 再从接口返回里面取
+      explainingGoodsIndex: 1,
+      coupon_switch: true,
+      currentGoodsItem: {},
+      componentsState: 1
+    },
+    lifetimes: {
+        // 生命周期函数，可以为函数，或一个在methods段中定义的方法名
+        attached: function () { 
+
+        },
+        moved: function () { },
+        detached: function () { },
+    },
+    computed: {
+      showExplainingGoods(data){
+        return data.formExplainingGoods.resource_id && data.explainingGoodsIndex > 2
+      },
+    },
+    methods: {
+      sendNewMsg(){
+        this.triggerEvent('sendNewMsg')
+      },
+        getPreferentialPriceSetting(){
+          getCouponSwitch().then((res) => {
+              if (res.data.code === 0 && res.data.data) {
+                this.setData({
+                  coupon_switch: !!res.data.data.is_show
+                })
+              }
+            }).catch(err=>{
+              console.log(err)
+            })
+        },
+        showDialog(e){
+          console.log("eeee",e)
+          Dialog.confirm({
+            message: '您已拥有该课程，即将前往“鹅学习小程序”学习',
+            confirmButtonText: "前往",
+            context: this
+          })
+            .then(() => {
+              Dialog.close()
+              this.selectComponent(".goods-item").toEXueXi(e.detail)
+            })
+            .catch(() => {
+              Dialog.close()
+              return false
+            });
+        },
+        onLoad(){
+            if (this._freshing) return
+            this._freshing = true
+            this.setData({
+              finished: false,
+              page_index: 1
+            })
+            this.getGoodsList()
+        },
+        onScrolltolower(){
+            console.log(this.data.finished, this._freshing )
+            if(this.scrolling){return}
+            this.scrolling = true
+            this.setData({
+              finishedTxt: this.data.finished ? "没有更多了" : "加载中"
+            })
+            if(this.data.finished || this._freshing){
+                return
+            }
+            let onScrolltolower  = true
+            this.getGoodsList(onScrolltolower)
+        },
+        getExplainingGoodsInfo() {
+          // 打散获取讲解中商品的请求，缓解后台压力
+          setTimeout(() => {
+            let params = {
+              alive_id: this.data.aliveInfo.alive_id,
+              resource_id: this.data.explainingGoods.resource_id,
+              type: 1,
+              pageSize: 200,
+              page: 1,
+              port: 1
+            }
+            getGoodsList(params).then((res) => {
+              console.log('2222222222')
+              let {data, code} = res.data
+              if (code === 0 && data && data.length > 0) {
+                  if (data[0] && (data[0].resource_id === this.data.explainingGoods.resource_id)) {
+                    this.setData({
+                      formExplainingGoods: data[0],
+                      explainingGoodsIndex: data[0].index || 0
+                    })
+                    this.data.formExplainingGoods && this.formatItem(this.data.formExplainingGoods) // 处理数据
+                  }
+              }
+            }).catch(err=>{
+              console.log(err)
+            })
+          }, this.getRandomInt(0, 1000));
+        },
+        getGoodsList(onScrolltolower = false){
+            let state = this.data.componentsState 
+            let params = {
+              alive_id: this.data.aliveInfo.alive_id,
+              type: 1,
+              pageSize: this.data.page_size,
+              page: this.data.page_index,
+              port: 1
+            }
+            getGoodsList(params).then(res=>{
+              let { data, code } = res.data
+              if (code === 0) {
+                // 关闭弹窗的时候返回的数据丢弃 // 上拉加载与下拉刷新一起触发时丢弃上拉加载数据
+                if(state !==this.data.componentsState || (this._freshing === true && onScrolltolower) ) {
+                  return
+                }
+                var total = data[0] ? data[0].total : this.data.total
+                var finishedTxt = "加载中"
+                var finished = false
+                this.formatData(data,onScrolltolower)
+                // 下拉加载，且数据返回空
+                if(this._freshing && data.length === 0){
+                  finishedTxt = "no-data"
+                }else if (this.data.goodsInfo.length >= total || data.length === 0) {
+                    // 获取到所有数据
+                    finished = true// 没有更多了
+                    finishedTxt = "没有更多了"
+                    this.setData({finishedTxt})
+                }else {
+                  finishedTxt = "加载中"
+                }
+                this.setData({
+                  refreshing: false,
+                  page_index: this.data.page_index + 1,
+                  finishedTxt,
+                  finished,
+                  total
+                })
+                this._freshing = false
+                this.scrolling = false
+              }
+            })
+        },
+        formatData(data,onScrolltolower){
+          //onScrolltolower代表是上拉加载的标识，网卡的时候有上拉加载与下拉刷新同时请求，上拉加载的数据也push进去的情况。
+            let goodsInfo = this.data.goodsInfo
+            data.forEach((item,index) => {
+                this.formatItem(item)
+                if (!this._freshing && onScrolltolower) {
+                  goodsInfo.push(item)
+                }
+              })
+              if (this._freshing && !onScrolltolower) {
+                //下拉刷新的时候直接赋值
+                goodsInfo = JSON.parse(JSON.stringify(data))
+              }
+              this.setData({goodsInfo})
+        },
+        formatItem(e) {
+            e.resourceTypeName = e.resource_type_name // 商品类型
+            e.leftStock = e.is_activity && e.now_stock ? e.now_stock : e.stock // 商品库存，活动中且有活动库存就用活动库存
+            // 处理未到活动时间的限时折扣
+            if (e.activity_type === 3) {
+              let nowTime = new Date().getTime()
+              let startTime = new Date(e.start_at.replace(/-/g, "/")).getTime()
+              let isStart = !!(nowTime - startTime > 0)
+              if (!isStart) {
+                e.is_activity = 0 // 未到活动时间的限时折扣 不参与比价
+              }
+            }
+            // 预热前和活动结束后的秒杀不参与比价
+            if (e.activity_type === 8) {
+              let startTime = new Date(e.start_at.replace(/-/g, "/")).getTime()
+              let preHeatTime = startTime - e.sec_kill_preheat_time * 1000 // 预热开始时间
+              let nowTime = new Date().getTime()
+              let isStartPreHeat = !!(nowTime - preHeatTime > 0) // 预热时间到了
+              let endTime = new Date(e.end_at.replace(/-/g, "/")).getTime()
+              let isEndSecKill = !!(nowTime - endTime > 0) // 秒杀活动结束了
+              if (!isStartPreHeat || isEndSecKill) {
+                e.is_activity = 0 // 预热前和活动结束后的秒杀 不参与比价
+              }
+            }
+            //展示购买价处理；取原价、营销活动价、超级会员价到一个数组从小到大排序，最低为购买价。防止价格一样，所以加了权重比较
+            let arr = []
+            arr.push({
+                active: "",
+                price: e.price,
+                weight: e.price + 0.0003,
+              })
+            // 活动管理、实物商品、有价优惠券、线下课和课时包不能设置活动库存，其他可以设置活动库存得需要判断是否还剩余活动库存;拼团也不能设置活动库存。
+            let notExistNowStock = [9, 21, 41, 29, 42].indexOf(e.resource_type) > -1
+            e.is_activity &&
+              (notExistNowStock ||
+                typeof e.now_stock === "number" ||
+                e.activity_type === 6) &&
+              arr.push({
+                //参与营销活动且有活动库存的时候加入比较 now_stock -""空字符串的时候代表已经买完 -0代表不限量
+                active: MARKET_ACTIVITY_MAP[e.activity_type],
+                price: e.activity_price,
+                weight: e.activity_price + 0.0001,
+              })
+            e.svip_price &&
+              arr.push({
+                //判断超级会员价
+                active: "超级会员",
+                price: e.svip_price,
+                weight: e.svip_price + 0.0002,
+              })
+            arr.sort((a, b) => a.weight - b.weight)
+            let svipAllFree = e.resource_rights_type === 1
+            e.priceShow = arr[0].price //展示的购买价格
+            e.priceShowInt = svipAllFree ? this.priceInt(e.price) : this.priceInt(e.priceShow) // 展示价格的整数部分
+            e.priceShowFlow = svipAllFree ? this.priceFlow(e.price) : this.priceFlow(e.priceShow) // 展示是价格的小数部分
+            e.preferentialShowInt = this.priceInt(e.preferential_price) // 展示券后价的整数部分
+            e.preferentialShowFlow = this.priceFlow(e.preferential_price) // 展示券后价的小数部分
+            e.currentActive = arr[0].active //当前适用得营销模式；有可能是原价，超级会员，营销活动
+            //展示划线价处理；有营销活动、超级会员，划线价是原价；只有原价和原划线价，划线价是原划线价；
+            if (e.currentActive !== "") {
+              e.priceLine = e.price
+            } else {
+              e.priceLine = e.line_price || 0 //未设置原划线价的时候不展示划线价
+            }
+            e.priceLineShowInt = this.priceInt(e.priceLine) // 展示划线价的整数部分
+            e.priceLineShowFlow = this.priceFlow(e.priceLine) // 展示划线的小数部分
+            e.entityShowStock =  (e.resource_type === 21 || e.resource_type === 41 || e.resource_type === 68) && e.show_stock // 实物商品库存依赖 B端店铺设置（show_stock）：详情页展示不展示剩余件数
+            e.hasStock = [29,35].indexOf(e.resource_type) > -1 || e.entityShowStock || e.now_stock // 班课、线下课、实物商品、体验课、有活动库存，满足其一即展示库存
+          },
+        priceInt(val){
+          val = Number(val)
+          return ((val / 100 ).toFixed(2) + '').split('.')[0]
+        },
+        priceFlow(val){
+            val = Number(val)
+            return ((val / 100 ).toFixed(2) + '').split('.')[1] || '00'
+        },
+        getRandomInt(min, max) {
+          min = Math.ceil(min);
+          max = Math.floor(max);
+          return Math.floor(Math.random() * (max - min + 1)) + min;
+        },
+        showConfirmOrder(params) {
+          console.log("showConfirmOrder", params)
+          this.triggerEvent("showConfirmOrder", params.detail)
+        },
+        showSku(params) {
+          console.log("showSku", params)
+          this.triggerEvent("showSku", params.detail)
+        },
+        // 领取优惠券需要信息采集的事件
+        showInfoCollection(){
+          this.triggerEvent("showInfoCollection")
+        },
+        // 领取成功优惠券上报热度
+        receivedSuccess() {
+          this.triggerEvent("receivedSuccess")
+        },
+        closePop(){
+          this.setData({
+            componentsState: this.data.componentsState + 1
+          })
+           this.triggerEvent("closePop")
+        },
+        gotoPayRecords(){
+          // 屏蔽订单入口
+          this.copyDialog()
+          // let ENV_NAME = this.properties.ENV_NAME
+          // console.log("ENV_NAME", ENV_NAME)
+          // let h5Url = encodeURIComponent(`https://${this.properties.aliveInfo.app_id}.h5${ENV_NAME ? `.${ENV_NAME}` : '' }.xiaoeknow.com/v1/usercenter/order/order_list?order_state=1&unique_type=elive`)
+          // let search = `?h5_url=${h5Url}`
+          // wx.setStorageSync('unique_type', 'elive')
+          // wx &&
+          //   wx.navigateTo({
+          //     url: "/pages/goodsDetail/index" + search,
+          //   })
+        },
+        copyDialog(e){
+          let ENV_NAME = this.properties.ENV_NAME
+          let h5Url = `https://${this.properties.aliveInfo.app_id}.h5${ENV_NAME ? `.${ENV_NAME}` : '' }.xiaoeknow.com/v1/usercenter/order/order_list?order_state=1&unique_type=elive`
+          Dialog.confirm({
+            message: '暂不支持在鹅直播小程序内查看订单，请复制链接进行查看',
+            confirmButtonText: "复制链接",
+            context: this
+          })
+            .then(() => {
+              Dialog.close()
+              this.copy(h5Url)
+            })
+            .catch(() => {
+              Dialog.close()
+              return false
+            });
+        },
+        copy(url){
+          wx.setClipboardData({
+            data: url,
+            success: res => {
+              wx.getClipboardData({
+                success: function (res) {
+                  console.log("debug share url", res.data);
+                  wx.showToast({
+                    title: "复制链接成功",
+                    icon: "success",
+                    duration: 2000,
+                  });
+                }
+              })
+            },
+            fail: () => {
+              wx.showToast({
+                title: '复制失败',
+                icon: 'none'
+              })
+            }
+          })
+        },
+        preventScroll(){
+          return
+        }
+      }
+  })

package/miniprogram_dist/LiveGoodsList/index.json

@@ -0,0 +1,10 @@
+{
+  "component": true,
+  "usingComponents": {
+    "goods-item": "../GoodsItem/index",
+    "header": "./Header/index",
+    "custom-popup": "../CustomPopup",
+    "coupon-list": "../CouponList/couponColumn/index",
+    "van-dialog": "@vant/weapp/dialog/index"
+  }
+}

package/miniprogram_dist/LiveGoodsList/index.less

@@ -0,0 +1,53 @@
+
+.box {
+  margin: 0 12px;
+}
+
+.title {
+  margin: 0;
+  padding: 32px 16px 16px;
+  color: rgba(69, 90, 100, 0.6);
+  font-weight: normal;
+  font-size: 18px;
+  line-height: 20px;
+  text-align: center;
+}
+
+.btn {
+  display: block;
+  width: 100%;
+  margin: 10px 0;
+  background-color: #fff;
+}
+.page-main{
+  height: 100%;
+}
+  .goods-list{
+    box-sizing: border-box;
+    min-height: 300px;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    .finished-text{
+      display: flex;
+      justify-content: center;
+      color: #999;
+      font-size: 28rpx;
+      padding-bottom: 20rpx;
+    }
+    .no-data{
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      margin-top: 80rpx;
+      .no-data-png{
+        width: 176rpx;
+        height: 176rpx;
+      }
+      .no-data-text{
+        color: #999999;
+        font-size: 28rpx;
+        margin-top: 32rpx;
+      }
+    }
+}

package/miniprogram_dist/LiveGoodsList/index.wxml

@@ -0,0 +1,74 @@
+<!-- 
+  /*
+  * @Descripttion: 
+  * @version: 
+  * @Author: conlinchen
+  * @Date: 2021-10-28 15:32:24
+ * @LastEditors: conlinchen
+ * @LastEditTime: 2021-11-18 19:51:34
+  */ 
+ -->
+<view>
+  <custom-popup
+    showPopup="{{ show }}"
+    customStyle="height: calc(100% - 422rpx);"
+    bind:close="closePop"
+    overlay="{{false}}">
+    <view slot="header">
+      <!-- 弹窗头部 start-->
+      <header bind:closePop="closePop" bind:gotoPayRecords="gotoPayRecords"></header>
+      <!-- 弹窗头部 end-->
+    </view>
+    <view slot="content" class="page-main">
+      <!-- 商品列表 start-->
+      <scroll-view class="goods-list"  scroll-y="true" bindscrolltolower="onScrolltolower" refresher-triggered="{{refreshing}}" bindrefresherrefresh="onLoad" refresher-enabled="{{true}}">
+      <!-- 优惠券列表 start -->
+      <coupon-list aliveInfo="{{ aliveInfo }}" bind:showPopup="showInfoCollection" bind:receivedSuccess="receivedSuccess" sensorReportParams="{{sensorReportParams}}"></coupon-list>
+      <!-- 优惠券列表 end -->
+      <!-- 讲解中的商品 start -->
+        <block wx:if="{{showExplainingGoods}}">
+          <goods-item
+              aliveInfo="{{aliveInfo}}"
+              goodsInfo="{{formExplainingGoods}}"
+              index="{{explainingGoodsIndex}}"
+              coupon_switch="{{coupon_switch}}"
+              bind:sendNewMsg="sendNewMsg"
+              bind:showConfirmOrder="showConfirmOrder"
+              bind:showSku="showSku"
+              explainingGoods="{{explainingGoods}}"
+              bind:showDialog="showDialog"
+              class="goods-item"
+              envName="{{ENV_NAME}}"
+              sensorReportParams="{{sensorReportParams}}"
+          ></goods-item>
+        </block>
+      <!-- 讲解中的商品 end -->
+        <goods-item
+            wx:for="{{goodsInfo}}"
+            wx:for-item="goodsItem"
+            wx:key="index"
+            goodsInfo="{{goodsItem}}"
+            index="{{index}}"
+            coupon_switch="{{coupon_switch}}"
+            bind:sendNewMsg="sendNewMsg"
+            bind:showConfirmOrder="showConfirmOrder"
+            bind:showSku="showSku"
+            aliveInfo="{{aliveInfo}}"
+            explainingGoods="{{explainingGoods}}"
+            bind:showDialog="showDialog"
+            bind:toDetails="toDetails"
+            class="goods-item"
+            envName="{{ENV_NAME}}"
+            sensorReportParams="{{sensorReportParams}}"
+        ></goods-item>
+        <view class="finished-text" wx:if="{{!refreshing && finishedTxt !== 'no-data'}}">{{finishedTxt}}</view>
+        <view class="no-data" wx:if="{{!refreshing && finishedTxt === 'no-data'}}">
+          <image class="no-data-png" src="../common/assets/images/liveGoodsList/no-data.png" />
+          <text class="no-data-text">请等待商品上架</text>
+        </view>
+      </scroll-view>
+      <!-- 商品列表 end-->
+    </view>
+  </custom-popup>
+</view>
+<van-dialog id="van-dialog" confirm-button-color="#105cfb"/>