adjustHeader.html 14.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>
<style>
    #toolbar1 {
        display: inline-block;
        /*position: absolute;
        margin: 10px auto;*/
        line-height: 34px;
    }
</style>
<body class="gray-bg">
<div class="container-div">
    <div class="row">
        <div class="col-sm-12 select-info">
            <ul id="myTab" class="nav nav-tabs">
                <li class="active"><a href="#tabHeader" data-toggle="tab">主表</a></li>
                <li><a href="#tabDetail" data-toggle="tab">明细</a></li>
            </ul>
            <div id="myTabContent" class="tab-content">
                <div class="tab-pane fade in active" id="tabHeader">
                    <div class="col-sm-12 select-info">
                        <form id="cycleHeader-form">
                            <div class="select-list">
                                <ul>
                                    <li>
                                        调整单编码:<input type="text" name="code"/>
                                    </li>
                                    <li>
                                        盘点单编码:<input type="text" name="cycleCountHeaderCode"/>
                                    </li>
                                    <li>
                                        出/入单号:<input type="text" name="refer"/>
                                    </li>
                                    <li>
                                        调整单状态:<select name="status">
                                        <option value="">所有</option>
                                        <option value="2">待调整</option>
                                        <option value="3">已调整</option>
                                    </select>
                                    </li>
                                    <!--                                    <li>-->
                                    <!--                                        盘点类型:<select name="problemType"-->
                                    <!--                                                      th:with="problemType=${@dict.getType('adjustType')}">-->
                                    <!--                                        <option value="">所有</option>-->
                                    <!--                                        <option th:each="e : ${problemType}" th:text="${e['dictLabel']}"-->
                                    <!--                                                th:value="${e['dictValue']}"></option>-->
                                    <!--                                    </select>-->
                                    <!--                                    </li>-->
                                    <!--                                    <li>-->
                                    <!--                                        质检单编码:<input type="text" name="checkCode"/>-->
                                    <!--                                    </li>-->
                                    <!--                                    <li>-->
                                    <!--                                        上游单编码:<input type="text" name="referCode"/>-->
                                    <!--                                    </li>-->
                                    <!-- <li>
                                         货主编码:<input type="text" name="companyCode"/>
                                     </li>-->
                                    <li class="time">
                                        <label>创建时间: </label>
                                        <input type="text" class="time-input" id="startTime" placeholder="开始时间"
                                               name="createdBegin" autocomplete="off"/>
                                        <span>-</span>
                                        <input type="text" class="time-input" id="endTime" placeholder="结束时间"
                                               name="createdEnd" autocomplete="off"/>
                                    </li>
                                    <li>
                                        创建人:<input type="text" name="createdBy"/>
                                    </li>
                                    <li>
                                        <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('cycleHeader-form')"><i class="fa fa-refresh"></i>&nbsp;重置</a>
                                    </li>
                                </ul>
                            </div>
                        </form>
                    </div>
                    <div class="btn-group hidden-xs" id="toolbar" role="group">
                        <!--                        <a class="btn btn-outline btn-success btn-rounded" onclick="$.operate.add()"-->
                        <!--                           shiro:hasPermission="inventory:adjustHeader:add">-->
                        <!--                            <i class="fa fa-plus"></i> 新增-->
                        <!--                        </a>-->
                        <!--                        <a class="btn btn-outline btn-danger btn-rounded" onclick="$.operate.batRemove()"-->
                        <!--                               shiro:hasPermission="inventory:adjustHeader:remove">-->
                        <!--                        <i class="fa fa-trash-o"></i> 删除-->
                        <!--                    </a>-->
                    </div>
                    <table id="bootstrap-table" data-mobile-responsive="true"
                           class="table table-bordered table-hover"></table>
                </div>
                <div class="tab-pane fade" id="tabDetail"></div>
            </div>
        </div>

    </div>
</div>
<div th:include="include :: footer"></div>
<script th:inline="javascript">
    var prefix = ctx + "inventory/adjustHeader";
    var upload = [[${@permission.hasPermi('inventoryHeader:adjustHeader:upload')}]];
    var WarehouseService = [[${@WarehouseService.getCode()}]];
    var report = [[${@permission.hasPermi('inventory:adjustHeader:report')}]];
    var datas = [[${@dict.getType('sys_normal_disable')}]];
    var type2 = [[${@dict.getType('adjustType')}]];
    var adjustStatus = [[${@dict.getType('adjustStatus')}]];
    var nullifyFlag = [[${@permission.hasPermi('inventory:adjustHeader:nullify')}]];


    $(function () {
        var options = {
            url: prefix + "/list",
            createUrl: prefix + "/add",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove",
            modalName: "调整主单",
            showExport: true, //导出
            exportDataType: "all",  //导出类型basic', 'all', 'selected'.当前页、所有数据、选中数据
            sortName: "id",
            // height:610,
            sortOrder: "desc",
            search: false,
            // onDblClickRow: function (row) {
            //     showDetail(row.id,row.code);
            // },
            columns: [{
                checkbox: true
            },
                {
                    title: '操作',
                    align: 'center',
                    formatter: function (value, row, index) {
                        var actions = [];
                        if (row.status < 999) {
                            actions.push('<a class="btn btn-danger btn-xs' + nullifyFlag + '" href="#" onclick="nullify(\'' + row.id + '\')"><i class="fa fa-trash-o"></i>作废单据</a> ');
                        }
                        actions.push('<a class="btn btn-success btn-xs " href="#" onclick="adjustPrint(\'' + row.id + '\')"><i class="fa fa-print"></i>打印</a> ');
                        /*  actions.push('<a class="btn btn-info btn-xs ' + upload + ' " href="#" onclick="upLoad(\'' + row.code + '\',\'' + row.sourceCode + '\')"><i class="fa fa-edit"></i>上传</a> ');
                        actions.push('<a class="btn btn-danger btn-xs " href="#" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-trash-o"></i>删除</a> ');*/
                        actions.push('<a style="background: #b5bdc0" class="btn btn-default btn-xs " href="#" onclick="detail(\'' + row.id + '\',\'' + row.code + '\')"><i class="fa fa-list-ul"></i>明细</a>');
                        return actions.join('');
                    }
                },
                {
                    field: 'id',
                    title: '主单ID',
                    visible: false
                },
                {
                    field: 'no',
                    align: 'center',
                    title: '序号',
                    formatter: function (value, row, index) {
                        // 通过表的#id 可以得到每页多少条
                        var pageSize = $('#bootstrap-table').bootstrapTable('getOptions').pageSize;
                        // 通过表的#id 可以得到当前第几页
                        var pageNumber = $('#bootstrap-table').bootstrapTable('getOptions').pageNumber;
                        // 返回每条的序号: 每页条数 * (当前页 - 1 )+ 序号
                        return pageSize * (pageNumber - 1) + index + 1;
                    }
                },
                {
                    field: 'code',
                    title: '调整单编码'
                },
                {
                    field: 'warehouseCode',
                    title: '仓库',
                    formatter: function (value, row, index) {
                        var actions = [];
                        $.each(WarehouseService, function (index, dict) {
                            if (dict.code == value) {
                                actions.push("<span class='badge badge-info'>" + dict.name + "</span>");
                                return false;
                            }
                        });
                        return actions.join('');
                    },
                    visible: false
                },
                /*{
                    field: 'companyCode',
                    title: '货主编码'
                },*/
                {
                    field: 'cycleCountHeaderCode',
                    title: '盘点单编码'
                },
                {
                    field: 'referReceiptCode',
                    title: '其他入库单号'
                },
                {
                    field: 'referShipmentCode',
                    title: '其他出库单号'
                },

                {
                    field: 'checkCode',
                    title: '质检单编码',
                    visible: false
                },

                {
                    field: 'referCode',
                    title: '关联上游单编码',
                    visible: false
                },
                {
                    field: 'referReason',
                    title: '关联上游说明',
                    visible: false
                },
                {
                    field: 'problemType',
                    title: '调整类型',
                    align: 'center',
                    formatter: function (value, row, index) {
                        return $.table.selectDictLabel(type2, value);
                    },
                    visible: true,
                    //sortable: true
                },
                {
                    field: 'status',
                    title: '调整单状态',
                    align: 'center',
                    formatter: function (value, row, index) {
                        return $.table.selectDictLabel(adjustStatus, value);
                    },
                    visible: true,
                    //sortable: true
                },

                {
                    field: 'created',
                    title: '创建时间',
                    formatter: function (created, row, index) {  //去除时间中间的T
                        return created.replace("T", " ");
                    }
                },
                {
                    field: 'createdBy',
                    title: '创建用户'
                },
                /*{
                    field: 'enable',
                    title: '是否有效',
                    align: 'center',
                    formatter: function (value, row, index) {
                        return $.table.selectDictLabel(datas, value);
                    }
                },*/

            ]
        };
        $.table.init(options);
        $("#myTab li:eq(1)").one('click', (function () {
            // var cyc_id = $("#bootstrap-table tr:eq(1) td:eq(1)").text();
            // var cyc_code = $("#bootstrap-table tr:eq(1) td:eq(2)").text();
            // detail(cyc_id, cyc_code);
            detail();
        }));
    });

    function detail(id, code) {
        let url = ctx + "inventory/adjustDetail";
        if (code) {
            url = ctx + "inventory/adjustDetail?adjustHeaderCode=" + code;
        }
        $("#tabDetail").children().remove();
        $("#myTab li").removeClass("active");
        var height = $(document).height() - 100 + 'px';
        var str = '<iframe class="huaheng_iframe" name="iframe" width="100%" height="' + height + '" src="' + url + '" frameborder="0" data-id="' + url + '" seamless></iframe>';
        $("#tabDetail").empty();
        $("#tabDetail").append(str);
        $(".tab-pane").removeClass("in active");
        $("#myTab li:eq(1)").addClass("active");
        $("#tabDetail").addClass("in active");
    }

    function adjustPrint(id) {
        var url = prefix + "/report/" + id;
        $.modal.open("调整单打印", url);
    }

    function nullify(id) {
        var url = prefix + "/nullify";
        var data = {"id": id};
        $.operate.submit(url, "post", "json", data);
    }

    //上传API接口
    function upLoad(code, sourceCode) {
        $.ajax({
            url: ctx + '/api/icsCyclecount/cycleCountDiff',
            type: 'post',
            data: {
                code: code,
                sourceCode: sourceCode
            },
            success: function (res) {
                if (res.code === 200) {
                    $.modal.msgSuccess();
                } else {
                    $.modal.msgError(res.msg);
                }
            }
        })
    }
</script>
</body>
</html>