zhengbingbing
/
Autobio_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335
							<!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: auto;
			}
			
			.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{
				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();
			if($('#customer_name').val()=='') {
				layer.confirm('请选择客户名称！', {
					btn: ['确定']
				});
				return;
			}
			if($('#province').val()=='') {
				layer.confirm('请选择省份！', {
					btn: ['确定']
				});
				return;
			}
			if(!Isnullorempty(tel)) {
				var flag = regBox.regMobOrTel.test(tel);
				if(!flag) {
					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>