puti
/
snd-escloud


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
							<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<div th:replace="~{mobile/header :: header}"></div>

<script>
	$(function(){
		getFee();
		bindList();
	});
	
	function getFee(){
		$.ajax({
            type: "GET",
            dataType: "json",
            url: pagePath + "/mobile/fee/searchList",
            data: {
                "timestamp": new Date().getTime()
            },
            success: function (result) {
                if (result.success) {
                    bindList(result.obj.feeList);
                } else {
                	alert(result.message);
                }
            },
            error: function () {
            	alert("系统错误!");
                //errorMessage('系统错误!');
            }
        });
		
	}
	
	function bindList(list){
		
		if (list) {
			$("#feeList li").remove();
			for (var i = 0; i < list.length; i++) {
				var fee=list[i];
				
				var li='<li>';
				li+='<div class="data">'+fee.fee_type+'</div>';
				li+='<div class="data">';
				//水费
				li+='<div class="cell">';
				li+='<span>'+fee.total_fee+'元</span>';
				if(fee.is_paid=="1"){
					li+='<span style="color:black;" class="status">已缴费</span>';
				}else{
					li+='<span style="color:red;" class="status">未缴费</span>';
				}
				li+='</div>';
				li+='<div class="data">';
				if(fee.fee_type=="水费"||fee.fee_type=="电费"){
					li+='<span>抄表日期：</span>';
				}else{
					li+='<span>应缴费日期：</span>';
				}
				li+=fee.pay_time+'</div>';
				li+='</div>';
				li+='</div>';
				li+='</li>';
				var $li = $(li);	
				$("#feeList").append($li);
			}
		}
	}
	
</script>
<body>
    <header>
        <a class="back" href="javascript:history.go(-1);"> <i class="iconfont icon-fanhui"></i></a>
        <span >费用查询</span>
    </header>
    <!-- 内容 -->
    <section class="content has_header">
            <div class="list">
                <ul id="feeList">

                </ul>
            </div>
    </section>

    <div class="bottom-fxied">
        <footer>
            <span>
                <a th:href="@{/mobile/home}"  >
                <i class="iconfont icon-shouye"></i>
                <div>首页</div>
                </a>
            </span>
            <span>
                <a th:href="@{/mobile/company/companyPage}" >
                <i class="iconfont icon-enterprise"></i>
                <div>产品</div>
                </a>
            </span>
            <span>
            <a th:href="@{/mobile/service}" class="active">
                <i class="iconfont icon-msnui-service"></i>
                <div>服务</div>
            </a>
            </span>

            <span>
             <a th:href="@{/mobile/login}">
                <i class="iconfont icon-wo"></i>
                <div>我</div>
            </a>
            </span>
        </footer>

    </div>
</body>
</html>