realtimemain.html 3.77 KB
<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--360浏览器优先以webkit内核解析-->
    <title>概况</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
</head>

<body  >
<div>
    <div >
        <form>
            <div>
                <div id="chart2" style="padding-left: 150px;padding-right: 150px" >
                    <div class="title">出入库实时滚动报表</div>
                    <table class="table table-hover table-bordered">
                        <tr>
                            <td colspan='5' class="tableTitle">入库报表</td>
                        </tr>
                        <tr style="background-color: #f5f5f5" th:border="1">
                            <td>序号</td>
                            <td>任务号</td>
                            <td>机身物料号</td>
                            <td>状态</td>
                            <!--                                <td>堆垛机实时运行状态</td>-->
                            <td>库位号</td>
                        </tr >
                        <tr  th:border="1" th:each="itemReceipt,state : ${itemReceipts}">
                            <!--                                <td th:text="${itemReceipt.serialNumber}"></td>-->
                            <td th:text="${state.count}"></td>
                            <td th:text="${itemReceipt.taskNo}"></td>
                            <td th:text="${itemReceipt.materialName}"></td>
                            <td th:text="${itemReceipt.taskStatusCn}"></td>
                            <!--                                <td th:text="${itemReceipt.taskStatusDesc}"></td>-->
                            <td th:text="${itemReceipt.toLocation}"></td>
                        </tr>
                        <tr>
                            <td colspan='5' class="tableTitle">出库报表</td>
                        </tr>
                        <tr style="background-color: #f5f5f5" th:border="1">
                            <td>序号</td>
                            <td>任务号</td>
                            <td>机身物料号</td>
                            <td>状态</td>
                            <!--                                <td>堆垛机实时运行状态</td>-->
                            <td>库位号</td>
                        </tr>
                        <tr th:border="1" th:each="itemShipment,state : ${itemShipments}">
                            <!--                                <td th:text="${itemShipment.serialNumber}"></td>-->
                            <td th:text="${state.count}"></td>
                            <td th:text="${itemShipment.taskNo}"></td>
                            <td th:text="${itemShipment.materialName}"></td>
                            <td th:text="${itemShipment.taskStatusCn}"></td>
                            <!--                                <td th:text="${itemShipment.taskStatusDesc}"></td>-->
                            <td th:text="${itemShipment.fromLocation}"></td>
                        </tr>
                    </table>
                </div>
            </div>
        </form>
    </div>
</div>

<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script>
    $(function () {
    });
</script>
<style>
    .title{
        font-weight:bold;
        font-size: 50px;
        font-family: 华文楷体;
        text-align: center;
    }
    .tableTitle{
        background-color: #9bc7a7;
        font-weight:bold;
        font-size: 28px;
        font-family: 华文楷体;
        padding-left: 30px;
    }
</style>
</body>
</html>