caimei365
/
caimei365-manager


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
							<%--
  Created by IntelliJ IDEA.
  User: 822
  Date: 2018/8/6
  Time: 9:53
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
    <title>对账列表</title>
    <meta name="decorator" content="default"/>
    <%--<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>--%>
    <style type="text/css">
        *{margin: 0;padding: 0}
        a{list-style: none;text-decoration: none}
        body{background-color: rgb(228,228,228)}
        h3{border-left: 3px solid #08c;line-height: 20px;padding-left: 15px; font-weight: normal;margin-top: 15px;}
        .filter-query{margin: 15px 0}
        .about-query{background-color: rgb(242,242,242);line-height: 35px;overflow: hidden}
        .about-query div{color: #666}
        .about-query .left-query{float: left;margin-left: 35px}
        .about-query .right-query{float: right;margin:2px 35px 0 0;background-color: rgb(215,215,215);padding: 5px 15px;line-height: normal;border-radius: 15px}
        .info{background-color: #fff;padding: 20px 0 0 0;}
        .info .orderDiv{display: inline-block}
        .orderDiv{width: 200px;padding:0 10px 20px 0;}
        .orderDiv label{font-size: 14px;line-height: 25px;}
        .orderDiv input,select{width:120px;line-height: 25px;height: 25px}
        .order-export{width: 280px}
        .order-export input:nth-child(2){margin-right: 5px}
        .data-list{font-size: 14px;color: rgb(51,51,51);background-color: #fff;height: 100%;}
        .data-top{line-height: 40px;background-color: rgb(242,242,242);padding-left: 15px;}
        .data-top a{display: inline-block;color: #000000; margin-left: 20px; padding: 3px 10px;text-align: center;border: 1px solid #ccc;line-height: normal;border-radius: 15px}
        .data-title{width: 100%;border-collapse: collapse;}
        .data-title th{color: #000;font-weight: normal;background-color: #CCCCCC}
        .data-title th,.data-title td{width: 8.5%; height: 35px;border: 1px solid #CCCCCC;text-align: center;padding: 2px 0;font-size: 14px;}
        .data-title th:nth-of-type(1){width:10%}
        .data-title th:nth-of-type(2){width: 10%}
        .data-title th:last-of-type{width: 12%}
    </style>
    <script type="text/javascript">
        window.onload = function(){

        }


    </script>
</head>
<body>
<h3>订单列表</h3>
<div class="filter-query">
    <div class="about-query">
        <div class="left-query">筛选查询</div>
        <div class="right-query">查询</div>
    </div>
    <div class="info">
        <div class="orderDiv order-num">
            <label>订单编号</label>
            <input type="text"/>
        </div>
        <div class="orderDiv order-status">
            <label>对账状态</label>
            <input type="text"/>
        </div>
        <div class="orderDiv order-type">
            <label>订单类型</label>
            <select class="select">
                <option>普通订单</option>
                <option>采购订单</option>
                <option>拆分订单</option>
            </select>
        </div>

    </div>
</div>
<div class="data-list">
    <div class="data-top">
        数据列表
    </div>
    <table class="data-title">
        <tr>
            <th>交易id</th>
            <th>交易号</th>
            <th>供应商</th>
            <th>支付方式</th>
            <th>金额</th>
            <th>支付时间</th>
            <th>审核时间</th>
            <th>状态</th>
            <th>操作</th>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td>
                <a href="">财务审核</a>
            </td>
        </tr>
    </table>
</div>
</body>
</html>