first commit

衣莎项目/源码/YiShaXiYi/mall/index/shopInfo/shopInfo.js

@@ -0,0 +1,220 @@
+// mall/index/shopInfo/shopInfo.js
+const app = getApp();
+const regeneratorRuntime = app.loadAsync()
+const model = app.loadModel("index")
+const http = app.loadHttp()
+const util = app.loadUtils("util")
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    system: app.globalData.system, //设备相关信息
+    pageTitle: "详情", //头部标题
+    isBack: true,//显示返回
+    imgUrls: [
+      'https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1564218168&di=f9df8e6bc2e9d02f6f1b7fc73247d927&src=http://ac-r.static.booking.cn/images/hotel/max1024x768/987/98767654.jpg',
+      'https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1564218168&di=f9df8e6bc2e9d02f6f1b7fc73247d927&src=http://ac-r.static.booking.cn/images/hotel/max1024x768/987/98767654.jpg',
+      'https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1564218168&di=f9df8e6bc2e9d02f6f1b7fc73247d927&src=http://ac-r.static.booking.cn/images/hotel/max1024x768/987/98767654.jpg'
+    ],
+    indicatorDots: false,
+    autoplay: true,
+    interval: 3000,
+    duration: 1000,
+    current: 0,
+    visible: false,
+    cartNum: 0,//角标
+    id: "",//商品id
+    shopInfo: {},//商品的详情信息
+    shopAttr: [],//商品的属性
+    attr: [],//勾选了的属性
+    type: null,//0购物车 1购买
+    num: 1,//商品的数量
+  },
+  // 轮播图下表
+  currentChange(e) {
+    this.setData({
+      current: e.detail.current
+    })
+  },
+  //弹出层开启关闭
+  onClose(e) {
+    let type = e.currentTarget.dataset.type
+    this.setData({
+      visible: !this.data.visible,
+      type: type
+    })
+  },
+  // 打开弹出层
+  onOpen() {
+    this.setData({
+      visible: true
+    })
+  },
+  // 选择数量
+  numChang(e) {
+    this.setData({
+      num: e.detail.value
+    })
+  },
+  // 选择完确定
+  async sure() {
+    let shopInfo = this.data.shopInfo
+    let data = {
+      id: shopInfo.id,
+      name: shopInfo.name,
+      image: shopInfo.top_img,
+      original_price: shopInfo.original_price,
+      price: shopInfo.price,
+      num: this.data.num,
+      attr: this.data.attr
+    }
+    this.setData({
+      visible: false
+    })
+    if (this.data.type == 0) {
+      model.shopCart.setCart(data)
+      return
+    }
+    let isLogin = await util.isLoginJump()
+    if (isLogin == 1) return;
+    app.globalData.temCart = {
+      total: (data.num * data.price).toFixed(2),
+      allCart: [data]
+    }
+    wx.navigateTo({
+      url: "/mall/placeOrder/placeOrder"
+    })
+  },
+  // 获取商品的详情
+  async getShopInfo() {
+    let res = await http.http.request1({ url: `${http.api.storeProductDetails}/${this.data.id}`, method: "GET" })
+    this.setData({
+      shopInfo: res.data.data
+    })
+    this.getAttr()
+  },
+  // 获取商品属性
+  async getAttr() {
+    let res = await http.http.request1({ url: `${http.api.storeProductAttr}/${this.data.id}`, method: "GET" })
+    res.data.data.map((v, i) => {
+      res.data.data[i].index = i
+    })
+    this.setData({
+      shopAttr: res.data.data
+    })
+  },
+  // 实时更新购物车角标
+  async realUpdateCarker() {
+    var that = this
+    app.setWatching('cartNum', (v) => {
+      that.setData({
+        cartNum: v
+      });
+    });
+  },
+  // 去往购物车
+  goCart() {
+    wx.navigateTo({
+      url: "/mall/shopcart/shopcart"
+    })
+  },
+  // 选择商品属性
+  selectAttr(e) {
+    let { i1, i2 } = e.currentTarget.dataset
+    let shopAttr = this.data.shopAttr
+    let attr = this.data.attr //选中的商品属性
+    let isShow = [] //当前选中或者移除的所有isShow字段
+    shopAttr[i1].attr_vals.map((v, i) => {
+      if (i2 == i) {
+        shopAttr[i1].attr_vals[i].isShow = !shopAttr[i1].attr_vals[i].isShow
+      } else {
+        shopAttr[i1].attr_vals[i].isShow = false
+      }
+      isShow.push(v.isShow)
+    })
+    // 获取当前商品属性选中的下表，然后插入对应下表的method_value到attr
+    let is = isShow.indexOf(true)
+    if (is != -1) {
+      attr[i1] = shopAttr[i1].attr_vals[is].method_value
+    } else {
+      attr[i1] = ""
+    }
+    this.setData({
+      shopAttr: shopAttr,
+      attr: attr
+    })
+  },
+  // 商品详情查看大图
+  bigShopImg(e) {
+    let imgI = e.currentTarget.dataset.url, imgsArr = this.data.shopInfo.imgs, news = [];
+    imgsArr.map((v, i) => {
+      news.push(v.detail_img)
+    })
+    wx.previewImage({
+      current: imgI, // 当前显示图片的http链接
+      urls: news // 需要预览的图片http链接列表
+    })
+  },
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    this.realUpdateCarker()
+    // 接收商品id
+    this.setData({
+      id: options.id
+    })
+    this.getShopInfo()
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})