zzdyrmyyUI/WebUI/CallCenterWe.../js/GoodsList.js

var goodsList = helper.request.queryString("goods");
var id = helper.request.queryString("id");
//var token = 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy5taWNyb3NvZnQuY29tL3dzLzIwMDgvMDYvaWRlbnRpdHkvY2xhaW1zL3ByaW1hcnlzaWQiOiI1YWFhNWE1NWI5YzE4OTNjYjAxNWRmMjciLCJodHRwOi8vc2NoZW1hcy5taWNyb3NvZnQuY29tL3dzLzIwMDgvMDYvaWRlbnRpdHkvY2xhaW1zL2dyb3Vwc2lkIjoiMSIsImh0dHA6Ly9zY2hlbWFzLnhtbHNvYXAub3JnL3dzLzIwMDUvMDUvaWRlbnRpdHkvY2xhaW1zL3NpZCI6IjgwMDAiLCJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1lIjoi5YaF5rWL6LSm5oi3IiwiaHR0cDovL3NjaGVtYXMubWljcm9zb2Z0LmNvbS93cy8yMDA4LzA2L2lkZW50aXR5L2NsYWltcy9yb2xlIjoiNWFhYTVhNTRiOWMxODkzY2IwMTVkZjI2IiwiUm9sZUNvZGUiOiJYVFdIIiwiaHR0cDovL3NjaGVtYXMueG1sc29hcC5vcmcvd3MvMjAwNS8wNS9pZGVudGl0eS9jbGFpbXMvZGVueW9ubHlzaWQiOiIiLCJodHRwOi8vc2NoZW1hcy5taWNyb3NvZnQuY29tL3dzLzIwMDgvMDYvaWRlbnRpdHkvY2xhaW1zL2V4cGlyYXRpb24iOiI1LzE0LzE5IDM6MDY6NTEgUE0iLCJuYmYiOjE1NTcyMTI4MTEsImV4cCI6MTU1NzgxNzYxMSwiaXNzIjoiSHlTaWduVG9rZW4iLCJhdWQiOiJIeUNhbGxDZW50ZXJBcGkifQ.TVrHhgGlCIW4jFP2JHcfPdMkB5Xmu0ulKtC7uUf6BFU'
//localStorage.setItem("token", token);
mui.init();
//初始化单页view
var viewApi = mui('#app').view({
	defaultPage: '#goodsList'
});
//初始化单页的区域滚动
mui('.mui-scroll-wrapper').scroll();
var view = viewApi.view;
(function($) {
	//处理view的后退与webview后退
	var oldBack = $.back;
	$.back = function() {
		if(viewApi.canBack()) { //如果view可以后退，则执行view的后退
			viewApi.back();
		} else { //执行webview后退
			oldBack();
		}
	};
	//监听页面切换事件方案1,通过view元素监听所有页面切换事件，目前提供pageBeforeShow|pageShow|pageBeforeBack|pageBack四种事件(before事件为动画开始前触发)
	//第一个参数为事件名称，第二个参数为事件回调，其中e.detail.page为当前页面的html对象
	view.addEventListener('pageBeforeShow', function(e) {
		//				console.log(e.detail.page.id + ' beforeShow');
	});
	//手动添加页面滑块
	mui('.mui-input-row .mui-switch').each(function() { //循环所有toggle
		//toggle.classList.contains('mui-active') 可识别该toggle的开关状态
		//				this.parentNode.querySelector('span').innerText = '状态：' + (this.classList.contains('mui-active') ? 'true' : 'false');
		/**
		* toggle 事件监听
		*/
		this.addEventListener('toggle', function(event) {
			//event.detail.isActive 可直接获取当前状态
			this.parentNode.querySelector('input').value = (event.detail.isActive ? 2 : 1);
			var emergencyid = (event.detail.isActive ? 2 : 1);
			console.log(this.parentNode.querySelector('input').value)
		});
	});

})(mui);

window.onload = function() {
	isHaveNoEvaluat(); //判断是否有未评价工单
	getFirstDrop(); //获取一级二级tab分类
	//去配送物品
	$(".goDelivery").on('tap', function() {
		if($('.shopCar .shopCarNums').length < 1) {
			mui.alert('请添加物品！');
			return
		}
		var countsArray = [];
		$('.shopCar .shopCarNums').each(function() {
			if($(this).val() > 0) {
				var objs = {};
				objs.goodsname = $(this).parent().prev('label').text(); 
				objs.goodsid = $(this).parent().prev('label').attr('index-id');
				objs.num = $(this).val();
				objs.typeid = $(this).attr('index-typeid');
				objs.remark = $(this).parent().parent().siblings('.tips').text();
				objs.buildingName = $(this).parent().parent().next('.adressText').children(".buildingName").text(); //楼名称
				objs.buildingid = $(this).parent().parent().next('.adressText').children(".buildingName").attr("attr"); //楼名称
				objs.floorName = $(this).parent().parent().next('.adressText').children(".floorName").text(); //楼层
				objs.floorid = $(this).parent().parent().next('.adressText').children(".floorName").attr("attr"); //楼名称
				objs.departmentName = $(this).parent().parent().next('.adressText').children(".departmentName").text(); //部门
				countsArray.push(objs);
			}
		})
		window.location.href = './GoodsDelivery.html?goods=' + JSON.stringify(countsArray)
	})
	// 单页面事件===================================
	//手动添加物品
	$('#headAddgoods').on('tap', function(e) {
		var indexs = $('.addBox .goodsCard').length;
		$('<div class="mui-input-group mui-card goodsCard new_goodsCard">' +
			'<div class="mui-input-row">' +
			'	<label>物品名称 </label>' +
			'	<input type="text" class="mui-input-clear hand_goodname" placeholder="请输入物品名称">' +
			'</div>' +
			'<div class="mui-input-row">' +
			'	<label>注意事项</label>' +
			'	<input type="text" class="mui-input-clear hand_care" placeholder="请输入注意事项">' +
			'</div>' +
			'<div class="mui-input-row">' +
			'	<label>发货数量</label>' +
			'	<div class="mui-numbox" data-numbox-min="0">' +
			'		<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>' +
			'		<input class="mui-input-numbox headNums" id="numbox' + indexs + 'h" index-id="' + indexs + 'h" type="number" onchange="HeadChangEvent()" />' +
			'		<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>' +
			'	</div>' +
			'</div>' +
			'<div class="mui-input-row">' +
			'<label>是否紧急</label>' +
			'<input type="hidden" class="typeid" />' +
			'<div class="mui-switch mui-switch-red">' +
			'<div class="mui-switch-handle"></div>' +
			'</div>' +
			'</div>' +
			'</div>').appendTo('.addBox');
		mui('.mui-numbox').numbox(); //初始化数字增减
		mui('.mui-input-row .mui-switch')['switch'](); //初始化开关按钮
		var goodCont = $('.goodsCard').length;
		$('.HeadClassCounts').text(goodCont);
	})

	//物品选择完成
	$('.editDone').on('tap', function() {
		editDone();
	});
	//点击请求下一页
	$('.itemGroup').on('tap', '.goNextPage', function() {
		var kindid = $(this).attr('index-id');
		var pages = parseInt($(this).attr('index-page')) + parseInt(1);
		getGoodsList(kindid, pages, 10, kindid)
	})

}

//判断是否有未评价工单
function isHaveNoEvaluat() {
	console.log($)
	$.ajax({
		type: "post",
		url: huayi.config.callcenter_url + "distributionapi/api/DistriWorkOrder/isevaluation",
		async: true,
		dataType: 'json',
		success: function(result) {
			if(result.state.toLowerCase() == 'error') {
//			if(result.state.toLowerCase() == 'success') {
				mui.alert('您有未评价的工单，去评价吧！', function() {
					window.location.href = '../html/WorkSeach.html?pj=1&r=' + Math.random();
				})
			}
		}
	});

}
//物品列表页数量input 改变事件
function changEvent(ele) {
	//				var val = 0,
	var count = 0,
		countsArray = [];
	$('.goodsListNums').each(function() {
		//					val += +$(this).val();
		if($(this).val() > 0) {
			var objs = {};
			count++
			objs.goodsname = $(this).parent().prev('label').text();
			objs.goodsid = $(this).parent().prev('label').attr('index-id');
			objs.num = $(this).val();
			objs.typeid = $(this).attr('index-typeid');
			objs.remark = $(this).parent().parent().siblings('.tips').text();
			objs.buildingName = $(this).parent().parent().next('.adressText').children(".buildingName").text(); //楼名称
			objs.buildingid = $(this).parent().parent().next('.adressText').children(".buildingName").attr("attr"); //楼名称
			objs.floorName = $(this).parent().parent().next('.adressText').children(".floorName").text(); //楼层
			objs.floorid = $(this).parent().parent().next('.adressText').children(".floorName").attr("attr"); //楼名称
			objs.departmentName = $(this).parent().parent().next('.adressText').children(".departmentName").text(); //部门
			countsArray.push(objs);
		}
	})
	addShopCar(countsArray); //添加购物车
	//左侧tabItem 角标数量
	var index_id = $(ele).attr('parent-id');
	var badgeCount = 0;
	$('#content' + index_id).find('.goodsListNums').each(function() {
		if($(this).val() > 0) {
			badgeCount++
			if(badgeCount > 0) {
				$('#badge' + index_id).css('display', 'inline-block')
			} else {
				$('#badge' + index_id).css('display', 'none')
			}
		}
	})
	$('#badge' + index_id).text(badgeCount)
}
//加购物车事件
function addShopCar(arr) {
	$('.shopCar .selfChoose').remove();
	$('.shopCar .empty').hide();
	var cts = 0;
	console.log(arr);
	$.each(arr, function(k, v) {
		var carStr = '<li class="mui-table-view-cell selfChoose">' +
			'<div class="mui-input-row">' +
			'<label index-id="' + v.goodsid + '">' + v.goodsname
		if(v.typeid == 2) {
			carStr += '<i class="urgent"></i>'
		}
		carStr += '</label>' +
			'<div class="mui-numbox mui-shaopCar" data-numbox-min="0">' +
			'<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>' +
			'<input class="mui-input-numbox nums shopCarNums" type="number" index-typeid="' + v.typeid + '" index-id="' + v.goodsid + '" value="' + v.num + '" onchange="changeShopCarInput(this)" />' +
			'<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>' +
			'</div>' +
			'</div>' +
			'<p class="adressText"><span class="buildingName" attr="'+v.buildingid+'">'+v.buildingName+
			'</span><span class="floorName" attr="'+v.floorid+'">'+v.floorName+
			'</span><span class="departmentName">'+v.departmentName+
			'</span></p>' +
			'<p class="tips"><i class="tipsIcon"></i>' + v.remark + '</p>' +
			'</li>'
		$('.shopCar').append(carStr);
		mui('.mui-numbox.mui-shaopCar').numbox()
		//					cts += +v.nums
	})
	$('.shopCar .shopCarNums').each(function() {
		cts += +$(this).val();
	})
	$('.numCounts').text(cts); //物品数量
	$('.classCounts').text($('.shopCar .shopCarNums').length); //物品种类数量
}
//购物车内数量变化事件
function changeShopCarInput(ele) {
	var index_id = $(ele).attr('index-id');
	var values = $(ele).val();
	$('#numbox' + index_id).val(values)
	var counts = 0;
	$('.shopCar .shopCarNums').each(function() {
		counts += +$(this).val();
	})
	$('.numCounts').text(counts);
}
//物品一级分类 and 左侧二级分类
function getFirstDrop() {
	$.ajax({
		type: "get",
		url: huayi.config.callcenter_url + "distributionapi/api/DistriGoodsType/getlistdrop",
		async: true,
		dataType: 'json',
		data: {},
		success: function(result) {
			$('.tabBar-control-item').empty();
			$('.itemGroup').empty();
			$(result.data).each(function(k, v) {
				var strs = "";
				if(k < 1) {
					$('.tabBar-control-item').append('<a class="mui-control-item mui-active" href="#item' + k + 'mobile" index-id="' + v.id + '">' + v.kindname + '<span class="mui-badge mui-badge-hotred" id="badge' + v.id + '">3</span></a>');
					strs = '<div id="item' + k + 'mobile" class=" mui-slider-item mui-control-content mui-active">'
				} else {
					$('.tabBar-control-item').append('<a class="mui-control-item" href="#item' + k + 'mobile" index-id="' + v.id + '">' + v.kindname + '<span class="mui-badge mui-badge-hotred" id="badge' + v.id + '">3</span></a>');
					strs = '<div id="item' + k + 'mobile" class=" mui-slider-item mui-control-content">'
				}
				strs += '<div id="scroll' + k + '" class="mui-scroll-wrapper">' +
					'<div class="mui-scroll" id="content' + v.id + '">' +
					'<ul class="mui-table-view contentList" index-id="' + v.id + '" index-page="1">'
				getGoodsList(v.id, 1, 10, v.id);
				strs += '</ul>' +
					'</div>' +
					'</div>' +
					'</div>'
				$('.itemGroup').append(strs);

			})
		}
	});
}
// 物品列表
function getGoodsList(kindid, pageindex, pagesize, eleIds) {
	$.ajax({
		type: "get",
		url: huayi.config.callcenter_url + "distributionapi/api/DistriGoods/getlistbypage",
		async: true,
		dataType: 'json',
		data: {
			kindid: kindid,
			pageindex: pageindex, 
			pagesize: pagesize,
		},

		success: function(result) {
			if(result.state == 'success') {
				$('#content' + eleIds).find('.goNextPage').remove();
				$('#content' + eleIds).find('.msgMore').remove();
				if(result.data.rows.length <= 0) {
					$('#content' + eleIds).append('<div class="mui-pull-bottom-tips msgMore"><div class="mui-pull-bottom-wrapper"><span class=".mui-pull-loading">没有更多数据了</span></div></div>')
				} else {
					$.each(result.data.rows, function(k, l) {
						var buildingnameT,floornameT,departmentnameT
						var strs = '<li class="mui-table-view-cell">' +
							'<div class="mui-input-row">' +
							'<label index-id="' + l.id + '">' + l.goodsname
						if(l.typeid == 2) {
							strs += '<i class="urgent"></i>'
						}
						if (l.buildingname!=null) {
							$(".adressText").show();
							buildingnameT=l.buildingname;
							floornameT=l.floorname;
							departmentnameT=l.departmentname;
						}else{
							buildingnameT="";
							floornameT="";
							departmentnameT="";
						}
						strs += '</label>' +
							'<div class="mui-numbox mui-goods-numbox" data-numbox-min="0">' +
							'<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>' +
							'<input class="mui-input-numbox nums goodsListNums" id="numbox' + l.id + '" type="number" index-typeid="' + l.typeid + '" index-id="' + l.goodsid + '" parent-id="' + eleIds + '" onchange="changEvent(this)" />' +
							'<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>' +
							'</div>' +
							'</div>' +
							'<p class="adressText"><span class="buildingName" attr="'+l.buildingid+'">'+buildingnameT+
							'</span><span class="floorName" attr="'+l.floorid+'">'+floornameT+
							'</span><span class="departmentName">'+departmentnameT+
							'</span></p>' +
							'<p class="tips"><i class="tipsIcon"></i>' + ISNull(l.remark) + '</p>' +
							'</li>'
						//$('#content' + eleIds).find('ul').append()
						$('#content' + eleIds).find('ul').append(strs)
						mui('.mui-numbox.mui-goods-numbox').numbox()
					});
					if(goodsList) {
						addShopCar(JSON.parse(goodsList));
						$(JSON.parse(goodsList)).each(function(i, w) {
							$('#numbox' + w.goodsid).val(w.num)
						})
					}
					if(result.data.rows.length >= 10) {
						$('#content' + eleIds).append('<div class="mui-pull-bottom-tips goNextPage" index-page="' + pageindex + '" index-id="' + eleIds + '"><div class="mui-pull-bottom-wrapper"><span class="mui-pull-loading">查看更多...</span></div></div>')
					} else {
						$('#content' + eleIds).append('<div class="mui-pull-bottom-tips msgMore"><div class="mui-pull-bottom-wrapper"><span class="mui-pull-loading">没有更多数据了...</span></div></div>')
					}
				}
				mui.init();
				mui('.mui-scroll-wrapper').scroll();

			}

		},
		error: function(textStatus) {
			mui.toast('网络繁忙，物品获取失败...');
		},
		complete: function(XMLHttpRequest, textStatus) {
			if(textStatus == 'timeout') {
				var xmlhttp = window.XMLHttpRequest ? new window.XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHttp");
				xmlhttp.abort();
				mui.toast('网络超时，请稍后刷新再试...');
			}
		},

	});
}
//手动添加物品 页面-- 数量变化事件
function HeadChangEvent() {
	var val = 0;
	$('.headNums').each(function() {
		val += +$(this).val();
	})
	$('.HeadNumCounts').text(val);
}
function ISNull(val){
	if(val==null || val==undefined ||!val){
		return ""
	}else{
		return val
	}
	
}

//手动添加物品 页面-- 编辑成功加入购物车
function editDone() {

	$('.addBox .goodsCard').each(function() {
		var typeid = 1;
		if($(this).find('.hand_goodname').val() && $(this).find('.headNums').val() > 0) {
			if($(this).find('.mui-switch').hasClass("mui-active")) {
				typeid = 2;
			}
			var handStrs = '<li class="mui-table-view-cell">' +
				'<div class="mui-input-row">' +
				'<label index-id="">' + $(this).find('.hand_goodname').val()
			if(typeid == 2) {
				handStrs += '<i class="urgent"></i>'
			}
			handStrs += '</label>' +
				'<div class="mui-numbox mui-shaopCar" data-numbox-min="0">' +
				'<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>' +
				'<input class="mui-input-numbox nums shopCarNums"  type="number" index-id="" index-typeid="' + typeid + '" value="' + $(this).find('.headNums').val() + '" onchange="changeShopCarInput(this)" />' +
				'<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>' +
				'</div>' +
				'</div>' +
				'<p class="adressText"><span class="buildingName" attr="'+l.buildingid+'">'+l.buildingname+
				
				'<p class="tips"><i class="tipsIcon"></i>' + $(this).find('.hand_care').val() + '</p>' +
				'</li>'
			$('.shopCar').append(handStrs);
		}

		mui('.mui-numbox.mui-shaopCar').numbox()
	})
	$('.shopCar .empty').hide();
	var cts = 0;
	$('.shopCar .shopCarNums').each(function() {
		cts += +$(this).val();
	})
	$('.numCounts').text(cts); //物品数量
	$('.classCounts').text($('.shopCar .shopCarNums').length); //物品种类数量
	//重置 手动添加物品页面信息
	$('.addBox .new_goodsCard').remove();
	$('.hand_goodname').val('');
	$('.hand_care').val('');
	$('.headNums').val(0);
	$('.HeadClassCounts').text('1');
	$('.HeadNumCounts').text('0');
}