pay.jsp 5.9 KB
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>科路得</title>
    <link rel="stylesheet" type="text/css" href="/css/pay.css">
</head>

<body>
<jsp:include page="/include/header.jsp" flush="true"/>

<div class="pay-wrap">
    <div>
        <div class="location-wrap">
            <h1>
                <span>缴纳费用</span>&nbsp;&nbsp;&nbsp;&nbsp;
                <span><a href="case-manage.jsp">案件管理</a></span>
            </h1>
        </div>
        <div class="pay-detail-wrap">
            <div class="register-info case-list">
                <h2>立案信息</h2>
                <table>
                    <thead>
                    <tr class="table-head">
                        <th>案件类型</th>
                        <th>案件名称</th>
                        <th>案件编号</th>
                        <th>费用</th>
                    </tr>
                    </thead>
                    <tbody class="case_list_body">

                    </tbody>
                </table>
            </div>
        </div>
    <div class="recev-addr">
        <h2>收件信息</h2>

        <form class="info-form">
            <div>
                <%--<input type="checkbox" value="广东省广州市萝岗区伴河路92号 (李强收)">
                <label for="">广东省广州市萝岗区伴河路92号 (<span class="user-name">李强</span> 收) </label>
                <span class="comment">默认地址</span>

                <div class="operate">
                    <span>编辑</span>
                    <span>删除</span>
                    <span>设为默认地址</span>
                </div>--%>
                <form class="">
                    <label for="">地址&nbsp;&nbsp;</label><input type="text" value="" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <label for="">电话&nbsp;&nbsp;</label><input type="text" value="" />
                </form>
            </div>
        </form>
        <div class="add-info add-addr">新增其他地址</div>
    </div>
    <div class="invoice-info">
        <h2>发票信息</h2>
        <form style="padding-left: 40px">
            <label for="">个人&nbsp;&nbsp;</label><input type="checkbox" value="个人">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <label for="">单位&nbsp;&nbsp;</label><input type="checkbox" value="单位">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <label for="">抬头&nbsp;&nbsp;</label><input type="text" value="">
        </form>
        <%--<form class="info-form">
            <div>
                <input type="checkbox" value="广东省广州市萝岗区伴河路92号 (李强收)">
                <label for="">
                    <span>一米阳光科技有限公司 </span>
                </label>
                <span class="property">单位</span>
                <span class="invoice-type">普通发票</span>
                <span class="comment">默认发票</span>

                <div class="operate hidden">
                    <span>编辑</span>
                    <span>删除</span>
                    <span>设为默认发票</span>
                </div>
            </div>
            <div>
                <input type="checkbox" value="广东省广州市萝岗区伴河路92号 (李强收)">
                <label for="">
                    <span>一米阳光科技有限公司 </span>
                </label>
                <span class="property">单位</span>
                <span class="invoice-type">普通发票</span>

                <div class="operate hidden">
                    <span>编辑</span>
                    <span>删除</span>
                    <span>设为默认发票</span>
                </div>
            </div>
        </form>--%>
        <div class="add-info add-addr">新增其他地址</div>
    </div>
    <div class="clearing">
        <div>2个案件,总费用 : ¥3800.00</div>
        <div class="total-wrap">应付总额:<span class="total">¥7600</span></div>
        <div><span class="submit-btn">去结算</span></div>
    </div>
</div>
</div>
</div>
<jsp:include page="/include/footer.jsp" flush="true"/>
</body>
</html>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="/js/pay.js"></script>
<script>
    var case_list_body=$(".case_list_body");
    $.ajax({
        url:"/find_case_list",
        type:"POST",
        dataType:"JSON",
        async:false,
        success:function(res){
            var data = res.data;
            $.each(data,function(i,casement){
                var trMain = $("<tr></tr>").appendTo(case_list_body);
                //类型
                var tdType = $("<td></td>").appendTo(trMain);
                var spanType = $("<span></span>").text(casement['caseType']).appendTo(tdType);

                //名称
                var tdName = $("<td></td>").appendTo(trMain);
                var spanName = $("<span></span>").text(casement['name']).appendTo(tdName);

                //编号
                var tdSn = $("<td></td>").appendTo(trMain);
                var spanSn = $("<span></span>").text(casement['caseSn']).appendTo(tdSn);

                //费用
                var tdExpense = $("<td></td>").appendTo(trMain);
                var spanExpense = $("<span></span>").text(casement['expense']).appendTo(tdExpense);
                //footer信息
                var trFooter = $("<tr class='case-list-item-bottom-tr'></tr>").appendTo(case_list_body);
                var tdFooter = $("<td colspan='4'></td>").appendTo(trFooter);
                $("<span>合同号:<span>"+casement['caseSn']+"</span></span>").appendTo(tdFooter);
                $("<span>立案时间:<span>"+casement['createDate']+"</span></span>").appendTo(tdFooter);
            });
        },
        error:function(err){
            alert(err);
        }
    });
</script>