123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390 |
- const WXAPI = require('apifm-wxapi')
- const AUTH = require('../../utils/auth')
- const TOOLS = require('../../utils/tools.js') // TOOLS.showTabBarBadge();
- Page({
- /**
- * 页面的初始数据
- */
- data: {
- categories: [],
- activeCategory: 0,
- categorySelected: {
- name: '',
- id: ''
- },
- currentGoods: [],
- onLoadStatus: true,
- scrolltop: 0,
- skuCurGoods: undefined,
- page: 1,
- pageSize: 20
- },
- /**
- * 生命周期函数--监听页面加载
- */
- onLoad: function(options) {
- wx.showShareMenu({
- withShareTicket: true
- })
- this.categories();
- },
- async categories() {
- wx.showLoading({
- title: '',
- })
- const res = await WXAPI.goodsCategory()
- wx.hideLoading()
- let activeCategory = 0
- let categorySelected = this.data.categorySelected
- if (res.code == 0) {
- const categories = res.data
- categories.forEach(p => {
- p.childs = categories.filter(ele => {
- return p.id == ele.pid
- })
- })
- const firstCategories = categories.filter(ele => { return ele.level == 1 })
- if (this.data.categorySelected.id) {
- activeCategory = firstCategories.findIndex(ele => {
- return ele.id == this.data.categorySelected.id
- })
- categorySelected = firstCategories[activeCategory]
- } else {
- categorySelected = firstCategories[0]
- }
- this.setData({
- page: 1,
- activeCategory,
- categories,
- firstCategories,
- categorySelected
- })
- this.getGoodsList()
- }
- },
- async getGoodsList() {
- wx.showLoading({
- title: '',
- })
- // secondCategoryId
- let categoryId = ''
- if (this.data.secondCategoryId) {
- categoryId = this.data.secondCategoryId
- } else if(this.data.categorySelected.id) {
- categoryId = this.data.categorySelected.id
- }
- const res = await WXAPI.goods({
- categoryId,
- page: this.data.page,
- pageSize: this.data.pageSize
- })
- wx.hideLoading()
- if (res.code == 700) {
- if (this.data.page == 1) {
- this.setData({
- currentGoods: null
- });
- } else {
- wx.showToast({
- title: '没有更多了',
- icon: 'none'
- })
- }
- return
- }
- if (res.code != 0) {
- wx.showToast({
- title: res.msg,
- icon: 'none'
- })
- return
- }
- if (this.data.page == 1) {
- this.setData({
- currentGoods: res.data
- })
- } else {
- this.setData({
- currentGoods: this.data.currentGoods.concat(res.data)
- })
- }
- },
- onCategoryClick(e) {
- const idx = e.target.dataset.idx
- if (idx == this.data.activeCategory) {
- this.setData({
- scrolltop: 0,
- })
- return
- }
- this.setData({
- page: 1,
- secondCategoryId: '',
- activeCategory: idx,
- categorySelected: this.data.firstCategories[idx],
- scrolltop: 0
- });
- this.getGoodsList();
- },
- onSecondCategoryClick(e) {
- const idx = e.detail.index
- let secondCategoryId = ''
- if (idx) {
- // 点击了具体的分类
- secondCategoryId = this.data.categorySelected.childs[idx-1].id
- }
- this.setData({
- page: 1,
- secondCategoryId
- });
- this.getGoodsList();
- },
- bindconfirm(e) {
- this.setData({
- inputVal: e.detail
- })
- wx.navigateTo({
- url: '/pages/goods/list?name=' + this.data.inputVal,
- })
- },
- onShareAppMessage() {
- return {
- title: '"' + wx.getStorageSync('mallName') + '" ' + wx.getStorageSync('share_profile'),
- path: '/pages/index/index?inviter_id=' + wx.getStorageSync('uid')
- }
- },
- onShow() {
- AUTH.checkHasLogined().then(isLogined => {
- if (isLogined) {
- this.setData({
- wxlogin: isLogined
- })
- TOOLS.showTabBarBadge() // 获取购物车数据,显示TabBarBadge
- }
- })
- const _categoryId = wx.getStorageSync('_categoryId')
- wx.removeStorageSync('_categoryId')
- if (_categoryId) {
- this.data.categorySelected.id = _categoryId
- this.categories();
- }
- },
- async addShopCar(e) {
- const curGood = this.data.currentGoods.find(ele => {
- return ele.id == e.currentTarget.dataset.id
- })
- if (!curGood) {
- return
- }
- if (curGood.stores <= 0) {
- wx.showToast({
- title: '已售罄~',
- icon: 'none'
- })
- return
- }
- this.addShopCarCheck({
- goodsId: curGood.id,
- buyNumber: 1,
- sku: []
- })
- },
- async addShopCarCheck(options){
- AUTH.checkHasLogined().then(isLogined => {
- this.setData({
- wxlogin: isLogined
- })
- if (isLogined) {
- // 处理加入购物车的业务逻辑
- this.addShopCarDone(options)
- } else {
- AUTH.openLoginDialog()
- }
- })
- },
- async addShopCarDone(options){
- const res = await WXAPI.shippingCarInfoAddItem(wx.getStorageSync('token'), options.goodsId, options.buyNumber, options.sku)
- if (res.code == 30002) {
- // 需要选择规格尺寸
- const skuCurGoodsRes = await WXAPI.goodsDetail(options.goodsId)
- if (skuCurGoodsRes.code != 0) {
- wx.showToast({
- title: skuCurGoodsRes.msg,
- icon: 'none'
- })
- return
- }
- wx.hideTabBar()
- const skuCurGoods = skuCurGoodsRes.data
- skuCurGoods.basicInfo.storesBuy = 1
- this.setData({
- skuCurGoods,
- skuGoodsPic: skuCurGoods.basicInfo.pic,
- selectSizePrice: skuCurGoods.basicInfo.minPrice,
- selectSizeOPrice: skuCurGoods.basicInfo.originalPrice,
- skuCurGoodsShow: true
- })
- return
- }
- if (res.code != 0) {
- wx.showToast({
- title: res.msg,
- icon: 'none'
- })
- return
- }
- wx.showToast({
- title: '加入成功',
- icon: 'success'
- })
- this.setData({
- skuCurGoods: null,
- skuCurGoodsShow: false
- })
- wx.showTabBar()
- TOOLS.showTabBarBadge() // 获取购物车数据,显示TabBarBadge
- },
- storesJia(){
- const skuCurGoods = this.data.skuCurGoods
- if (skuCurGoods.basicInfo.storesBuy < skuCurGoods.basicInfo.stores) {
- skuCurGoods.basicInfo.storesBuy++
- this.setData({
- skuCurGoods
- })
- }
- },
- storesJian(){
- const skuCurGoods = this.data.skuCurGoods
- if (skuCurGoods.basicInfo.storesBuy > 1) {
- skuCurGoods.basicInfo.storesBuy--
- this.setData({
- skuCurGoods
- })
- }
- },
- closeSku(){
- this.setData({
- skuCurGoods: null,
- skuCurGoodsShow: false
- })
- wx.showTabBar()
- },
- skuSelect(e){
- const pid = e.currentTarget.dataset.pid
- const id = e.currentTarget.dataset.id
- // 处理选中
- const skuCurGoods = this.data.skuCurGoods
- const property = skuCurGoods.properties.find(ele => {return ele.id == pid})
- let child
- property.childsCurGoods.forEach(ele => {
- if (ele.id == id) {
- ele.active = true
- child = ele
- } else {
- ele.active = false
- }
- })
- // 显示图片
- let skuGoodsPic = this.data.skuGoodsPic
- if (skuCurGoods.subPics && skuCurGoods.subPics.length > 0) {
- const _subPic = skuCurGoods.subPics.find(ele => {
- return ele.optionValueId == child.id
- })
- if (_subPic) {
- skuGoodsPic = _subPic.pic
- }
- }
- this.setData({
- skuCurGoods,
- skuGoodsPic
- })
- // 计算价格
- this.calculateGoodsPrice()
- },
- async calculateGoodsPrice() {
- // 计算最终的商品价格
- let price = this.data.skuCurGoods.basicInfo.minPrice
- let originalPrice = this.data.skuCurGoods.basicInfo.originalPrice
- let totalScoreToPay = this.data.skuCurGoods.basicInfo.minScore
- let buyNumMax = this.data.skuCurGoods.basicInfo.stores
- let buyNumber = this.data.skuCurGoods.basicInfo.minBuyNumber
- // 计算 sku 价格
- const needSelectNum = this.data.skuCurGoods.properties.length
- let curSelectNum = 0;
- let propertyChildIds = "";
- let propertyChildNames = "";
- this.data.skuCurGoods.properties.forEach(p => {
- p.childsCurGoods.forEach(c => {
- if (c.active) {
- curSelectNum++;
- propertyChildIds = propertyChildIds + p.id + ":" + c.id + ",";
- propertyChildNames = propertyChildNames + p.name + ":" + c.name + " ";
- }
- })
- })
- let canSubmit = false;
- if (needSelectNum == curSelectNum) {
- canSubmit = true;
- }
- if (canSubmit) {
- const res = await WXAPI.goodsPrice(this.data.skuCurGoods.basicInfo.id, propertyChildIds)
- if (res.code == 0) {
- price = res.data.price
- originalPrice = res.data.originalPrice
- totalScoreToPay = res.data.score
- buyNumMax = res.data.stores
- }
- }
- this.setData({
- selectSizePrice: price,
- selectSizeOPrice: originalPrice,
- totalScoreToPay: totalScoreToPay,
- buyNumMax,
- buyNumber: (buyNumMax > buyNumber) ? buyNumber : 0
- });
- },
- addCarSku(){
- const skuCurGoods = this.data.skuCurGoods
- const propertySize = skuCurGoods.properties.length // 有几组SKU
- const sku = []
- skuCurGoods.properties.forEach(p => {
- const o = p.childsCurGoods.find(ele => {return ele.active})
- if (!o) {
- return
- }
- sku.push({
- optionId: o.propertyId,
- optionValueId: o.id
- })
- })
- if (sku.length != propertySize) {
- wx.showToast({
- title: '请选择规格',
- icon: 'none'
- })
- return
- }
- const options = {
- goodsId: skuCurGoods.basicInfo.id,
- buyNumber: skuCurGoods.basicInfo.storesBuy,
- sku
- }
- this.addShopCarDone(options)
- },
- processLogin(e) {
- if (!e.detail.userInfo) {
- wx.showToast({
- title: '已取消',
- icon: 'none',
- })
- return;
- }
- AUTH.register(this);
- },
- goodsGoBottom() {
- this.data.page++
- this.getGoodsList()
- },
- })
|