lmz
/
BOSSHAND_Android


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221
							<<!DOCTYPE html>
	<html>

	<head>
		<meta charset="utf-8">
		<title>发起审批</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" type="text/css" href="../../../css/common/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/common/mui.picker.min.css" />
		<link rel="stylesheet" href="../../../css/common/common.css">
		<link rel="stylesheet" type="text/css" href="../../../css/index/index-approve/immediate-processing.css" />
	</head>

	<body>
		<header id="header" class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-arrowleft">
				<span class="back">返回</span>
			</a>
			<h1 class="mui-title">发起审批</h1>
			<a class="mui-btn-link mui-pull-right fz">确定</a>
		</header>

		<div class="mui-content">
			<div class="reply-box first">
				<span>申请人</span>
				<span class="mui-pull-right username"></span>
			</div>
			<div class="reply-box">
				<span>开始时间</span>
				<a class="mui-pull-right mui-icon mui-icon-arrowright"></a>
				<span class="mui-pull-right start-time" onclick="selectTime('start-time')">2016-09-20 16:00</span>
			</div>
			<div class="reply-box">
				<span>结束时间</span>
				<a class="mui-pull-right mui-icon mui-icon-arrowright"></a>
				<span class="mui-pull-right over-time" onclick="selectTime('over-time')"></span>
			</div>
			<div class="reply-box ID">
				<span>申请类型</span>
				<a class="mui-pull-right mui-icon mui-icon-arrowright"></a>
				<span class="mui-pull-right type">请假</span>
			</div>
			<div class="reply-box reason">
				<span>申请事由</span>
			</div>
			<div>
				<textarea class="sm-word reason-text">请假理由</textarea>
			</div>
			<div class="reply-box">
				<span>审批人</span>
				<a class="mui-pull-right mui-icon mui-icon-arrowright"></a>
				<span class="mui-pull-right"></span>
			</div>
			<div class="reply-box reply-people">

			</div>

		</div>

		<script src="../../../libs/mui.min.js"></script>
		<script src="../../../libs/mui.picker.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			window.onload = function() {
				mui.plusReady(function() {
					var str = plus.storage.getItem('user');
					var user = JSON.parse(str);
					var token = user.Data.Token;
					//本人
					mui('.username')[0].innerHTML = user.Data.Name;
					//初始化时间
					var d = new Date();
					mui('.start-time')[0].innerHTML = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate() + " " + d.getHours() + ":" + d.getMinutes();
					mui('.over-time')[0].innerHTML = mui('.start-time')[0].innerHTML;
					//申请类型
					mui(document.body).on('tap', '.ID', function() {
						selectType();
					});
					//点击清空
					mui(document.body).on('tap', 'textarea', function() {
						mui('textarea')[0].innerHTML = "";
					});
					//获取员工
					GetList(token)

					//发起审批
					mui(document.body).on('tap', '.fz', function() {
						var time = mui('.start-time')[0].innerHTML;
						var times = mui('.over-time')[0].innerHTML;
						var reason = mui('.reason-text')[0].value;
						var type = mui('.type')[0].id
						var check = mui('.checked');
						var ApprovalPeople = '';
						for(var i = 0; i < check.length; i++) {
							if(mui('.checked')[i].checked) {
								ApprovalPeople += mui('.checked')[i].value + ','
							}
						}
						ApprovalPeople = ApprovalPeople.substr(0, ApprovalPeople.length - 1);
						if(reason != '' && reason != '请假理由' && ApprovalPeople != '') {
							var postdata = {
								ApplyTime: time, //审批时间
								EndTime: times, //结束时间
								ApplyReason: reason, //请假理由
								Enclosure: "无", //附件
								ApprovalPeople: ApprovalPeople, // 审批人(code)
								Type: type, //审批类型：（1-请假）
								KeyMark: 1, //是否重点标记（1-正常，2-重点）
							}
							mui.ajax("http://www.bosshand.cn/api/Customer/AddApproval", {
								headers: {
									authorization: token
								},
								type: "post",
								data: postdata,
								success: function(data) {
									mui.toast('发起成功')
									var old_back = mui.back;
									mui.back = function() {
										var wobj = plus.webview.getWebviewById("tpl/home-index/home-index-menu/approve.html");
										wobj.reload(true);
										old_back()
									}
									mui.back()
								}
							});
						} else if(reason == '' || reason == '请假理由') {
							mui.toast('请填写申请事由')
						} else {
							mui.toast('请选择审批人')
						}
					});
				})
			}

			//选择时间
			function selectTime(className) {
				var d = new Date();
				plus.nativeUI.pickDate(function(e) {
					var d = e.date;
					var selectDate;
					selectDate = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate();
					plus.nativeUI.pickTime(function(e) {
						var d = e.date;
						var selectTime;
						selectTime = d.getHours() + ":" + d.getMinutes();
						mui('.' + className)[0].innerHTML = selectDate + " " + selectTime
					}, function(e) {
						mui.toast("请选择时间");
					});
				}, function(e) {
					mui.toast("请选择时间");
				}, {
					minDate: d
				});
			}

			//请假类型
			function selectType() {
				mui.plusReady(function() {
					var picker = new mui.PopPicker();
					picker.setData([{
						text: '请假',
						code: 1
					}, {
						text: '报销',
						code: 2
					}, {
						text: '考勤',
						code: 3
					}, {
						text: '财务',
						code: 4
					}, {
						text: '人事',
						code: 5
					}, {
						text: '行政',
						code: 6
					}, {
						text: '其他',
						code: 7
					}]);
					picker.show(function(selectItems) {
						mui('.type')[0].innerHTML = selectItems[0].text;
						mui('.type')[0].id = selectItems[0].code;
					})
				})
			}
			//员工获取
			function GetList(token) {
				var postdata = {
					"name": "-1" //名称
				}
				mui.ajax("http://www.bosshand.cn/api/Customer/GetStaffList", {
					headers: {
						authorization: token,
						ContentType: 'application/x-www-form-urlencoded',
					},
					type: "post",
					data: postdata,
					dataType: 'json',
					success: function(data) {
						var data = data.Data.list;
						var html = '';
						for(var i = 0; i < data.length; i++) {
							html += '<div class="mui-input-row mui-checkbox mui-left">'
							html += '<label class="sm-mo-word">' + data[i].Name + '</label>'
							html += '<input class="checked" name="checkbox" type="checkbox" value="' + data[i].Code + '">'
							html += '</div>'
						}
						mui('.reply-people')[0].innerHTML = html
					}
				});
			}
		</script>
	</body>

	</html>