Upinfo.html 9.88 KB
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	    <title>抬头详情</title>
	    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	    <meta name="format-detection" content="telephone=no" />
	    <meta name="format-detection" content="email=no" />
	    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
	    <meta name="apple-mobile-web-app-capable" content="yes" />
	    <meta name="apple-mobile-web-app-title" content="">
	    <meta name="google" value="notranslate"><!-- 禁止Chrome 浏览器中自动提示翻译 -->
	    <link rel="stylesheet" type="text/css" href="../../../../iconfont/iconfont.css"/>
	    <link href="../../css/self.css"  rel="stylesheet"/>
	    <link href="css/Upinfo.css"  rel="stylesheet"/>
	</head>
	<style>
		
	</style>
	<body>
		<div class="bao">
			<div class="tc"></div>
			<table class="uptable ultop">
				<tr>
					<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
					<td>
						<input type="text" id="upname" readonly="readonly"   value=""  placeholder="填写准确的抬头名称"/>
					</td>
				</tr>
				<tr>
					<td>
						<span>默认抬头</span>
						
					</td>
					<td>
						<span id="isDefualt"></span>
						<span class="slidebtn" style="display: none;">
							<span></span>
						</span>
					</td>
				</tr>
			</table>
		</div>
		<div class="bao">
			<div class="tc"></div>
			<table class="uptable">
				<tr style="display: none;">
					<td colspan="2">
						<div class="checkgroup" data-checkname='1'>
							<span class="dcheck actived" data-name="1">
								<i class="icon iconfont">&#xe685;</i>
								单位&nbsp;
							</span>
							<!--<span class="dcheck" data-name="0">
								<i class="icon iconfont">&#xe685;</i>
								个人
							</span>-->
						</div>
						
					</td>
				</tr>
				<tr>
					<td>
						<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
					</td>
					<td>
						<input type="text" id="ushuihao" readonly="readonly"   value="" placeholder="输入纳税人识别号"/>
					</td>
				</tr>
				<tr>
					<td>
						<span>单位地址</span>
					</td>
					<td>
						<input type="text" id="udizhi" readonly="readonly" value=""  placeholder="收票单位注册地址"/>
					</td>
				</tr>
				<tr>
					<td>
						<span>电话号码</span>
					</td>
					<td>
						<input type="number" id="uphone" readonly="readonly"   value=""  placeholder="输入公司电话号码"/>
					</td>
				</tr>
				<tr>
					<td>
						<span>开户银行</span>
					</td>
					<td>
						<input type="text" id="ubank" readonly="readonly"  value=""  placeholder="收票单位开户银行"/>
					</td>
				</tr>
				<tr>
					<td>
						<span>银行账号</span>
					</td>
					<td>
						<input type="number" id="ubanknum" readonly="readonly" value=""  placeholder="收票单位银行账户"/>
					</td>
				</tr>
			</table>
			
		</div>
		<p style="background: #E6EDEC;margin: 10px;color: #f5a623;font-size: 12px;">修改发票抬头,不会影响已开具的发票</p>
		
		<!--<p class="uptip">修改发票的抬头,不会影响已开具的发票</p>-->
		<button class="upbtn cbtn" onclick="">编辑</button>
		<button class="upcbtn cbtn" onclick="upbaocun()">保存</button>
	</body>
</html>
<script src="../../../../js/jquery-3.2.1.min.js"></script>
<script src="../../../../js/layui/layui/layui.js"></script>
<!--md5 start-->
<script src="http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.js?v=1.1"></script>
<script src="http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.min.js?v=1.1"></script>
<!--md5 end-->
<script src="../../../../js/url.js"></script>
<script src="../../../../js/ajax.js"></script>
<script>
	
	var func = {
		defaultup:'0',
		uptype:'1',
		did:''
	};
	$(function(){
		jsajax.setcss("css/Upinfo2.css");
		layui.use(['layer'], function(){ 
		  //向世界问个好
		});
		var src = location.href;
		if(src.split('?')){
			var n1 = src.split('?')[1];
			if(n1&&n1!=''){
				var n2 = n1.split('=')[1];
				func.did = n2;
				getinfobyid(func.did);
				console.log(n2);
			}
		}else{
			console.log('buz');
		}
		
		//var slidebtn = false;
		$('.slidebtn').click(function(){
			if(func.defaultup =='0'){
				$(this).addClass('active');
				func.defaultup = '1';
				//slidebtn = true;
			}else{
				$(this).removeClass('active');
				func.defaultup = '0';
				//slidebtn = false;
			}			
		});
		
		//点击单选
		$('.checkgroup').on('click','.dcheck',function(){
			var dname= $(this).attr('data-name');
			$(this).addClass('actived');
			$(this).siblings().removeClass('actived');
			func.uptype = dname;
			//$(this).attr('data-checkname',dname);
		});
		
		//点击编辑按钮
		$('body').on('click','.upbtn',function(){
			$('title').text('编辑抬头');
			$('input[type="text"]').removeAttr('readonly');
			$('input[type="number"]').removeAttr('readonly');
			$('#upname').focus();
			$('.tc').css('display','none');
			//$('input[type="text"]').removeAttr('disabled');
			$(this).css('display','none');
			$('.upcbtn').css('display','block');
			//isDefualt slidebtn
			$('#isDefualt').css('display','none');
			$('.slidebtn').css('display','block');
			//window.location.href = 'EditUp.html';
		});
		///点击保存按钮
		/*$('body').on('click','.upcbtn',function(){			
			
			
		});*/
		/*console.log(document.referrer);
		
		var urll =  document.referrer;
		var arrurl = urll.split('/');
		console.log(arrurl.length);
		console.log(arrurl[arrurl.length-1]);*/
	});
	
	
	//点击保存
	function upbaocun(){
		var salt = jsajax.salt(32);
		var token = mUrl.GetToken();
		var deviceInfo = mUrl.getDevice();
		var date1 = new Date();
		var dataState = 1;
		console.log(date1);
		var upname = $.trim($('#upname').val());//名称
		var ushuihao = $.trim($('#ushuihao').val());//税号
		var udizhi = $.trim($('#udizhi').val());//地址
		var uphone = $.trim($('#uphone').val());//电话
		var ubank = $.trim($('#ubank').val());//银行名
		var ubanknum = $.trim($('#ubanknum').val());//卡号
		$(this).attr('disabled','disabled');
		if(!upname||upname==''||!ushuihao||ushuihao==''||!udizhi||udizhi==''||!uphone||uphone==''||!ubank||ubank==''||!ubanknum||ubanknum==''){
			layer.msg('请将信息填写完整', {
			    time: 1500 //2秒关闭(如果不配置,默认是3秒)
			}, function(){});
			return false;
		}
		if(uphone!=''&&!(/^1[34578]\d{9}$/.test(uphone))&&!/^0\d{2,3}-?\d{7,8}$/.test(uphone)){
			layer.msg('手机号格式错误', {
			    time: 1500 //2秒关闭(如果不配置,默认是3秒)
			}, function(){});
			return false;
		}
		var sortd = [
		 	{keyname:'app_id',value:'0eca8f5373ca4866aec2f8e9d9367104'},
		 	{keyname:'deviceInfo',value:deviceInfo},
		 	{keyname:'salt',value:salt},
		 	{keyname:'sign_type',value:'md5'},
		 	{keyname:'id',value:func.did},
		 	{keyname:'token',value:token},
		 	{keyname:'name',value:upname},
		 	{keyname:'invoiceType',value:func.uptype},//单位或是个人
		 	{keyname:'taxid',value:ushuihao},//税号
		 	{keyname:'bankName',value:ubank},//
		 	{keyname:'cardNo',value:ubanknum},
		 	{keyname:'address',value:udizhi},
		 	{keyname:'phone',value:uphone},
		 	{keyname:'isDefault',value:func.defaultup},
		 	
		]
		var md5sign = jsajax.getsign(sortd);
		var jsond = {
			app_id:'0eca8f5373ca4866aec2f8e9d9367104',
			deviceInfo:deviceInfo,
			salt:salt,
			sign:md5sign,
			id:func.did,
			sign_type:'md5',
			token:token,
			name:upname,
			invoiceType:func.uptype,
			taxid:ushuihao,
			bankName:ubank,
			cardNo:ubanknum,
			address:udizhi,
			phone:uphone,
			isDefault:func.defaultup,
		}
		console.log('数据 '+JSON.stringify(jsond));
		jsajax.defaultReq(
			mUrl.upUpinfo,
			JSON.stringify(jsond),
			function(data){
				console.log(JSON.stringify(data));
				if(data.code=='0'){
					var urll =  document.referrer;
					window.location.href = document.referrer;
					//window.history.go(-1);
				}else{
					alert(data.message);
				}
			}
		);
	}
	
	//通过id查详情
	function  getinfobyid(id){
		var salt = jsajax.salt(32);
		var token = mUrl.GetToken();
		var deviceInfo = mUrl.getDevice();
		var sortd = [
			{keyname:'app_id',value:'0eca8f5373ca4866aec2f8e9d9367104'},
			{keyname:'deviceInfo',value:deviceInfo},
			{keyname:'salt',value:salt},
			{keyname:'sign_type',value:'md5'},
			{keyname:'token',value:token},
			{keyname:'id',value:id}
		];
		var mdsign = jsajax.getsign(sortd);
		var jsond = {
			app_id:'0eca8f5373ca4866aec2f8e9d9367104',
			deviceInfo:deviceInfo,
			salt:salt,
			sign:mdsign,
			sign_type:'md5',
			token:token,
			id:id
		};
		console.log('数据 '+JSON.stringify(jsond));
		jsajax.defaultReq(
			mUrl.checkUpbyId,
			JSON.stringify(jsond),
			function(data){
				console.log('返回 '+JSON.stringify(data));
				if(data.code==0){
					var datas = data.data;
					var id = datas.id;
			       	var name = datas.name;
			       	var invoiceType = datas.invoiceType;
			       	var taxid = datas.taxid;
			       	var bankName = datas.bankName;
			       	var cardNo = datas.cardNo;
			       	var address = datas.address;
			       	var phone = datas.phone;
			       	//var dataState = datas.dataState;
			       	var isDefault = datas.isDefault;
			       	/*var createEmpid = datas.createEmpid;
			      	var createDate = datas.createDate;
			       	var modfiyEmpid = datas.modfiyEmpid;
			       	var modfiyDate = datas.modfiyDate;*/
					datafull(name,isDefault,taxid,address,phone,bankName,cardNo);
				}
			}
		);
	}
	
	//填充数据
	function datafull(upname,isDefualt,ushuihao,udizhi,uphone,ubank,ubanknum){
		//upname isDefualt slidebtn ushuihao udizhi uphone ubank ubanknum
		$('#upname').val(upname);
		if(isDefualt=='1'){
			$('#isDefualt').text('是');
			func.defaultup = '1';
			$('.slidebtn').addClass('active');
			
		}else{
			$('#isDefualt').text('否');
			func.defaultup = '0';
			$('.slidebtn').removeClass('active');
		}
		$('#ushuihao').val(ushuihao);//税号
		$('#udizhi').val(udizhi);//地址
		$('#uphone').val(uphone);//电话
		$('#ubank').val(ubank);//银行名
		$('#ubanknum').val(ubanknum);//卡号
	}
</script>