invetoryDetail.html 10.7 KB
<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="white-bg">
<div class="row">
    <div class="col-sm-12">
        <div class="col-sm-12 select-info">
            <div class="select-list" th:object="${header}">
                <ul>
                    <li>
                        <form id="cycleHeader-form">
                            差异单ID:<input type="text" id="cyclecountAdjustId" name="cyclecountAdjustId"
                                         readonly="readonly">
                        </form>
                    </li>
                    <li>
                        货主编码:<input id="companyCode" type="text" name="companyCode" readonly="readonly"/>
                    </li>
                    <li>
                        调整单编码:<input id="code" type="text" name="code" readonly="readonly"/>
                    </li>
                    <li>
                        源盘点单号:<input id="sourceCode" type="text" name="sourceCode" readonly="readonly">
                    </li>
                    <!-- <li>
                         &lt;!&ndash;头 状 态:<input type="text" name="firstStatus"/>&ndash;&gt;
                         状态:<input id = "status" type="text" name="status" th:value="*{statusLabel}" readonly="readonly">
                     </li>-->
                    <li>
                        调整单状态:<input id="status" type="text" name="status" readonly="readonly">
                    </li>
                    <li>
                        创建时间:<input id="created" type="text" name="created" readonly="readonly">

                    </li>
                    <li>
                        创建人:<input id="createdBy" type="text" name="createdBy" readonly="readonly">
                    </li>
                    <li>
                        最后更新时间:<input id="lastUpdated" type="text" name="lastUpdated" readonly="readonly">

                    </li>
                    <li>
                        最后更新人:<input id="lastUpdatedBy" type="text" name="lastUpdatedBy" readonly="readonly">
                    </li>
                    <li>
                        <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i
                                class="fa fa-search"></i>&nbsp;搜索</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="btn-group hidden-xs" id="toolbar" role="group">
            <a class="btn btn-outline btn-success btn-rounded" onclick="update()">
                <i class="fa fa-refresh"></i>刷新
            </a>
        </div>
        <table id="bootstrap-table" data-mobile-responsive="true" class="table table-bordered table-hover"></table>
    </div>
</div>
<div th:include="include :: footer"></div>
<script th:inline="javascript">
    var prefix = ctx + "inventory/inventoryDetail";
    var prefix_head = ctx + "inventory/inventoryHeader";
    var datas = [[${@dict.getType('adjustType')}]];
    var inventoryStatus = [[${@dict.getType('inventoryStatus')}]];

    var created;


    $(function () {
        var options = {
            url: prefix + "/inventoryDetailLook",
            /*            createUrl: prefix + "/add",
                        updateUrl: prefix + "/edit/{id}",
                        removeUrl: prefix + "/remove",*/
            modalName: "差异单明细",
            sortName: "id",
            sortOrder: "desc",
            showRefresh: false,
            search: false,
            // pagination:false,
            columns: [
                {
                    radio: true
                },
                {
                    field: 'id',
                    title: '明细Id',
                    sortable: true
                },

                {
                    field: '',
                    title: '',
                    sortable: true,
                    visible: false
                },
                {
                    field: 'locationCode',
                    title: '库位编号',
                },
                {
                    field: 'containerCode',
                    title: '容器编号',
                },
                {
                    field: 'materialCode',
                    title: '物料编码',

                },
                {
                    field: 'materialName',
                    title: '物料名称',

                },
                {
                    field: 'materialSpecification',
                    title: '物料规格',

                },
                {
                    field: 'receiptCode',
                    title: '入库单编码'
                },
                {
                    field: 'receiptId',
                    title: '入库单id',
                    sortable: true,
                    visible: false
                },
                {
                    field: 'receiptDetailId',
                    title: '入库单明细id',
                    sortable: true,
                    visible: false
                },
                {
                    field: 'qty',
                    title: '数量'
                },
                {
                    field: 'batch',
                    title: '批次',
                    sortable: true,
                    sortable: true
                },
                {
                    field: 'lot',
                    title: '批号',
                    sortable: true,
                    sortable: true
                },
                {
                    field: 'project',
                    title: '项目号',
                    sortable: true,
                    sortable: true
                },
                {
                    field: 'manufactureDate',
                    title: '生产日期',
                    sortable: true,
                    visible: false

                },
                {
                    field: 'expirationDate',
                    title: '失效日期',
                    sortable: true,
                    visible: false
                },
                {
                    field: 'inventoryStatus',
                    title: '库存状态',
                    formatter: function (value, row, index) {
                        return $.table.selectDictLabel(inventoryStatus, value);
                    },
                    sortable: true
                },

                {
                    field: 'created',
                    title: '创建时间',
                    sortable: true
                },
                {
                    field: 'createdBy',
                    title: '创建用户'
                },
                {
                    field: 'lastUpdated',
                    title: '更新时间',
                    sortable: true
                },
                {
                    field: 'lastUpdatedBy',
                    title: '更新用户'
                },
                {
                    field: 'fromSource',
                    title: '物料来源'
                },
                {
                    field: 'status',
                    title: '明细状态',
                    formatter: function (value, row, index) {
                        return $.table.selectDictLabel(datas, value);
                    },
                    sortable: true
                },
            ]
        };
        $.table.init(options);
        update();
    });

    function update() {
        var url = location.search; //获取url中"?"符后的字串
        if (url.indexOf("?") != -1) {    //判断是否有参数
            var str = url.substr(1); //从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串
            strs = str.split("=");   //用等号进行分隔 (因为知道只有一个参数 所以直接用等号进分隔 如果有多个参数 要用&号分隔 再用等号进行分隔)
            $.ajax({
                url: prefix + "/list",//
                type: "post",
                data: {
                    id: strs[1]
                },
                success: function (res) {
                    $("#bootstrap-table").bootstrapTable('removeAll');
                    // $("#bootstrap-table").bootstrapTable('append', res.data);
                    for (var i = 0; i < res.data.length; i++) {
                        $("#bootstrap-table").bootstrapTable('insertRow', {index: i, row: res.data[i]});

                    }
                }
            })
        }
        else{
            $.ajax({
                url:ctx+"",
                type:"post",
                data:{},
                success:function (res) {
                    $("#bootstrap-table").bootstrapTable('load',res.data)
                }
            })
        }

        // $.ajax({
        //     url:prefix_head+ "/getHeader",
        //     type:"post",
        //     data:{
        //         id:$('#cyclecountAdjustId').val()
        //     },
        //     success:function (value) {
        //         if (value.data) {
        //             $('#code').val(value.data.code);
        //             // $('#type').val(value.data.typeLabel);
        //             $('#status').val(value.data.statusLabel);
        //             $('#created').val(value.data.created);
        //             var text_val=$('#created').val();
        //             $('#created').val(text_val.replace("T"," "));
        //             //$('#createdBy').val(value.data.createdBy);
        //             $('#lastUpdated').val(value.data.lastUpdated);
        //             var text_val_t=$('#lastUpdated').val();
        //             $('#lastUpdated').val(text_val_t.replace("T"," "));
        //             //$('#lastUpdatedBy').val(value.data.lastUpdatedBy);
        //         }
        //     }
        // })
    }

    function open(title, url, width, height) {
        if (navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)) {
            width = 'auto';
            height = 'auto';
        }
        if (title == null) {
            title = false;
        }
        if (url == null) {
            url = "404.html";
        }
        if ($.common.isEmpty(width)) {
            width = 800;
            // width = ($(window).width() - 100);
        }
        if ($.common.isEmpty(height)) {
            height = ($(window).height() - 50);
        }
        layer.open({
            type: 2,
            area: [width + 'px', height + 'px'],
            fix: false,
            //不固定
            maxmin: true,
            shade: 0.3,
            title: title,
            content: url
            // shadeClose: true, //点击遮罩关闭层
        })
    }

</script>
</body>
</html>