zhengbingbing
/
Autobio_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="../Script/Common/huayi.load.js"></script>
		<script src="../Script/Common/huayi.config.js"></script>
		<link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
		<script src="province.js"></script>
		<link rel="stylesheet" href="../css/init.css" />
		<title></title>
		<style>
			.clearfix:after {
				content: "";
				display: block;
				clear: both;
			}
			
			.boxCon {
				width: 100%;
				background: #fff;
				text-align: center;
				padding: 10px 15px;
				height: auto;
				overflow-y: initial;
			}
			
			.boxCon>div {
				padding: 15px 0;
			}
			
			.boxCon table th {
				padding: 5px 8px 5px 0;
				text-align: right;
				width: 32%;
			}
			
			.boxCon table td {
				padding: 6px 0 5px 10px;
				text-align: left;
				color: #717171;
				line-height: 200%;
			}
			
			.kong {
				display: none;
			}
			
			.bootstrap-select>.dropdown-toggle.bs-placeholder {
				background-color: #ffffff!important;
				border-color: #e5e6e7!important;
			}
			
			.filter-option {
				color: #676b6d;
			}
			
			.form-inline {
				display: inline-block;
			}
			
			.bootstrap-select>.dropdown-toggle.btn-default {
				background-color: #ffffff!important;
				border-color: #e5e6e7!important;
				color: #555;
			}
			
			.testInput-list {
				position: absolute;
				z-index: 999;
				border: 1px solid rgb(204, 204, 204);
				background-color: rgb(255, 255, 255);
				z-index: 99999;
				padding-left: 0;
				width: 97.6%;
				display: none;
			}
			
			.testInput-list li {
				padding: 5px;
				list-style: none;
			}
			
			.testInput-list li:hover {
				background-color: #E43926;
				color: #fff;
			}
			
			#testInput4 ,.name,.mobile{
				outline: none;
				border: 1px solid #ccc;
				padding-left: 10px;
				outline-color: #fff;
			}
		</style>
	</head>

	<body>
		<div class="container-fluid">
			<div class="boxCon">
				<table>
					<tbody>
						<tr>
							<th>客户名称： </th>
							<td>
								<div class="form-inline">
									<div class="form-group" style="position: relative;">
										<!--<select class="form-control selectpicker" id="customer_name" data-live-search="true">
												<option value="">请选择客户名称</option>
											</select>-->
										<input id="testInput4" type="text" style="width:100%;" />
										<ul class="testInput-list">
											<li></li>
										</ul>
									</div>
								</div>
								<span class="addJsz_kong" style="color: red;">*</span>
							</td>
						</tr>
						<tr>
							<th>省份： </th>
							<td>
								<div class="form-inline">
									<div class="form-group">
										<select class="form-control selectpicker" id="province" data-live-search="true">
											<option value="">请选择省份</option>
										</select>
									</div>
								</div>
								<span class="addJsz_kong" style="color: red;">*</span>
						</tr>
						<tr>
							<th>联系人： </th>
							<td><input type="text" class="name" />
								<!--<span class="addJsz_kong" style="color: red;">*</span>-->
							</td>
						</tr>
						<tr>
							<th>电话： </th>
							<td>
								<input type="text" class="mobile" />
								<!--<span class="kong addJsz_kong" style="color: red;">*角色值不允许为空</span>-->
							</td>
						</tr>
					</tbody>
				</table>
				<div style="text-align: center;"><button class="btns addCun">保存</button></div>
			</div>

		</div>
		<script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
		<script>
			var token = $.cookie("token");
			var id = helper.request.queryString("ids");
			Select($("#testInput4"));
			$(document).ready(function() {

				var regBox = {
					//regEmail: /^([A-Za-z0-9_\.-]+)@([\dA-Za-z_\.-]+)\.([A-Za-z_\.-]{2,6})$/,  //邮箱
					//regEmail: /@/,    //邮箱
					//regName: /^[a-z0-9_-]{3,16}$/,    //用户名
					//regMobile: /^1(3|4|5|7|8)\d{9}$/    //手机
					//regTel: /^0[\d]{2,3}-[\d]{7,8}$/,
					//regData: /^[0-9]*$/ //数字
					regMobOrTel: /^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/
				}
				//判断
				function Isnullorempty(selstr) {
					if(selstr == null || selstr == "" || selstr == undefined || selstr == "null" || selstr == "undefined" || parseFloat(selstr) <= 0) {
						return true;
					} else {
						return false;
					}
				}
				//保存按钮
				$('.addCun').click(function() {
					var tel = $(".mobile").val();
					//var reg = /^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$|^0\d{2,3}-?\d{7,8}$/;
					if($('#customer_name').val() == '') {
						layer.confirm('请选择客户名称！', {
							btn: ['确定']
						});
						return;
					}
					if($('#province').val() == '') {
						layer.confirm('请选择省份！', {
							btn: ['确定']
						});
						return;
					}
//					if(!reg.test($.trim($(".mobile").val()))) {
//						layer.confirm('请输入正确的联系电话', {
//							btn: ['确定']
//						});
//						return;
//					}
					$.post(huayi.config.callcenter_url + 'Customer/AddCustomer', {
						cid: id,
						customerindustry: $('#testInput4').val(),
						province: $('#province').val(),
						mobile: $('.mobile').val(),
						name: $('.name').val(),
						"token": $.cookie("token")
					}, function(result) {
						result = $.parseJSON(result);
						if(result.state.toLowerCase() == "success") {
							$("#activess").val(result.data);
							var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
							parent.layer.close(index); //再执行关闭
							parent.layer.msg("添加成功！");
							parent.table.bootstrapTable('refresh');
						}
					})

				})
				if(id) {
					$.get(huayi.config.callcenter_url + 'Customer/GetCustomer', {
						cid: id,
						"token": $.cookie("token")
					}, function(result) {
						result = $.parseJSON(result);
						if(result.state.toLowerCase() == "success") {
							var con = result.data;
							$("#testInput4").val(con.F_CustomerIndustry);
							$('#customer_name').trigger("change");
							//					$("#customer_name").find('option[text='+ con.F_CustomerIndustry +']').attr("selected",true);
							$("#province").val(con.F_Province);
							$('#province').trigger("change");
							$(".mobile").val(con.F_Telephone);
							$(".name").val(con.F_CustomerName);
						}
					})

				}

			})
			//客户名称
			getAccount()

			function getAccount() {
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + "Customer/BindLDdep",
					dataType: 'json',
					async: true,
					data: {
						token: $.cookie("token")
					},
					success: function(data) {
						var Count = data.data.dep;
						$(Count).each(function(i, n) {
							$("<option value='" + n + "'>" + n + "</option>").appendTo($("#customer_name"));
						})
						$('#customer_name').selectpicker('refresh');
					}
				});
			}
			//省份
			getProvince()

			function getProvince() {
				//			$.ajax({
				//				type: "get",
				//				url: 'province.json',
				//				dataType: 'json',
				//				async: true,
				//				data: {
				////					token: $.cookie("token")
				//				},
				//				success: function(data) {
				//					var Count = data.provinces;
				//					$(Count).each(function(i,n){
				//						$("<option value='" + n.provinceName + "'>" + n.provinceName + "</option>").appendTo($("#province"));
				//					})
				//					$('#province').selectpicker('refresh');
				//				}
				//			});
				var Count = geo.provinces;
				$(Count).each(function(i, n) {
					$("<option value='" + n.provinceName + "'>" + n.provinceName + "</option>").appendTo($("#province"));
				})
				$('#province').selectpicker('refresh');
			}

			function Select(obj) {
				obj.click(function(event) {
					event.preventDefault();
				});
				obj.focus(function() { //
					//失去焦点后触发的事件
					obj.parent().find('.testInput-list').show();
					BindLDdep();
				});
				obj.bind("input propertychange", function() {
					var value = $(this).val();
					obj.parent().find('.testInput-list').show();
					BindLDdep(value)
				});

				function BindLDdep(str) {
					$('.testInput-list').empty();
					$.ajax({
						type: "get",
						url: huayi.config.callcenter_url + "Customer/BindLDdep",
						dataType: 'json',
						async: true,
						data: {
							keypara: str,
							token: $.cookie("token")
						},
						success: function(data) {
							var Count = data.data.dep;
							console.log(Count);
							var html = '';
							$(Count).each(function(i, n) {
								html = '<li value="' + n + '" id="td' + i + '">' + n + '</li>';
								$(html).appendTo($('.testInput-list'));
							});
							$('.testInput-list>li').click(function() {
								obj.val($(this).html());
								console.log($(this).html());
								$('.testInput-list').hide();
							})

						}
					});
				};
				//

			}

			//请求单位

			$(document).ready(function() {

				$(document).click(function(e) {
					if(!$(e.target).is($('.testInput-list>li')) && !$(e.target).is($('#testInput1')) && !$(e.target).is($('#testInput2')) && !$(e.target).is($('#testInput3')) && !$(e.target).is($('#testInput4'))) {
						$('.testInput-list').hide();
					}
				})
			})
		</script>
	</body>

</html>