nazw/nnzwminiapp/pagesPublic/pages/menu/menu.js

// pages/menu/menu.js

import {
	imgUrl
} from "../api/request"

import {
	baseUrl,
	request
} from "../../../pages/api/canteen-request.js"

const FormData = require('./formData.js')

Page({

	/**
	 * 页面的初始数据
	 */
	data: {
		imgUrl: imgUrl,
		baseUrl: baseUrl,
		selectTimeNode: 0,
		showModal: false,
		// 评分图片列表
		starsList: ['/pages/images/stars2.png', '/pages/images/stars2.png', '/pages/images/stars2.png', '/pages/images/stars2.png', '/pages/images/stars2.png'],
		// 评分
		score: 0,
		// 评论
		evaluation: '',
		// 评论图片列表
		imgList: [],
		// 日期数据
		dateStr: {
			'startWeek': '',
			'endWeek': '',
			'weekList': [],
			'nowDate': ''
		},
		// 选择的日期索引
		dateSelectIndex: 0,
		canteenId: '',
		// 菜单原始值
		menuOrigin: [],
		// 4餐菜单
		menuCanteen: {
			'breakfastCanteen': [],
			'lunchCanteen': [],
			'dinnerCanteen': [],
			'takeoutCanteen': []
		},
		// 点击评论详情
		dishesDetails: {},
		// 食堂名称
		canteenName: '',
        isManager: false,
	},
	// 自定义函数
	openItem(e) {
		var details = e.currentTarget.dataset.item
		this.setData({
			'dishesDetails': details
		})
		this.setData({
			showModal: true,
			score: 0,
			evaluation: '',
			imgList: []
		})
		this.setStarsList();
	},
	clickLike(e) {
		var subIndex = e.currentTarget.dataset.index
		var parentIndex = e.currentTarget.dataset.parent
		var obj = e.currentTarget.dataset.item
		var params = {
			'foodId': obj.id,
			'canteenId': this.data.canteenId
		}
		request({
			url: '/mini/canteen/click',
			method: 'GET',
			data: params
		}).then(res => {
			if (res.data.result) {
				switch (this.data.selectTimeNode) {
					case 0: {
						var canteen = this.data.menuCanteen
						canteen.breakfastCanteen[parentIndex].list[subIndex].liked = !canteen.breakfastCanteen[parentIndex].list[subIndex].liked
						this.setData({
							'menuCanteen': canteen
						})
					};
					break;
				case 1: {
					var canteen = this.data.menuCanteen
					canteen.lunchCanteen[parentIndex].list[subIndex].liked = !canteen.lunchCanteen[parentIndex].list[subIndex].liked
					this.setData({
						'menuCanteen': canteen
					})
				};
				break;
				case 2: {
					var canteen = this.data.menuCanteen
					canteen.dinnerCanteen[parentIndex].list[subIndex].liked = !canteen.dinnerCanteen[parentIndex].list[subIndex].liked
					this.setData({
						'menuCanteen': canteen
					})
				};
				break;
				case 3: {
					var canteen = this.data.menuCanteen
					canteen.takeoutCanteen[parentIndex].list[subIndex].liked = !canteen.takeoutCanteen[parentIndex].list[subIndex].liked
					this.setData({
						'menuCanteen': canteen
					})
				};
				break;
				}
			}
		})
	},
	// 关闭评论
	closeItem(e) {
		this.setData({
			showModal: false
		})
	},
	// 发布评论
	postComment() {
		if (this.data.score === 0) {
			wx.showToast({
				title: '评分不能为空',
				icon: 'none',
				duration: 2000
			})
		} else if (this.data.evaluation === '') {
			wx.showToast({
				title: '评论不能为空',
				icon: 'none',
				duration: 2000
			})
		} else if (this.data.evaluation.length < 10) {
			wx.showToast({
				title: '评论字数不能小于10',
				icon: 'none',
				duration: 2000
			})
		} else {
			var details = this.data.dishesDetails
			let userid = wx.getStorageSync('userid');
			let formData = new FormData();
			formData.append("score", this.data.score);
			formData.append("evaluation", this.data.evaluation);
			formData.append("userid", userid);
			formData.append("canteenid", this.data.canteenId);
			formData.append("dishesid", details.id);
			for (let i = 0; i < this.data.imgList.length; i++) {
				formData.appendFile("files", this.data.imgList[i]);
			}
			let data = formData.getData();
			request({
				url: '/mini/canteen/addEvaluation',
				method: 'POST',
				data: data.buffer,
				contentType: data.contentType
			}).then(res => {
				if (res.data.result) {
					wx.showToast({
						title: '发布成功',
						icon: 'none',
						duration: 2000
					})
				} else {
					wx.showToast({
						title: '发布失败',
						icon: 'none',
						duration: 2000
					})
				}
			})
			this.setData({
				showModal: false
			})
		}
	},
	// 输入评论
	blurEvaluation(e) {
		this.setData({
			evaluation: e.detail.value
		})
	},
	tapTimeNode(e) {
		this.setData({
			selectTimeNode: e.currentTarget.dataset.item
		})
	},
	// 赋值评分
	setStarsList() {
		let temp = [];
		for (let i = 0; i < 5; i++) {
			if (i < this.data.score) {
				temp.push('/pages/images/stars1.png')
			} else {
				temp.push('/pages/images/stars2.png')
			}
		}
		this.setData({
			starsList: temp
		})
	},
	// 选择评分
	chooseStars(e) {
		this.setData({
			score: e.currentTarget.dataset.index + 1
		})
		this.setStarsList();
	},
	// 上传照片
	choosePhoto() {
		var that = this
		wx.chooseMedia({
			count: 4,
			mediaType: ['image'],
			sizeType: ["original", "compressed"],
			sourceType: ["album"],
			success: function (res) {
				for (let i = 0; i < res.tempFiles.length; i++) {
					let tempFilePaths = res.tempFiles[i];
					if (that.data.imgList.length >= 4) {
						wx.showToast({
							title: "只能上传4张图片",
							icon: "none",
							duration: 1500
						})
						break;
					} else if (tempFilePaths.size > 1024 * 1024 * 5) {
						wx.showToast({
							title: "图片过大",
							icon: "none",
							duration: 1500
						})
					} else {
						let temp = that.data.imgList;
						temp.push(tempFilePaths.tempFilePath);
						that.setData({
							imgList: temp
						})
					}
				}
			}
		})
	},
	deleteFile(e) {
		let temp = this.data.imgList;
		temp.splice(e.currentTarget.dataset.index, 1);
		this.setData({
			imgList: temp
		})
	},
	//格式化日期
	formatDate: function (date) {
		let myYear = date.getFullYear();
		let myMonth = date.getMonth() + 1;
		let myWeekDay = date.getDate();
		return myYear + "年" + myMonth + "月"
	},
	//格式化日期2
	formatDateNumber: function (date) {
		let myYear = date.getFullYear();
		let myMonth = date.getMonth() + 1;
		let myWeekDay = date.getDate();
		return myYear + "-" + myMonth + "-" + myWeekDay
	},

	initDate: function () {
		var now = new Date();
		var nowYear = now.getFullYear(); //当前年
		var nowMonth = now.getMonth(); //当前月
		var nowDay = now.getDate(); //当前日
		var nowDayOfWeek = now.getDay(); //今天是本周的第几天
		this.setData({
			dateSelectIndex: nowDayOfWeek - 1
		})
		var startWeek = this.formatDate(new Date(nowYear, nowMonth, nowDay - nowDayOfWeek + 1));
		var endWeek = this.formatDate(new Date(nowYear, nowMonth, nowDay + (6 - nowDayOfWeek + 1)));
		var nowDate = this.formatDate(now)
		// 一周的日期列表
		var weeks = []
		for (var i = 1; i <= 7; i++) {
			weeks.push(this.formatDateNumber(new Date(nowYear, nowMonth, nowDay - nowDayOfWeek + i)))
		}
		this.setData({
			dateStr: {
				'startWeek': startWeek,
				'endWeek': endWeek,
				'weekList': weeks,
				'nowDate': nowDate
			}
		})
	},

	// 切换日期
	selectDate: function (e) {
		this.setData({
			'dateSelectIndex': e.currentTarget.dataset.item
		})
		this.getMenuInfo()
	},

	getMenuInfo() {
		var params = {
			'date': this.data.dateStr.weekList[this.data.dateSelectIndex],
			'canteenId': this.data.canteenId
		}
		request({
			url: '/mini/canteen/getMenu',
			method: 'GET',
			data: params
		}).then(res => {
			if (!(res.data.data && res.data.data.length != 0)) {
				this.setData({
					'menuCanteen': {
						'breakfastCanteen': [],
						'lunchCanteen': [],
						'dinnerCanteen': [],
						'takeoutCanteen': []
					}
				})
				return
			}
			var jsonStr = res.data.data.dishesList
			var menuList = JSON.parse(jsonStr)
			this.setData({
				'menuOrigin': menuList
			})
			var breakfast = []
			var lunch = []
			var dinner = []
			var takeout = []
			for (var i = 0; i < menuList.length; i++) {
				if (menuList[i].timeName == '早餐') {
					breakfast = menuList[i].foods
				}
				if (menuList[i].timeName == '午餐') {
					lunch = menuList[i].foods
				}
				if (menuList[i].timeName == '晚餐') {
					dinner = menuList[i].foods
				}
				if (menuList[i].timeName == '外卖') {
					takeout = menuList[i].foods
				}
			}
			var breakfastCanteen = []
			var lunchCanteen = []
			var dinnerCanteen = []
			var takeoutCanteen = []
			for (var j = 0; j < breakfast.length; j++) {
				var index = -1;
				if (breakfastCanteen.length != 0) {
					index = breakfastCanteen.findIndex((item) => item.type == breakfast[j].typeName)
				}
				if (index == -1) {
					var tmpList = []
					tmpList.push(breakfast[j])
					breakfastCanteen.push({
						'type': breakfast[j].typeName,
						'list': tmpList
					})
				} else {
					breakfastCanteen[index].list.push(breakfast[j])
				}
			}
			for (var j = 0; j < lunch.length; j++) {
				var index = -1;
				if (lunchCanteen.length != 0) {
					index = lunchCanteen.findIndex((item) => item.type == lunch[j].typeName)
				}
				if (index == -1) {
					var tmpList = []
					tmpList.push(lunch[j])
					lunchCanteen.push({
						'type': lunch[j].typeName,
						'list': tmpList
					})
				} else {
					lunchCanteen[index].list.push(lunch[j])
				}
			}
			for (var j = 0; j < dinner.length; j++) {
				var index = -1;
				if (dinnerCanteen.length != 0) {
					index = dinnerCanteen.findIndex((item) => item.type == dinner[j].typeName)
				}
				if (index == -1) {
					var tmpList = []
					tmpList.push(dinner[j])
					dinnerCanteen.push({
						'type': dinner[j].typeName,
						'list': tmpList
					})
				} else {
					dinnerCanteen[index].list.push(dinner[j])
				}
			}
			for (var j = 0; j < takeout.length; j++) {
				var index = -1;
				if (takeoutCanteen.length != 0) {
					index = takeoutCanteen.findIndex((item) => item.type == takeout[j].typeName)
				}
				if (index == -1) {
					var tmpList = []
					tmpList.push(takeout[j])
					takeoutCanteen.push({
						'type': takeout[j].typeName,
						'list': tmpList
					})
				} else {
					takeoutCanteen[index].list.push(takeout[j])
				}
			}
			this.setData({
				'menuCanteen': {
					'breakfastCanteen': breakfastCanteen,
					'lunchCanteen': lunchCanteen,
					'dinnerCanteen': dinnerCanteen,
					'takeoutCanteen': takeoutCanteen
				}
			})
		})
	},
	gotoComment(e) {
		wx.navigateTo({
			url: '/pages/commentList/commentList?dishesId=' + e.currentTarget.dataset.id + '&canteenId=' + this.data.canteenId
		})
	},
	imageError(e) {
		let temp = this.data.menuCanteen;
		switch (e.currentTarget.dataset.name) {
			case "breakfastCanteen":
				temp.breakfastCanteen[e.currentTarget.dataset.index].list[e.currentTarget.dataset.subindex].imgurl = '';
				this.setData({
					menuCanteen: temp
				})
				break;
			case "lunchCanteen":
				temp.lunchCanteen[e.currentTarget.dataset.index].list[e.currentTarget.dataset.subindex].imgurl = '';
				this.setData({
					menuCanteen: temp
				})
				break;
			case "dinnerCanteen":
				temp.dinnerCanteen[e.currentTarget.dataset.index].list[e.currentTarget.dataset.subindex].imgurl = '';
				this.setData({
					menuCanteen: temp
				})
				break;
			case "takeoutCanteen":
				temp.takeoutCanteen[e.currentTarget.dataset.index].list[e.currentTarget.dataset.subindex].imgurl = '';
				this.setData({
					menuCanteen: temp
				})
				break;
		}
	},

	/**
	 * 生命周期函数--监听页面加载
	 */
	onLoad: function (options) {
        // 查询用户所属角色
        request({
            url: '/mini/worker/getUserType',
            method: 'GET',
            data: {
                userId: wx.getStorageSync('userid')
            }
        }).then(res => {
            if (res.result) {
                let userType = res.data;
                // 政府工作人员
                if ("0" == userType || '2' == userType) {
                    this.setData({
                        isManager: false
                    });
                } else if ('1' == userType) {
                    this.setData({
                        isManager: true
                    });
                } else {
                    wx.navigateBack();
                }
            } else {
                wx.navigateBack();
            }
        });
		this.initDate()
		this.setData({
			'canteenId': options.canteenId,
			canteenName: options.canteenName
		})
		wx.setNavigationBarTitle({
			title: options.canteenName
		})
		this.getMenuInfo();
	},

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

	},

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

	},

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

	},

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

	},

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

	},

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

	},

	/**
	 * 用户点击右上角分享
	 */
	onShareAppMessage: function () {
		return {
			title: this.data.canteenName
		};
    },

    /**
     * 上传菜品图片
     * @param {*} e 
     */
    photograph: function (e) {
        let that = this;
        wx.chooseMedia({
            mediaType: ['image'],
            sourceType: ['camera'],
            success: function (res) {
                // console.info(res);
                if (res.errMsg == 'chooseMedia:ok') {
                    wx.showLoading({
                        title: '加载中...',
                    });
                    let formData = new FormData();
                    formData.append('id', e.currentTarget.dataset.id);
                    formData.append('canteenId', that.data.canteenId);
                    formData.append('date', that.data.dateStr.weekList[that.data.dateSelectIndex]);
                    formData.append('userId', wx.getStorageSync('userid'));
                    formData.appendFile('files', res.tempFiles[0].tempFilePath);
                    let data = formData.getData();
                    request({
                        url: '/mini/canteen/updateDishesPic',
                        method: 'POST',
                        data: data.buffer,
                        contentType: data.contentType
                    }).then(re => {
                        // console.info(re)
                        if (re.result) {
                            wx.showToast({
                                title: '上传成功',
                                icon: 'success',
                                mask: true,
                            });
                            that.getMenuInfo();
                        } else {
                            wx.showToast({
                                title: '上传失败',
                                icon: 'error',
                                mask: true
                            });
                        }
                        wx.hideLoading();
                    });
                }
            }
        });
    }
})