chooseShipmentReferCode.html 3.6 KB
<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<style>
</style>
<body class="gray-bg">
<div class="container-div">
    <div class="col-sm-12 select-info">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade in active" id="chooseOrder">
                <form id="chooseOrder-form" autocomplete="off">
                    <div class="select-list">
                        <ul>
                            <li>
                                <label>工单号:</label>
                                <input type="text" name="orderCode" placeholder="请输入工单号"/>
                            </li>
                            <li>
                                <label>领料单号:</label>
                                <input type="text" name="referCode" placeholder="请输入领料单号"/>
                            </li>
                            <li style="float: right; margin-right: 45px">
                                <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()">
                                    <i class="fa fa-search"></i>&nbsp;搜索
                                </a>
                                <a class="btn btn-warning btn-rounded btn-sm"
                                   onclick="$.form.reset('chooseOrder-form')">
                                    <i class="fa fa-refresh"></i>重置
                                </a>
                                <a class="btn btn-success btn-rounded btn-sm"
                                   onclick="choose()">
                                    <i class="fa fa-check"></i>&nbsp;确定
                                </a>
                            </li>
                        </ul>
                    </div>
                </form>
                <table id="bootstrap-table" data-mobile-responsive="true"
                       class="table table-bordered table-hover text-nowrap">
                </table>
            </div>
        </div>
    </div>
</div>
<div th:include="include :: footer"></div>
<script th:inline="javascript">
    $(function () {
        $.table.init({
            url: ctx + "workOrder/getUsableShipmentReferCode",
            showToggle: false,
            showRefresh: false,
            showColumns: false,
            showSearch: false,
            queryParams: queryParams,
            pageSize: 10,
            columns: [
                {
                    radio: true
                },
                {
                    field: "orderCode",
                    title: '工单',
                },
                {
                    field: "referCode",
                    title: '领料单号',
                },
            ]
        });
    });

    function queryParams(params) {
        return {
            // 传递参数查询参数
            pageSize: params.limit,
            pageNum: params.offset / params.limit + 1,
            searchValue: params.search,
            orderByColumn: params.sort,
            isAsc: params.order,
            orderCode: params.orderCode,
            referCode: params.referCode,
            firstStatus: 0,
            latStatus: 0,
        };
    }

    function choose() {
        let rows = $('#bootstrap-table').bootstrapTable('getSelections', function (row) {
            return row;
        });
        if (rows.length === 0) {
            return
        }
        parent.$("#orderCode").val(rows[0].orderCode);
        parent.$("#shipmentReferCode").val(rows[0].referCode);
        $.modal.close()
    }
</script>
</body>
</html>