var url = null;
var depotData;
var typeData;
var startTime = '';
var endTime = '';
var name = ''
var info = '';
var listPicker2 = [];
var listPicker1 = [];
var list = [{
	value: 'ywj',
	text: '董事长 叶文洁'
}, {
	value: 'aaa',
	text: '总经理 艾AA'
}, {
	value: 'lj',
	text: '罗辑'
}, {
	value: 'ymt',
	text: '云天明'
}, {
	value: 'shq',
	text: '史强'
}, {
	value: 'zhbh',
	text: '章北海'
}, {
	value: 'zhy',
	text: '庄颜'
}, {
	value: 'gyf',
	text: '关一帆'
}, {
	value: 'zhz',
	text: '智子'
}, {
	value: 'gezh',
	text: '歌者'
}]
//工单申请
var data = {
	"interfaceId": "5701",
	"outId": "10701",
	"reqDateTime": new Date(),
	"tokenAuth": "",
	"data": {
		"depotId": "",
		"type": "",
		"startTime": "",
		"endTime": "",
		"info": ""
	}
};

//获取仓库列表
var data2 = {
	"interfaceId": "5102",
	"outId": "10102",
	"reqDateTime": new Date(),
	"tokenAuth": "",
	"data": {
		"deptId": ""
	}
};

//获取业务类型
var data1 = {
	"interfaceId": "5705",
	"outId": "11101",
	"reqDateTime": new Date(),
	"tokenAuth": "",
	"data": {
		
	}
};

function init() {
	var user = JSON.parse(localStorage.getItem('user'));
	var selectDeptId = JSON.parse(localStorage.getItem('selectDeptId'));
	url = user.url + "/api-phone/v35/gateway";
	data.tokenAuth = user.tokenAuth;
	data1.tokenAuth = user.tokenAuth;
	data2.tokenAuth = user.tokenAuth;
	data2.data.deptId = selectDeptId;
	
	depotList();
	typeList();

}


//开始时间
function chooseDate() {
	var dtpicker = new mui.DtPicker({
		// type: "hour", //设置日历初始视图模式
		type: "datetime",
		// beginDate: new Date(2015, 04, 25), //设置开始日期
		// endDate: new Date(2016, 04, 25), //设置结束日期
		value: startTime
	})
	dtpicker.show(function(e) {
		var date_el = document.getElementById("date1-val")
		date_el.innerText = e.value
		startTime = e.value
		data.data.startTime = startTime;
		jQuery(date_el).prev().hide()
	})
}
//
function chooseDate1() {
	var dtpicker = new mui.DtPicker({
		// type: "hour", //设置日历初始视图模式
		type: "datetime",
		// beginDate: new Date(2015, 04, 25), //设置开始日期
		// endDate: new Date(2016, 04, 25), //设置结束日期
		value:endTime
	})
	dtpicker.show(function(e) {
		var date_el = document.getElementById("date2-val")
		date_el.innerText = e.value
		endTime = e.value
		data.data.endTime = endTime
		jQuery(date_el).prev().hide()
	})
}

//工单申请
function workApply() {
	console.log(JSON.stringify(data.data))
	//发送请求进行工单申请
	mui.ajax(url, {
		type: "POST",
		dataType: "json",
		crossDomain: true,
		contentType: "application/json;charset=utf-8",
		data: JSON.stringify(data),
		success: function(result) {
			if (result.code == "0000") {
				console.log(JSON.stringify(result))
				mui.toast(result.msg);
			} else {
				// console.log(JSON.stringify(result))
				// mui.toast(result.msg);
				mui.alert(result.msg, '提示', ["确定"], function() {}, "div");
			}
		},
		error: function() {
			mui.alert('系统繁忙,请重新登录尝试！', '提示', ["确定"], function() {}, "div");
		}
	})
}

function depotList() {
	//获取仓库列表
	mui.ajax(url, {
		type: "POST",
		dataType: "json",
		crossDomain: true,
		contentType: "application/json;charset=utf-8",
		data: JSON.stringify(data2),
		success: function(result) {
			if (result.code == "0000") {
				depotData = result.data
				conversion(depotData);
				// console.log(JSON.stringify(result))
			} else {
				mui.alert(result.msg, '提示', ["确定"], function() {}, "div");
			}
		},
		error: function() {
			mui.alert('系统繁忙,请重新登录尝试！', '提示', ["确定"], function() {}, "div");
		}
	})
}
//获取业务类型列表
function typeList() {
	mui.ajax(url, {
		type: "POST",
		dataType: "json",
		crossDomain: true,
		contentType: "application/json;charset=utf-8",
		data: JSON.stringify(data1),
		success: function(result) {
			if (result.code == "0000") {
				typeData = result.data
				conversionType(typeData);
				// console.log(JSON.stringify(result))
			} else {
				mui.alert(result.msg, '提示', ["确定"], function() {}, "div");
			}
		},
		error: function() {
			mui.alert('系统繁忙,请重新登录尝试！', '提示', ["确定"], function() {}, "div");
		}
	})
}
function conversion(data) {
	var fenl = {}
	$.each(data, function(index, item) {
		fenl = {
			value: item.name,
			text: item.id,
		}
		listPicker2.push(fenl)
	})
}
function conversionType(data){
	var fenl = {}
	$.each(data, function(index, item) {
		fenl = {
			value: item.typeName,
			text: item.typeId,
		}
		listPicker1.push(fenl)
	})
}
function refresh(){
	var html = '';
	html += '<div class="m-gd"><div class="group"><div class="l">业务类型:</div><div class="r">'
	html += '<div class="val" id="ywlx"><div class="placeholder">请选择</div>'
	html += '<div class="real-val" id="ywlx-val" ></div></div></div></div>'
	html += '<div class="group"><div class="l">关联仓库:</div><div class="r">';
	html += '<div class="val" id="glck"><div class="placeholder">请选择</div>';
	html += '<div class="real-val" id="glck-val" ></div></div></div></div>';
	html += '<div class="group"><div class="l">有效开始时间:</div><div class="r">';
	html += '<div class="val" id="date1" onclick="chooseDate();"><div class="placeholder">请选择</div>';
	html += '<div class="real-val" id="date1-val"></div></div></div></div>';
	html += '<div class="group"><div class="l">有效结束时间:</div><div class="r">';
	html += '<div class="val" id="date2" onclick="chooseDate1();"><div class="placeholder">请选择</div>';
	html += '<div class="real-val" id="date2-val"></div></div></div></div>';
	html += '<div class="group"><div class="l">工单内容:</div><div class="r">'
	html += '<div class="gdnr" id="gdnr" "><div class="placeholder">请选择</div>'
	html += '<div class="real-val" id="gdnr-val"></div></div></div></div>'
	html += '<div type="submit" class="submit">提交</div></div>';
	$("#refresh").html(html);
	data.data.depotId = '';
	data.data.type = ''
	data.data.startTime = ''
	data.data.endTime = ''
	info = ''
	data.data.info = info
	
}

//提交
mui(".mui-scroll").on("tap", ".wp form .submit", function() {
	data.data.info = info;
	workApply();
	// window.location.reload();
	window.setTimeout(function() {
		refresh();
	}, 200)
})

mui('.mui-scroll-wrapper').scroll({
	indicators: false, //是否显示滚动条
	deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏
	bounce: false, //是否启用回弹
	deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
});


(function($, doc) {
	$.init();
	$.ready(function() {
		/**
		 * 获取对象属性的值
		 * 主要用于过滤三级联动中，可能出现的最低级的数据不存在的情况，实际开发中需要注意这一点；
		 * @param {Object} obj 对象
		 * @param {String} param 属性名
		 */
		var _getParam = function(obj, param) {
			return obj[param] || '';
		};
		//业务类型
		var showUserPickerButton = doc.getElementById('ywlx');
		showUserPickerButton.addEventListener('tap', function(event) {
			var userResult = doc.getElementById('ywlx-val');
			var userPicker = new $.PopPicker();
			userPicker.setData(listPicker1);
			userPicker.show(function(items) {
				// userResult.innerText = JSON.stringify(items[0]);
				console.log(JSON.stringify(items))
				userResult.innerText = items[0].text;
				// userResult.previousSibling.style.display="none"
				jQuery(userResult).prev().hide()
				//返回 false 可以阻止选择框的关闭
				//return false;
			});
		}, false);
		//----------------------------------------
		//关联仓库:
		var showPicker2Button = doc.getElementById('glck');
		showPicker2Button.addEventListener('tap', function(event) {
			var picker2Result = doc.getElementById('glck-val');
			var picker2 = new $.PopPicker();
			picker2.setData(listPicker2);
			picker2.show(function(items) {
				// userResult.innerText = JSON.stringify(items[0]);
				picker2Result.innerText = items[0].text;
				data.data.depotId = items[0].value;
				// userResult.previousSibling.style.display="none"
				jQuery(picker2Result).prev().hide()
				//返回 false 可以阻止选择框的关闭
				//return false;
			});
		}, false);
	});
})(mui, document);

//打开弹窗
mui(".mui-scroll").on("tap", ".wp form .gdnr", function() {
	document.getElementById("textareaPop").value = info;
	$("#m-pop").css('display', 'flex');
})

//关闭弹窗
function closePop() {
	$("#m-pop").css('display', 'none');
}
//弹窗确定按钮
mui(".mui-content").on("tap", ".m-pop .inner .confirm", function() {
	info = document.getElementById("textareaPop").value;
	if(info){
		document.getElementById("gdnr").innerText = info	
	}
	closePop();
})