三元微信

WeChat/content/company.html

 							<div class="mui-text-left mui-pull-left">
 								<h4>
 									<span class="text_s_1">服务周期</span>
-									<span style="margin-left: 30px;" id="cycleTime">2018-2019</span>
+									<span style="margin-left: 30px;" id="cycleTime"></span>
 								</h4>
 							</div>
 						</a>
 							</div>
 						</a>
 					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-12 mui-col-sm-12 Managment">
+						<a>
+							<div class="mui-text-left mui-pull-left">
+								<h4>
+									<span class="text_s_1">代理费到期日期</span>
+									<span style="margin-left: 30px;" id="feeExpires"></span>
+								</h4>
+							</div>
+						</a>
+					</li>
 				</ul>
 				<!--<ul class="mui-table-view mui-grid-view mui-grid-9 frist_list" style="margin-bottom: 10px;">
 					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4 Managment ">
 				</ul>-->
 				<ul class="mui-table-view mui-table-view-chevron" style="margin-top: 50px;">
 					<li class="mui-table-view-cell mui-media">
+						<a class="mui-navigate-right invoiceList">
+							<div class="mui-media-body">
+								<h5 class="text_h_3">服务记录</h5>
+							</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media">
 						<a class="mui-navigate-right" id="quit">
 							<div class="mui-media-body">
 								<h5 class="text_h_3">退出登录</h5>
 	<script src="../Script/Common/huayi.http.js"></script>
 	<script src="js/company.js"></script>
 	<script>
+		var turn=1;
 		$("#quit").click(function() {
 			//点击图片后发送跳转到指定页面的事件。
 			var btnArray = ['否', '是'];
 			})
 
 		})
+		$(".invoiceList").click(function() {
+			//点击图片后发送跳转到指定页面的事件。
+			window.location.href = "invoiceList.html?turn="+turn;
+		})
 	</script>
 </html>

WeChat/content/css/companyl.css

-.text_h_1{
+.text_h_1 {
 	margin-bottom: 15px;
 }
-.text_h_2{
+
+.text_h_2 {
 	margin-bottom: 10px;
 }
-.text_h_3{
+
+.text_h_3 {
 	color: #000000;
 }
-.img_1{
+
+.img_1 {
 	margin-top: 10px;
 }
-.text_s_1{
+
+.text_s_1 {
 	font-weight: bold;
 	color: #000000;
 }
-.text_p_1{
+
+.text_p_1 {
 	font-weight: bold;
 	margin-top: 15px;
 }
-.text_p_2{
+
+.text_p_2 {
 	font-size: 16px;
-	color:#1d8afa;
+	color: #1d8afa;
 }
-.text_posi{
+
+.text_posi {
 	position: absolute;
 	right: 5px;
 	top: 5px;
 	background: #ff3844;
 	color: #FFFFFF;
 }
-.Managment{
+
+.Managment {
 	position: relative;
 }
+
 .mui-icon {
-    font-size: 20px!important;
-    vertical-align: sub;
+	font-size: 20px!important;
+	vertical-align: sub;
 }
+
 .Left-icon {
-    width: 20%;
-    line-height: 40px;
-    margin-right: 3px;
+	width: 20%;
+	line-height: 40px;
+	margin-right: 3px;
 }
+
 .mui-pull-left h4 {
-    font-size: 13px;
-    margin-bottom: 8px;
+	font-size: 13px;
+	margin-bottom: 8px;
 }
+
 .mui-pull-left h5 {
-    font-size: 12px;
+	font-size: 12px;
 }
-.mui-media-body{
+
+.mui-media-body {
 	font-size: 22px;
 }
-.mui-table-view .mui-media-object{
-    line-height: 42px;
-    max-width: 100px;
-    height: 60px;
+
+.mui-table-view .mui-media-object {
+	line-height: 42px;
+	max-width: 100px;
+	height: 60px;
 }
-.mui-grid-view.mui-grid-9{
+
+.mui-grid-view.mui-grid-9 {
 	background: #FFFFFF;
 }
-.Managment a{
+
+.Managment a {
 	padding: 0 !important;
 }
-.frist_list{
+
+.frist_list {
 	margin-top: 10px !important;
 }
-.mui_card{
+
+.mui_card {
 	width: 100%;
 	margin: 0 auto;
 	border: 1px solid #eeeeee;
 }
-.mui_card p{
+
+.mui_card p {
 	text-align: center;
 }
-.mui_card span{
+
+.mui_card span {
 	display: block;
 	font-size: 12px;
 	margin-left: 5px;
 }
+

WeChat/content/css/serve.css

 .mui-h5{
 	font-size: 14px !important;
 }
+.mui-nav {
+	position: fixed;
+	width: 100%;
+	top: 0px;
+	height: 44px;
+	line-height: 44px;
+	text-align: center;
+	/*background: #22c9a8;*/
+	background: #FFFFFF;
+	z-index: 333;
+	color: #000000;
+	/*color: #FFFFFF;*/
+	font-size: 17px;
+	display: none;
+}
+
+.mui-nav a {
+	position: absolute;
+	left: 15px;
+	line-height: 44px;
+	color: #000000;
+}
 
+.mui-nav span {
+	position: absolute;
+	right: 15px;
+	line-height: 44px;
+	font-size: 13px;
+}
+.cont-margin{
+	margin-top: 54px;
+}

WeChat/content/css/serveDetail.css

 	z-index: 333;
 	color: #000000;
 	/*color: #FFFFFF;*/
-	font-size: 17px;}
+	font-size: 17px;
+	}
 .mui-nav a{ 
 	position: absolute;
 	left: 15px;

WeChat/content/invoiceDetail.html

 
 	<body>
 		<div class="mui-nav">
-			<a class="mui-icon mui-icon-arrowleft" href="client_index.html"></a>
+			<a class="mui-icon mui-icon-arrowleft" href="invoiceList.html"></a>
 			服务记录详情
 		</div>
 		<div class="mui-content" style="margin-top: 54px;">

WeChat/content/invoiceList.html

 	</head>
 	<body>
 		<!--页面主内容区开始-->
-		<div class="mui-content">
+		<div class="mui-nav">
+			<a class="mui-icon mui-icon-arrowleft" href="company.html"></a>
+			服务记录
+		</div>
+		<div class="mui-content cont-margin">
 			<div class="mui-content">
 		    <ul id="OA_task" class="mui-table-view mui-table-view-striped mui-table-view-condensed">
 		        <!--<li class="mui-table-view-cell">

WeChat/content/js/InvoiceList.js

 mui.init({})
 var openid = helper.cookies.get("openid");
+var turn = helper.request.queryString("turn");
+if (turn) {
+	$(".mui-nav").show();
+}else{
+	$(".cont-margin").css("margin-top","0px");
+}
 Ajax();
 function Ajax() {
 	//$(".order").remove();
-
 	$.ajax({
 		url: huayi.config.callcenter_url + 'WxLogin/GetBillList',
 		data: {

WeChat/content/js/company.js

 			
 			if (result.F_CycleStart) {
 				$("#cycleTime").text(result.F_CycleStart+"-"+result.F_CycleEnd); //服务周期
+			}else{
+				$("#cycleTime").text("暂无"); //代理费到期日期
+			}
+			if (result.F_FeeExpires) {
+				$("#feeExpires").text(result.F_FeeExpires); //代理费到期日期
+			}else{
+				$("#feeExpires").text("暂无"); //代理费到期日期
 			}
-			
 			if (result.F_ChargeType==1) {
 				ChargeType="月度"
 			} else if(result.F_ChargeType==2){

WeChat/content/js/orderDetail.js

 var id = helper.request.queryString("id");
 var openid = helper.cookies.get("openid");
 function formatterDealDetail(val, row) {
-	
 	return str;
 }