Invoiceapplication.html 4.12 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/reset.css"  rel="stylesheet"/>-->
	    <link href="../css/self.css"  rel="stylesheet"/>
	</head>
	<style>
		*{
			padding: 0;
			margin: 0;
		}
		
		.invoice{
			width: 100%;
			font-size: 0;
			border-bottom: 1px solid #e4e4e4;
			background: #fff;
			padding:20px 10px;
			box-sizing: border-box;
            text-align:center;
		}
		.invoice a,.invoice a:active{
			display: inline-block;
			width: 33%;
			font-size: 14px;
			text-align: center;
			color: #000;
			text-decoration: none;
		}
		.invoice a:active{
			
		}
		.invoice a span{
			font-size: 13px;
		}
		.invoice a>div{
			padding: 15px 0;
		}
		.invoice a img{
			width: 40%;
			max-width: 52px;
		}

		.invoicebody {
			width: 100%;
			padding:0 10px;
			box-sizing: border-box;
			border-top: 1px solid #e4e4e4;
			background: #fff;
			margin-top: 10px;
		}
		.invoicebody .invoice_ul{
			/*margin-top: 10px;*/
			width: 100%;
		}
		.invoicebody .invoice_ul li{
			background: #fff;
			height: 40px;
			line-height: 40px;
			padding: 0 10px;
			box-sizing: border-box;
			border-bottom: 1px solid #e4e4e4;
		}
		.invoicebody .invoice_ul li i{
			float: right;
		}
	</style>
	<body>
		<div class="invoice">
			<!--<a class="" onclick="toast()">
				<div>
					<img src="imgs/yue.png" />
				</div>
				<span>余额开票</span>
			</a>-->
			<a class="" href="kaipiao/Viptjf.html">
				<div>
					<img src="imgs/huiyuan.png" />
				</div>
				<span>会员卡开票</span>
			</a>
			<!--<a class="" onclick="toast()">
				<div>
					<img src="imgs/linting.png" />
				</div>
				<span>临停开票</span>
			</a>-->
		</div>
		<div class="invoicebody">
			<ul class="invoice_ul">
				<li data-href="invoicetitle/invoicetitle.html" onclick="">
					<span>发票抬头</span>
					<i class="icon iconfont">&#xe61e;</i>
				</li>
				<li data-href="Billinghistory/Billinghistory.html" onclick="">
					<span>开票历史</span>
					<i class="icon iconfont">&#xe61e;</i>
				</li>
				<li data-href="Ticketopeningrules.html" onclick="">
					<span>开票规则</span>
					<i class="icon iconfont">&#xe61e;</i>
				</li>
				<li data-href="mailingaddress/mailingaddress.html" onclick="">
					<span>邮寄地址</span>
					<i class="icon iconfont">&#xe61e;</i>
				</li>
				<!--<li data-href="a1.html" onclick="">
					<span>a1</span>
					<i class="icon iconfont">&#xe61e;</i>
				</li>-->
			</ul>
		</div>		
	</body>
</html>
<script src="../../../js/jquery-3.2.1.min.js"></script>
<script src="../../../js/layui/layui/layui.js"></script>

<script src="../../../js/url.js"></script>
<script src="../../../js/ajax.js"></script>
<script>
	//mUrl.SetToken  设置token
	var func = {
		token:''
	}
	$(function(){
		layui.use(['layer'], function(){ 
		  //向世界问个好
		});
		func.token = mUrl.GetToken();
		console.log('用户token '+func.token);
		//alert('获取到用户token  '+func.token);
		//点击li进入对应的页面
		$('body').on('click','.invoice_ul li',function(){
			var href = $(this).attr('data-href');
			window.location.href = href;
		});/* */
		//layer.msg('hello');
	});
	function Invotj(obj){
		var hrefs = $(obj).attr('data-href');
		window.location.href = hrefs;
	}
	function toast(){
		layer.msg('努力开发中,敬请期待', {
		    //icon: 1,
		    time: 1500 //2秒关闭(如果不配置,默认是3秒)
		}, function(){
		    //do something
		});
	}
	function setToken(token,device){
		mUrl.SetToken(token);
		mUrl.setDevice(device);
		//alert('token '+token);
	}
</script>