miaofuhao
/
yiheRepair


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>用户编辑</title>
		<script src="../../Script/Common/huayi.load.js"></script>
		<script src="../../Script/Common/huayi.config.js"></script>
		<link rel="stylesheet" href="../../css/templateHtmlCss/uerManagement.css" />
		<link href="../../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
		<link href="../../css/init.css" rel="stylesheet" />
		<link href="../../css/dealOrder.css" rel="stylesheet" />
		<style>
			th {
				padding: 5px 8px 5px 0;
				text-align: right;
			}
			
			input {
				background-color: #FFF;
				background-image: none;
				border: 1px solid #ccc;
				border-radius: 1px;
				color: inherit;
				padding: 6px 12px;
				/*width: 200px;*/
			}
			
			td {
				padding: 6px 0 5px 10px;
			}
			
			.addts {
				background: #1ab394;
				color: #fff;
				padding: 6px 10px;
				outline: none;
				font-size: 12px;
				margin-left: 15px;
				border: 0;
				border-radius: 3px;
				box-sizing: border-box;
			}
			
			.time-box {
				display: inline-block;
				position: relative;
			}
			
			.tub {
				position: absolute;
				right: 8px;
				top: 10px;
				font-size: 18px;
				color: #00a0ca;
			}
			
			#layui-laydate3 .layui-laydate-header {
				height: 31px;
				padding: 5px;
			}
			
			.laydate-theme-molv .layui-laydate-header i,
			.laydate-theme-molv .layui-laydate-header span {
				top: 2px;
			}
			
			.layui-laydate-header {
				padding: 0;
			}
			
			.laydate-theme-molv .layui-laydate-content {
				height: 195px;
				overflow: hidden;
			}
			
			.laydate-month-list>li {
				margin: 10px 0;
			}
			
			.laydate-footer-btns span:hover {
				color: #00a1cb;
			}
		</style>
	</head>

	<body>
		<div class="container">
			<ul class="project_items form-horizontal showtabs">
				<li class="form-group">
					<label for="pro_title" class="col-md-3"><b class="text_require">*</b>项目名称：</label>
					<div class="col-md-7">
						<select id="pro_title" class="form-control selectpicker" data-live-search="true">
							<option value="">请选择项目名称</option>
						</select>
					</div>
				</li>
				<li class="form-group">
					<label for="pro_title" class="col-md-3"><b class="text_require">*</b>排班部门：</label>
					<div class="col-md-7">
						<select id="usertype" class="form-control selectpicker" data-live-search="true">
							<option value="">请选择部门分类</option>
						</select>
					</div>
				</li>
				<li class="form-group">
					<label for="username" class="col-md-3"><b class="text_require">*</b>用户姓名：</label>
					<div class="col-md-7">
						<input id="username" class="form-control" type="text" autocomplete="off" placeholder="请输入用户姓名" />
					</div>
				</li>
				<li class="form-group">
					<label for="mobile" class="col-md-3"><b class="text_require">*</b>手机：</label>
					<div class="col-md-7">
						<input id="mobile" class="form-control" type="text" autocomplete="off" placeholder="请输入手机号码" />
					</div>
				</li>
				<li class="form-group">
					<label for="sex" class="col-md-3"><b class="text_require">*</b>性别：</label>
					<div class="col-md-7">
						<label class="radio-inline">
						  <input type="radio" name="sex" id="sex1" value="男" checked="checked"> 男
						</label>
						<label class="radio-inline">
						  <input type="radio" name="sex" id="sex2" value="女"> 女
						</label>
					</div>
				</li>
				<!--<li class="form-group">
					<label for="ban_times" class="col-md-3 text-right"><b class="text_require">*</b>起止时间：</label>
					<div class="col-md-7 time-box">
						<i class="tub fa fa-calendar"></i>
						<input id="ban_times" class="form-control search_time" autocomplete="off" type="text" placeholder="请选择开始时间和结束时间" />
					</div>
				</li>-->
				<li class="form-group">
					<label for="remark" class="col-md-3">备 注：</label>
					<div class="col-md-7">
						<textarea id="remark" class="form-control" rows="3" placeholder="请输入备注"></textarea>
					</div>
				</li>
			</ul>
			<div class="form-group clearfix">
				<div class="text-center">
					<button class="project_save btn btn-primary" id="save_btns" type="button">保存</button>
				</div>
			</div>

		</div>
		<script src="../../js/bootstrap-select/js/bootstrap-select.js"></script>
		<script src="../../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
		<script src="../../js/laydate/laydate.js"></script>
		<script src="../../Script/Common/regexs.js"></script>
		<script src="../../js/autosize/autosize.min.js"></script>
		<script>
			/**
			 * 添加或修改班别
			 * */
			var resRoleDatas = []; //角色岗位的返回值
			$(function() {
//				autosize($('textarea'));
				init();
			});

			function init() {
				var edit_id = helper.request.queryString("edit_id");
				//项目名称 岗位（角色）数据
				$.when(helper.getDropList.getProlistDrop($('#pro_title')),
					helper.getDropList.getlistDropByDic($('#usertype'),'RYJS'))
					.then(function() {
						if(edit_id) {
							getDetail();
						}
						$('#save_btns').on('click', btn_save);
					});
				laydate.render({
					elem: '#ban_times',
					range: '~',
					type: 'time',
					theme: '#249fea',
				});
			}

			//获取用户信息
			function getDetail() {
				var edit_id = helper.request.queryString("edit_id");
				$.getJSON(huayi.config.callcenter_url + "signtokenapi/api/WorkUser/getdetailes", {
					id: edit_id,
				}, function(data) {
					if(data.state == "success") {
						var res = data.data;
						$('#pro_title').selectpicker('val', res.projectid); //	是	string	项目名称id
						$('#usertype').selectpicker('val', res.usertype); //	是	string	排班部门分类id
						$('#username').val(res.username); //	是	string	名称
						$('#mobile').val(res.mobile); //	是	string	电话
						$('#remark').val(res.remark); //	备注
 						$('input[name="sex"][value="'+res.sex+'"]').prop("checked","checked");
					}
				});
			}

			//保存班别信息
			function btn_save() {
				var wURL, loadIndex;
				var edit_id = helper.request.queryString("edit_id");
				if(edit_id) {
					wURL = "signtokenapi/api/WorkUser/update";
				} else {
					wURL = "signtokenapi/api/WorkUser/add";
				}
				if(!$.trim($('#pro_title').val())) {
					layer.confirm('项目名称不允许为空！', {
						icon: 2,
						btn: ['确定'] //按钮
					});
					return;
				}
				if(!$.trim($('#usertype').val())) {
					layer.confirm('排班部门不允许为空！', {
						icon: 2,
						btn: ['确定'] //按钮
					});
					return;
				}
				if(!$.trim($('#username').val())) {
					layer.confirm('名称不允许为空！', {
						icon: 2,
						btn: ['确定'] //按钮
					});
					return;
				}
				if(!regexs.phone.test($.trim($('#mobile').val()))) {
					layer.confirm('请输入正确的手机号码！', {
						icon: 2,
						btn: ['确定']
					});
					return;
				}
				
				$.ajax({
					type: 'post',
					url: huayi.config.callcenter_url + wURL,
					dataType: 'json',
					async: true,
					beforeSend: function() { //触发ajax请求开始时执行
						$('#save_btns').attr("disabled", true);
						$('#save_btns').text('保存中...');
						loadIndex = layer.load();
					},
					data: {
						id: edit_id, //	否	string	id
						projectid: $('#pro_title').val(), //	是	string	项目名称id
						username: $('#username').val(), //	是	string	名称
						sex: $('input[name="sex"]:checked').val(), //		是	string	性别
						usertype: $('#usertype').val(), //	是	string	List<ClassGroupRoleList>
						mobile: $('#mobile').val(), //		否	string	手机
						remark: helper.filter.delHtmlTag($('#remark').val()), //		否	string	备注
					},
					success: function(data) {
						layer.close(loadIndex);
						if(data.state === "success") {
							var index = parent.layer.getFrameIndex(window.name);
							parent.layer.close(index);
							parent.$('#table_all').bootstrapTable('refresh');
							parent.layer.msg("保存成功");
						} else {
							$('#save_btns').attr("disabled", false);
							$('#save_btns').text('保存');
						}
					},
					error: function(textStatus) {
						layer.close(loadIndex);
						layer.confirm('网络繁忙，请稍后再试...', {
							icon: 7,
							closeBtn: 0,
							btn: ['确定'] //按钮
						});
						$('#save_btns').attr("disabled", false);
						$('#save_btns').text('保存');
					},
					complete: function(XMLHttpRequest, textStatus) {
						layer.close(loadIndex);
						if(textStatus == 'timeout') {
							var xmlhttp = window.XMLHttpRequest ? new window.XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHttp");
							xmlhttp.abort();
							layer.confirm('网络超时，请稍后再试...', {
								icon: 7,
								closeBtn: 0,
								btn: ['确定'] //按钮
							});
						}
						$('#save_btns').attr("disabled", false);
						$('#save_btns').text('保存');
					},
				});
			}

		</script>
	</body>

</html>