Addup.html 7.55 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/Addup.css"  rel="stylesheet"/>
	</head>
	<body>
		<div class="bao">
			<table class="uptable ultop">
				<tr>
					<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
					<td>
						<input type="text" id="upname" placeholder="填写准确的抬头名称"/>
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<span>默认抬头</span>
						<span class="slidebtn qihuan">
							<span></span>
						</span>
					</td>
				</tr>
			</table>
		</div>
		<div class="bao">
			<table class="uptable">
				<tr>
					<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="tipfont">
								*个人发票抬头根据申领发票的不同自动填充
							</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" placeholder="输入纳税人识别号"/>
					</td>
				</tr>
				<tr>
					<td>
						<span>单位地址</span>
					</td>
					<td>
						<input type="text" id="udizhi" placeholder="收票单位注册地址"/>
					</td>
				</tr>
				<tr>
					<td>
						<span>电话号码</span>
					</td>
					<td>
						<input type="number" id="uphone" placeholder="输入公司电话号码"/>
					</td>
				</tr>
				<tr>
					<td>
						<span>开户银行</span>
					</td>
					<td>
						<input type="text" id="ubank" placeholder="收票单位开户银行"/>
					</td>
				</tr>
				<tr>
					<td>
						<span>银行账号</span>
					</td>
					<td>
						<input type="number" id="ubanknum" placeholder="收票单位银行账户"/>
					</td>
				</tr>
			</table>
		</div>
		
		
		<p class="uptip tipfont">建议全部填写,以便开具增值税专用发票</p>
		<button class="upbtn cbtn qihuan" onclick="addupbtn()">保存</button>
		<p class="uptip bottomtip" style="text-align: center;"></p>
	</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'
	};
	$(function(){
		jsajax.setcss("css/Addup2.css");
		layui.use(['layer'], function(){ 
		  //向世界问个好
		});
		var slidebtn = false;
		$('.slidebtn').click(function(){
			if(!slidebtn){
				$(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(){
			
			
			
		});*/
		/*console.log(document.referrer);
		
		var urll =  document.referrer;
		var arrurl = urll.split('/');
		console.log(arrurl.length);
		console.log(arrurl[arrurl.length-1]);*/
	})
	//点击提交数据
	function addupbtn(){
		var upname = $.trim($('#upname').val());//名称
		var defaultup = func.defaultup;//默认抬头
		var uptype = func.uptype;//类型名称
		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');
		//console.log("手机号   1");
		console.log("手机号   "+uphone);
		if(!uphone||uphone==''){
			layer.msg('手机号不能为空或仅需输入数字', {
			    time: 1500 //2秒关闭(如果不配置,默认是3秒)
			}, function(){});
		}else if(!upname||upname==''||!ushuihao||ushuihao==''||!udizhi||udizhi==''||!uphone||uphone==''||!ubank||ubank==''||!ubanknum||ubanknum==''){
			layer.msg('请将信息填写完整', {
			    time: 1500 //2秒关闭(如果不配置,默认是3秒)
			}, function(){});
			
		}else{
			console.log("名称 "+upname+"/n默认抬头 "+defaultup+"/n类型名称 "+uptype
			+"/n税号 "+ushuihao
			+"/n地址 "+udizhi
			+"/n电话 "+uphone
			+"/n开户银行 "+ubank
			+"/n银行账户   "+ubanknum);
			
			//if(uphone!=''&&!(/^1[34578]\d{9}$/.test(uphone))||!/^0\d{2,3}-?\d{7,8}$/.test(uphone)){
			if(!(/^([0-9]{3,4})?[0-9]{7,8}$/.test(uphone))){	
				
				layer.msg('手机号格式错误', {
				    time: 1500 //2秒关闭(如果不配置,默认是3秒)
				}, function(){});
				return false;
			}
			var salt = jsajax.salt(32);
			var token = mUrl.GetToken();
			var date1 = new Date();
			var dataState = 1;
			var deviceInfo = mUrl.getDevice();
			console.log(date1);
			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:'name',value:upname},
			 	{keyname:'invoiceType',value:uptype},//单位或是个人
			 	{keyname:'taxid',value:ushuihao},//税号
			 	{keyname:'bankName',value:ubank},//
			 	{keyname:'cardNo',value:ubanknum},
			 	{keyname:'address',value:udizhi},
			 	{keyname:'phone',value:uphone},
			 	//{keyname:'dataState',value:''},
			 	{keyname:'isDefault',value:defaultup},
			 	//{keyname:'createEmpid',value:''},
			 	//{keyname:'createDate',value:''},
			]
			var md5sign = jsajax.getsign(sortd);
			var jsond = {
				app_id:'0eca8f5373ca4866aec2f8e9d9367104',
				deviceInfo:deviceInfo,
				salt:salt,
				sign:md5sign,
				sign_type:'md5',
				token:token,
				name:upname,
				invoiceType:uptype,
				taxid:ushuihao,
				bankName:ubank,
				cardNo:ubanknum,
				address:udizhi,
				phone:uphone,
				//dataState:'',
				isDefault:defaultup,
				//createEmpid:'',
				//createDate:''
			}
			//alert('数据 '+JSON.stringify(jsond));
			console.log('数据 '+JSON.stringify(jsond));
			jsajax.defaultReq(
				mUrl.addUp,
				JSON.stringify(jsond),
				function(data){
					//alert(JSON.stringify(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);
						$(this).removeAttr('disabled');
					}
				}
			);
		}
	}
</script>