const app = getApp();
let self = null;

let imgDraw = {
	"width": "650px",
	"height": "843px",
	"background": "https://mshopimg.yolipai.net/miniapp/images/zhg/bg-zuhegou.jpg",
	"views": [
		{ // 头像
			"type": "image",
			"url": "https://desk-fd.zol-img.com.cn/t_s960x600c5/g5/M00/0F/08/ChMkJlauzXWIDrXBAAdCg2xP7oYAAH9FQOpVAIAB0Kb342.jpg",
			"css": {
				"width": "100px",
				"height": "100px",
				"top": "20px",
				"left": "275px",
				"borderRadius": "100px",
				"mode": "scaleToFill",
				"borderWidth": "2px",
				"borderColor": "#fff",
			}
		},
		{ //昵称
			"type": "text",
			"text": "我是店铺",
			"css": {
				"width": "650px",
				"color": "#fff",
				"top": "136px",
				"fontSize": "26px",
				"maxLines": "1",
				"textAlign": "center",
			}
		},
		{ //10元任选3件
			"type": "text",
			"text": "10元任选3件",
			"css": {
				"color": "#fff",
				"width": "650px",
				"top": "270px",
				"fontSize": "70px",
				"maxLines": "1",
				"textAlign": "center",
				"fontWeight": "bold",
			}
		},
		{ //活动时间
			"type": "text",
			"text": "活动时间：2021.07.06 - 2021.07.08",
			"css": {
				"color": "#333",
				"width": "650px",
				"top": "440px",
				"fontSize": "26px",
				"fontWeight": "normal",
				"maxLines": "1",
				"textAlign": "center"
			}
		},
		{	// 码
			"type": "qrcode",
			"content": "二维码地址",
			"css": {
				"color": "#000",
				"width": "200px",
				"height": "200px",
				"top": "525px",
				"left": "225px",
			}
		},
		{ // 扫码提示
			"type": "text",
			"text": "长按扫码即可参与活动",
			"css": {
				"color": "#666",
				"width": "650px",
				"top": "750px",
				"fontSize": "26px",
				"textAlign": "center"
			}
		},
	]
};


Page({

  /**
   * 页面的初始数据
   */
  data: {
		showRule: false,
		showMask: false,
		showNum: false,
		haveAdded: false,
		imgDraw: imgDraw,
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
		self = this;
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
	
	/**
	 * 点击规则详情,弹出规则
	 */
	showRule() {
		this.setData({
			type: 0, //控制显示规则详情还是提示信息，0规则详情，1提示信息
			showRule: true,
			showMask: true,
		});
	},
	
	/**
	 * 点击关闭按钮关闭规则详情弹窗
	 */
	closeRule() {
		this.setData({
			showRule: false,
			showMask: false,
		});
	},
	
	/**
	 * 点击提示信息
	 */
	showInfo() {
		this.setData({
			type: 1,
			showRule: true,
			showMask: true,
		});
	},
	
	/**
	 * 加入购物车
	 */
	addToCart() {
		let haveAdded = !this.data.haveAdded;
		let title = '';
		if(haveAdded) {
			title = '加入购物车成功';
			this.setData({
				num: 1,
				showNum: true,
				haveAdded,
			});
			wx.showToast({
				title: title,
				icon: 'success',
			});
		} else {
			wx.showModal({
			  title: '温馨提示',
			  content: '确定将该商品移出购物车?',
			  success (res) {
			    if (res.confirm) {
			      console.log('用户点击确定');
						title = '移除购物车成功';
						self.setData({
							showNum: false,
							haveAdded: false,
						});
						wx.showToast({
							title: title,
							icon: 'success',
						});
			    } else if (res.cancel) {
			      console.log('用户点击取消')
						self.setData({
							haveAdded: true,
						});
			    }
			  }
			})
			
		}
		
	},
	
	/**
	 * 增加数量
	 */
	add() {
		this.setData({
			num: ++this.data.num,
		});
	},
	
	/**
	 * 减少数量
	 */
	sub() {
		let num = this.data.num;
		if(num >= 2) {
			this.setData({
				num: --this.data.num,
			});
		};
		if(num == 1) {
			// this.setData({
			// 	showNum: false,
			// 	haveAdded: false,
			// });
			wx.showModal({
			  title: '温馨提示',
			  content: '确定将该商品移出购物车?',
			  success (res) {
			    if (res.confirm) {
			      console.log('用户点击确定');
						// title = '移除购物车成功';
						self.setData({
							showNum: false,
							haveAdded: false,
						});
						wx.showToast({
							title: '移除购物车成功',
							icon: 'success',
						});
			    } else if (res.cancel) {
			      console.log('用户点击取消')
						self.setData({
							haveAdded: true,
						});
			    }
			  }
			})
		}
	},
	
	/**
	 * 分享
	 */
	share() {
		this.setData({
			showMask: true,
			showPoster: true,
		});
	},
	
	/**
	 * 关闭海报
	 */
	closePoster() {
		this.setData({
			showMask: false,
			showPoster: false,
		});
	},
	
	onImgOK(e) {
		console.log(e.detail.path);
		this.setData({
			myimg: e.detail.path,
		});
	},
})