<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">

<head>
    <th:block th:include="include :: header('订单商品列表')"/>
    <th:block th:include="include :: layout-latest-css"/>
</head>

<body class="gray-bg">

<div class="ui-layout-center">
    <div class="container-div">
        <div class="row">
            <div class="col-sm-12 search-collapse">
                <form id="order-goods-form">
<!--                    <input type="hidden" id="orderId" name="orderId" th:value="${orderMaster.id}">-->
                </form>
            </div>
            <div class="col-sm-12 select-table table-striped">
                <table id="bootstrap-table"></table>
            </div>
        </div>
    </div>
</div>

<th:block th:include="include :: footer"/>
<th:block th:include="include :: layout-latest-js"/>

<script th:inline="javascript">

    var prefix = ctx + "order/goods";
    var orderId = '[[${orderId}]]';

    $(function () {
        var panehHidden = false;
        if ($(this).width() < 769) {
            panehHidden = true;
        }
        $('body').layout({initClosed: panehHidden, west__size: 185});
        // 回到顶部绑定
        if ($.fn.toTop !== undefined) {
            var opt = {
                win: $('.ui-layout-center'),
                doc: $('.ui-layout-center')
            };
            $('#scroll-up').toTop(opt);
        }
        queryOrderGoodsList();
    });

    function queryOrderGoodsList() {
        var options = {
            url: prefix + "/list?orderId=" + orderId,
            modalName: "订单商品",
            search: false,
            showSearch: false,
            showToggle: false,
            showColumns: false,
            showRefresh: false,
            columns: [
                {
                    field: 'orderGoodsId',
                    title: '订单商品id',
                    visible: false
                },
                {
                    field: 'orderId',
                    title: '订单id',
                    visible: false
                },
                {
                    field: 'goodsName',
                    title: '商品名称'
                },
                {
                    field: 'goodsNum',
                    title: '商品数量'
                },
                {
                    field: 'serverGoodsNum',
                    title: '已服务数量'
                }
            ]
        };
        $.table.init(options);
    }

</script>
</body>

</html>