xiaoe_mp_npm 0.2.2-beta1 → 0.2.2-beta2

package/miniprogram_dist/GoodsItem/index.js

@@ -0,0 +1,538 @@
+/*
+ * @Descripttion:
+ * @version:
+ * @Author: conlinchen
+ * @Date: 2021-10-28 18:17:48
+ * @LastEditors: conlinchen
+ * @LastEditTime: 2021-11-18 19:49:11
+ */
+import {debounce} from "../common/utils/index"
+import { getUserPermission, snapCheck } from "../common/api/liveGoodsList"
+const {utils, sensorLog } = require("live-mp-tools");
+
+const computedBehavior = require('miniprogram-computed').behavior
+
+Component({
+  behaviors: [computedBehavior],
+  options: {
+    addGlobalClass: true,
+  },
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    goodsInfo: {
+      type: Object,
+      value: {},
+      observer(newVal){
+        //超级会员全免权益
+        let svipAllFree = newVal.resource_rights_type  === 1
+        let currentActive = ''
+        if(svipAllFree){
+          currentActive = '超级会员'
+        }else {
+          currentActive = newVal.currentActive
+        }
+        //IOS小程序端 ios小程序商品列表 直播、线下课、班课、实物商品可买，其他知识商品不可买，需不显示价格 点击去抢购后按现网逻辑跳转至小程序的商品详情
+        let info = wx.getSystemInfoSync()
+        let IOSMiniProgramCanBuy =  [4,29,35,21].indexOf(newVal.resource_type) > -1  //true-能买 false-不能买
+        let isIOS = info.platform === 'ios'
+        console.log("platform",info.platform,isIOS)
+        const pages = getCurrentPages();
+        const currentPage = pages[pages.length - 1];
+        const url = `/${currentPage.route}`;
+        //预热开始时间
+        let startTime = newVal.start_at && new Date(newVal.start_at.replace(/-/g, "/")) || new Date()
+        let time = startTime.getTime() - newVal.sec_kill_preheat_time * 1000
+        let preHeatTime = new Date(time) || new Date()
+
+        let hasPreheat = newVal.sec_kill_is_preheat === 1
+
+        let startTime2 = newVal.start_at && new Date(newVal.start_at.replace(/-/g, "/")) || new Date()
+        let nowTime = new Date().getTime()
+        let preheating = hasPreheat && nowTime > preHeatTime.getTime() && startTime2.getTime() > nowTime
+        let isSeckill = currentActive === '秒杀'
+
+
+        this.setData({
+          goodsItem: newVal,
+          currentActive,
+          IOSMiniProgramCanBuy,
+          isIOS,
+          page_path: url,
+          preHeatTime,
+          preheating,
+          isSeckill
+        },()=>this.countTime())
+      }
+    },
+    index: {
+      type: Number,
+      value: 0
+    },
+    explainingGoods: {
+      type:Object,
+      value: {}
+    },
+    isInElive: {
+      type: Boolean,
+      value: false
+    },
+    aliveInfo: {
+      type: Object,
+      value: {},
+    },
+    //店铺设置是否展示券后价
+    coupon_switch: {
+      type: Boolean,
+      value: false
+    },
+    envName:{
+      type: String,
+      value: ""
+    },
+    sensorReportParams: {
+      type: Object,
+      value: {}
+    },
+    current_role: {
+      type: String,
+      value: 'student'
+    }
+  },
+
+  lifetimes: {
+      // 生命周期函数，可以为函数，或一个在methods段中定义的方法名
+      attached: function () {
+        
+      },
+      moved: function () { },
+      detached: function () { },
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    time: '',
+    goodsItem: {},
+    currentActive: '',
+    IOSMiniProgramCanBuy: false,
+    isIOS: false,
+    page_path: '',
+    preHeatTime: '',
+    isSeckill: false,
+    checked: false,
+    switchLoading: false
+  },
+  computed: {
+    showPreferentialPrice(properties){
+       // 券后价小于展示价格的时候展示券后价; coupon_switch B端店铺设置 是否展示券后价,err_code === 0 是正常，非0表示券后价相关接口报错了，去抢购按钮展示为查看详情
+        //超级会员全免权益
+        let svipAllFree = properties.goodsInfo.resource_rights_type  === 1
+        //免费的情况下不展示券后价
+        let isFree = svipAllFree || properties.goodsInfo.priceShow === 0
+        let showPreferentialPrice = properties.coupon_switch && properties.goodsInfo.preferential_price < properties.goodsInfo.priceShow && !properties.goodsInfo.err_code && !isFree
+        return showPreferentialPrice
+    },
+    params_url(data){
+      if(!Object.keys(data.goodsItem).length){
+        return ''
+      }else {
+        let url = data.goodsItem.target_url.replaceAll('&',"@")
+        let url2 = url.replaceAll('?',"$")
+        return `${data.page_path}?type=1&link=${url2}&title=${data.goodsItem.title}`
+      }
+    },
+    isStudent(properties){
+      return properties.current_role === 'student'
+    },
+    //超过99999不够位置展示划线价，只能不要孩子了
+    showPriceLine(data){
+      return data.goodsItem.priceLine > 0 && ( data.goodsItem.priceShow < 100000 || !data.showPreferentialPrice )
+    },
+    showPrice(data){
+      return data.isIOS && data.IOSMiniProgramCanBuy && data.goodsItem.priceShow !== 0 || !data.isIOS && data.goodsItem.priceShow !== 0
+    },
+    // 是否为安卓设备
+    isAndroid() {
+      let info = wx.getSystemInfoSync()
+      return info.platform === 'android'
+    },
+    //讲解中的商品
+    isShowExamplaining(properties) {
+        return properties.explainingGoods && properties.explainingGoods.resource_id === properties.goodsItem.resource_id;
+    },
+    //销量/订阅。只有 实物商品 21 、专栏 6、大专栏 8、会员 5 展示,受B端店铺设置（hide_sub_count）：隐藏商品销量控制 0-显示 1-隐藏
+    hasSaleNum(data){
+      return [21,6,8,5,41,68].indexOf(data.goodsItem.resource_type) > -1 && !data.goodsItem.hide_sub_count && data.goodsItem.order_num > 0
+    },
+    //销量/订阅。只有 实物商品 21 、专栏 6、大专栏 8、会员 5 展示
+    saleNum(data){
+      //实物商品
+      if(data.goodsItem.resource_type === 21 || data.goodsItem.resource_type === 41 || data.goodsItem.resource_type === 68){
+          return ' 已售 ' + (data.goodsItem.order_num || 0)
+      } else if(data.goodsItem.resource_type === 6 || data.goodsItem.resource_type === 8 || data.goodsItem.resource_type === 5){
+          return ' 订阅 ' + (data.goodsItem.order_num || 0)
+      } else {
+        return ''
+      }
+    },
+    btnTxt(data){
+      // 以下各种情况，按去查看 -> 已抢光 -> 查看详情 -> 免费领取 -> 券后 -> 去抢购 优先级展示
+      // 超级会员全免权益
+      let svipAllFree = data.goodsItem.resource_rights_type  === 1
+      if(data.isIOS && !data.IOSMiniProgramCanBuy){
+        // IOS小程序中不能买的展示去查看，跳转到小程序客服
+        return "去查看"
+      }else if(data.goodsItem.hasStock && data.goodsItem.leftStock === 0){
+        // 库存为0，已售罄
+        return "抢光了"
+      }else if(data.goodsItem.err_code){
+        // 券后价接口报错，领取不了优惠券的情况
+        return "查看详情"
+      }else if(svipAllFree || data.goodsItem.priceShow === 0){
+        // 超级会员全免或者0元商品
+        return "免费领取"
+      }else if(data.showPreferentialPrice) {
+        // 展示券后价
+        return "券后"
+      }else {
+        return "去抢购"
+      }
+    },
+    //当前适用的活动或者超级会员，活动价低就是活动，会员价低就是超级会员,超级会员全免，肯定最低，适用超级会员
+    //   "限时折扣",
+    //   "好友助力",
+    //   "裂变海报",
+    //   "拼团",
+    //   "涨粉神器",
+    //   "秒杀",
+    //   "超级会员",
+    //是否开启了预热 1-开启 0-未开启
+    hasPreheat(data){
+        return data.goodsItem.sec_kill_is_preheat === 1
+    },
+    //秒杀开始时间
+    startTime(data){
+        return data.goodsItem.start_at && new Date(data.goodsItem.start_at.replace(/-/g, "/")) || new Date()
+    },
+    //超级会员
+    isSupperVip(data){
+        return data.currentActive === '超级会员'
+    },
+    //秒杀活动需要预约
+    isAppointment(data){
+      data.goodsItem.appointment = 1 //mock
+        return data.goodsItem.appointment === 1
+    },
+    secText(data){
+        if(data.isSeckill && data.preheating){
+            return `秒杀活动将在 ${ data.time } 后开始`
+        }else {
+            return ''
+        }
+    },
+    filterSrc(data){
+      return utils.replaceCDN(data.goodsItem.img_url, '?imageMogr2/thumbnail/400x400>/ignore-error/1')
+    }
+  },
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    snapUpCheck: debounce(function (){
+      this.showToast('努力加载中')
+      this.triggerEvent('sendNewMsg')
+      let { aliveInfo, sensorReportParams, goodsInfo } = this.properties
+      sensorLog.sensors.track('click_butt',{
+        page_id:'e_alive#mini#first#alive_room',
+        page_name:'直播间页面',
+        l_program: '鹅直播',
+        page_path: '鹅直播#小程序#首页#直播间页面',
+        page_button: "列表去抢购",
+        client: "小程序",
+        goods_id: goodsInfo.id,
+        app_id: aliveInfo.app_id,
+        c_user_id: aliveInfo.user_id,
+        union_id: wx.getStorageSync('userInfo').universal_union_id,
+        current_role: sensorReportParams.current_role,
+        resource_id: aliveInfo.alive_id,
+        type: sensorReportParams.type,
+        cmm1: sensorReportParams.alive_type,
+        cmm2: sensorReportParams.version_type,
+        comm2: sensorReportParams.pay_type
+      })
+      // 直播商品4/分销商品12 22/线下课29/拼团 --判断权益
+      if([4, 12, 22, 29].indexOf(this.data.goodsItem.resource_type) > -1 || this.data.goodsItem.activity_type === 6){
+        this.judgePermission()
+        return
+      }
+      let params = {
+          id: this.data.goodsItem.id,
+          resource_id: this.data.goodsItem.resource_id,
+          resource_type: this.data.goodsItem.resource_type,
+          price: this.data.goodsItem.price,
+          type: 4,
+          coupon_id: this.data.goodsItem.coupon_id,
+          alive_id: this.data.aliveInfo.alive_id
+      }
+      snapCheck(params).then(res => {
+        this.hideToast()
+        let { code, data } = res.data
+        if (code === 0) {
+            if(data.err_msg){
+              this.showToast(data.err_msg)
+            }
+            if(data.is_sec_kill_toast){
+              this.showToast("秒杀活动开始，您未预约，需以原价购买！")
+            }
+            if(data.is_goods_detail === 1){
+              this.judgePermission(data.is_has_permission)
+            } else if (data.is_more_sku === 1){
+                this.showSku()
+            } else {
+                this.showConfirmOrder(data.sku)
+            }
+        }else{
+          this.showToast("网络繁忙，请稍后再试")
+        }
+      })
+  }, 1000, true),
+  cardToDetails(){
+    let { aliveInfo, sensorReportParams, goodsInfo } = this.properties
+    sensorLog.sensors.track('click_butt',{
+      page_id:'e_alive#mini#first#alive_room',
+      page_name:'直播间页面',
+      l_program: '鹅直播',
+      page_path: '鹅直播#小程序#首页#直播间页面',
+      page_button: "列表空白热区",
+      client: "小程序",
+      goods_id: goodsInfo.id,
+      product_name: goodsInfo.title,
+      app_id: aliveInfo.app_id,
+      c_user_id: aliveInfo.user_id,
+      union_id: wx.getStorageSync('userInfo').universal_union_id,
+      current_role: sensorReportParams.current_role,
+      resource_id: aliveInfo.alive_id,
+      type: sensorReportParams.type,
+      cmm1: sensorReportParams.alive_type,
+      cmm2: sensorReportParams.version_type,
+      comm2: sensorReportParams.pay_type
+    })
+    this.judgePermission()
+  },
+  // 判断权益
+  judgePermission: debounce(async function (permission){
+    // 实物21 有价优惠券41  可多次购买,去详情页; 直播商品4不管有没有权益都去详情页啦。
+    if([41, 4, 21].indexOf(Number(this.data.goodsItem.resource_type)) > -1){
+      this.toDetails()
+      return
+    }
+
+    if(permission !== 0 && permission !== 1){
+      permission = await this.getUserPermission()
+    }
+
+    console.log("permission", permission)
+    if(permission){
+      // 电子书20/班课35 鹅学习不支持，无权益的情况下,内嵌h5, 有权益TOAST提示
+      if([20, 35].indexOf(this.data.goodsItem.resource_type) > -1){
+          this.showToast('您已拥有该课程，小程序内暂不支持学习此课程')
+        } else {
+          // 父组件
+          this.showdialog(this.data.goodsItem)
+      }
+    } else {
+      this.toDetails()
+    }
+}, 1000, true),
+getUserPermission(){
+  return new Promise((resolve, reject) => {
+    let params = {
+      id: this.data.goodsItem.id
+    }
+    getUserPermission(params).then((res) => {
+      let { code, data } = res.data
+      if (code === 0) {
+        resolve(!!data.auth_state)
+      }
+    })
+  })},
+  showConfirmOrder(sku){
+    //带货列表返回的 resource_id就是业务侧的spu_id
+    // 返回的id,就是业务侧的resource_id
+    let params = {
+          id: this.data.goodsItem.resource_id,
+          spu_id: this.data.goodsItem.resource_id,
+          resource_type: this.data.goodsItem.resource_type,
+          resource_id: this.data.goodsItem.id,
+          spu_type: this.data.goodsItem.spu_type,
+          sku,
+          count: 1,
+          isAlive:1,
+          aliveId: this.data.aliveInfo.alive_id,
+          isCollectCoupons: this.data.showPreferentialPrice
+    }
+    this.triggerEvent("showConfirmOrder", params)
+  },
+  showSku(){
+    let params = {
+      spuId: this.data.goodsItem.resource_id,
+      isCollectCoupons: this.data.showPreferentialPrice
+    }
+    this.triggerEvent("showSku", params)
+  },
+  showdialog(){
+    this.triggerEvent('showDialog',this.data.goodsItem)
+  },
+  sendNewMsg(){
+    this.triggerEvent('sendNewMsg')
+  },
+  showToast(title = ''){
+    wx.showToast({
+      title,
+      icon: "none",
+      duration: 1000
+    })
+  },
+  hideToast(){
+    wx.hideToast()
+  },
+  countTime() {  
+    if(!this.data.isSeckill || !this.data.preheating){ //不是秒杀活动 或者不在预热中不倒计时
+        return
+    }
+    //获取当前时间
+    let date = new Date();
+    let now = date.getTime();
+    //截止时间
+    let deadline = new Date(this.data.startTime);
+    let end = deadline.getTime();
+    //剩余时间
+    let time = end-now;
+    //定义变量 d,h,m,s保存倒计时的时间
+    let d = 0,h = 0,m = 0,s = 0;
+    if (time>=0) {
+        d = Math.floor(time/1000/60/60/24);
+        h = Math.floor(time/1000/60/60%24);
+        m = Math.floor(time/1000/60%60);
+        s = Math.floor(time/1000%60);
+        h= d > 0 ? h + 24 * d : h
+        h =  h < 10 ? '0' + h : h
+        m =  m < 10 ? '0' + m : m
+        s =  s < 10 ? '0' + s : s
+        this.setData({
+          time: h+":" + m+":"+ s
+        })
+    }
+    //递归每秒调用countTime方法，显示动态时间效果
+    let that = this
+    if(!(d===0 && h===0 && m===0 && s===0)){ //秒杀活动还未到时间
+      setTimeout(()=>that.countTime(),1000)
+    }
+  },
+  handleContact(e){
+    console.log("点击了去查看")
+  },
+  formatUrl(goodsInfo){
+    var url = ''
+    var jumpUrl = ''
+    if(typeof goodsInfo == 'object' && Object.keys(goodsInfo).length > 0){
+      url = goodsInfo.target_url
+      jumpUrl = goodsInfo.target_url
+    }else{
+      url = this.data.goodsItem.target_url
+      jumpUrl = this.data.goodsItem.target_url //跳转链接
+    }
+    //跳转链接 带上参数
+    let queryIndex = url.indexOf("?"); //查询索引位置
+    if (queryIndex === -1) {
+        jumpUrl += "?"; //问号不存在，则拼接问号
+    } else {
+        url.length - 1 !== queryIndex ? (jumpUrl += "&") : ""; //问号是否不在末尾位置? 进行&拼接 ：不处理
+    }
+    jumpUrl = `${jumpUrl}live_room=1&success=1&aliveId=${this.data.aliveInfo.alive_id}`;
+    if (![0, 2, 3].includes(this.data.aliveInfo.alive_state)) {
+        jumpUrl += `&is_living=1&unique_type=elive`;
+    }
+    return encodeURIComponent(jumpUrl)
+  },
+  toDetails(){
+    let { title, img_url } = this.data.goodsItem
+    let params = encodeURIComponent(`img_url=${img_url}&title=${title}&params_url=${this.data.params_url}`)
+    console.log("urlurlurl",`/page/customerService/customerService?params=${params}`)
+    if(this.data.goodsItem.resource_type === 4){
+      wx && wx.navigateTo({
+        url: `/pages/webView/webView?appId=${this.properties.aliveInfo.app_id}&aliveId=${this.data.goodsItem.id}&refreshAliveId=${this.properties.aliveInfo.alive_id}`,
+      })
+
+    } else {
+      // 暂时屏蔽内嵌H5详情页，拉起客服
+      wx && wx.navigateTo({
+        url: '/page/customerService/customerService' + `?params=${params}`
+      })
+    }
+},
+  toEXueXi(goodsInfo){
+    let { aliveInfo, sensorReportParams } = this.properties
+    sensorLog.sensors.track('click_butt',{
+      page_id:'e_alive#mini#first#alive_room',
+      page_name:'直播间页面',
+      l_program: '鹅直播',
+      page_path: '鹅直播#小程序#首页#直播间页面',
+      page_button: "前往",
+      app_id: aliveInfo.app_id,
+      c_user_id: aliveInfo.user_id,
+      union_id: wx.getStorageSync('userInfo').universal_union_id,
+      current_role: sensorReportParams.current_role,
+      resource_id: aliveInfo.alive_id,
+      type: sensorReportParams.type,
+      cmm1: sensorReportParams.alive_type,
+      cmm2: sensorReportParams.version_type,
+      comm2: sensorReportParams.pay_type
+    })
+    let h5_url = this.formatUrl(goodsInfo)
+    var path
+    // 音频 视频 
+    if(goodsInfo.resource_type === 2 || goodsInfo.resource_type === 3){
+      path = `/pages/index/authorizePage?user_id=${aliveInfo.user_id}&app_id=${aliveInfo.app_id}&resource_id=${goodsInfo.id}&unique_type=elive`
+    }else {
+      // 其他
+      path = `/pages/index/authorizePage?user_id=${aliveInfo.user_id}&app_id=${aliveInfo.app_id}&h5_url=${h5_url}`
+    }
+    console.log("path", path)
+    let params = {
+      appId: "wxa3589f1193170aa3",
+      path,
+
+    }
+    if(this.properties.envName == 'inside' || this.properties.envName == 'test'){ //开发环境 测试环境 加上这个参数可以跳转去鹅学习体验版
+      params.appId = 'wx9eb4d7b3f2a3e003'
+      params.envVersion='trial'
+    }else{
+      params.appId = "wxa3589f1193170aa3"
+    }
+    console.log("exuexiexuexi",params)
+    wx.navigateToMiniProgram(params)
+  },
+  sendGoodsCard(){
+    this.triggerEvent('sendGoodsCard',this.data.goodsItem)
+  },
+  changeShowType(){
+    this.setData({
+      switchLoading: true
+    })
+    let that = this
+    setTimeout(()=>{
+      that.setData({
+        checked: !this.data.checked,
+        switchLoading: false
+      })
+    },2000)
+  },
+  stopEvent(){
+    return
+  }
+}
+})

package/miniprogram_dist/GoodsItem/index.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-switch": "@vant/weapp/switch/index"
+  }
+}