<!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>
    .btn-default {
        color: #333;
        background-color: #fff;
        border-color: #ccc
    }

    .isShow {
        display: none;
    }

    .bg-orange {
        background: #BEBEBE;
    }

    .bg-blue {
    }
</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="receiptHeader-form">
                            <div class="select-list">
                                <ul>
                                    <li>
                                        快递单号:<input type="text" name="trackCode"/>
                                    </li>
                                    <li>
                                        <!--入库类型:<input type="text" name="sourceCode"/>-->
                                        快递公司:<select name="kuaidiCom" th:with="type=${@dict.getType('kuaidi')}">
                                        <option value="">所有</option>
                                        <option th:each="e : ${type}" th:text="${e['dictLabel']}"
                                                th:value="${e['dictValue']}"></option>
                                    </select>
                                    </li>
                                    <li>
                                        上游发货单单号:<input type="text" name="sourceCode"/>
                                    </li>
                                    <li>
                                        上游出库单单号:<input type="text" name="orderBill"/>
                                    </li>
                                    <li>
                                        wms出库单号:<input type="text" name="code"/>
                                    </li>
                                    <li>
                                        货主:
                                        <select id="companyCode" name="companyCode"
                                                th:with="list=${@companyService.getCode()}">
                                            <option value="">所有</option>
                                            <option th:each="item : ${list}" th:text="${item['name']}"
                                                    th:value="${item['code']}"
                                                    th:attr=" code = ${item['code']}"></option>
                                        </select>
                                    </li>
                                    <li>
                                        u8仓库:
                                        <select name="uWarehouseCode" id="uWarehouseCode"
                                                th:with="warehouse=${@warehouseWu.selectList()}">
                                            <option value="">所有</option>
                                            <option th:each="e : ${warehouse}" th:text="${e['uWarehouseName']}"
                                                    th:value="${e['uWarehouseCode']}"></option>
                                        </select>

                                    </li>
                                    <li>
                                        建单人:<input type="text" name="createdBy"/>
                                    </li>
                                    <li class="time">
                                        <label>创建时间: </label>
                                        <input type="text" class="time-input" id="startTime" placeholder="开始时间"
                                               name="params[createdBegin]"/>
                                        <span>-</span>
                                        <input type="text" class="time-input" id="endTime" placeholder="结束时间"
                                               name="params[createdEnd]"/>
                                    </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('receiptHeader-form')"><i class="fa fa-refresh"></i>&nbsp;重置</a>
                                        <!--<a class="btn btn-success btn-rounded btn-sm" onclick="$.table.exportExcel()" shiro:hasPermission="receipt:receiptHeader:export"><i class="fa fa-download"></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="shipment:bill:add">
                            <i class="fa fa-plus"></i> 新增
                        </a>
                        <a class="btn btn-outline btn-success btn-rounded" onclick="U8Save()"
                           shiro:hasPermission="shipment:kuaidiHeader:add">
                            <i class="fa fa-plus"></i> U8传输
                        </a>

                        <a class="btn btn-outline btn-info btn-rounded" onclick="$.table.importExcel()"
                           shiro:hasPermission="shipment:kuaidiHeader:add">
                            <i class="fa fa-upload"></i> excel导入
                        </a>
                        <a class="btn btn-outline btn-info btn-rounded" onclick="saveKDS()"
                           shiro:hasPermission="shipment:kuaidiHeader:add">
                            <i class="fa fa-upload"></i> 快递100导入
                        </a>
                        <a class="btn btn-outline btn-info btn-rounded" onclick="printKDS()"
                           shiro:hasPermission="shipment:kuaidiHeader:add">
                            <i class="fa fa-upload"></i> 快递100打印
                        </a>
                        <!--<a class="btn btn-outline btn-info btn-rounded" onclick="getTrackCodeByOrderNum()" shiro:hasPermission="shipment:kuaidiHeader:add">
                            <i class="fa fa-upload"></i> 快递100单获取
                        </a>-->
                        <a class="btn btn-outline btn-danger btn-rounded" onclick="$.operate.batRemove()"
                           shiro:hasPermission="shipment:bill:add">
                            <i class="fa fa-plus"></i> 删除
                        </a>
                        <!--<a class="btn btn-outline btn-success btn-rounded" onclick="fresh()"
                           shiro:hasPermission="shipment:kuaidiHeader:fresh">
                            <i class="fa fa-plus"></i> 刷新token
                        </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 class="col-sm-12 select-info">
                        <form id="shipmentHeadForm">
                            <ul id="tabHead" class="nav nav-tabs">
                                <li class="active"><a href="#tabBase" data-toggle="tab">基础数据</a></li>
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane fade in active" id="tabBase">
                                    <div class="select-list">
                                        <ul>
                                            <li>出库单id:<input type="text" name="shipmentId" id="shipmentId">
                                            <li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="tabCustomer">
                                    <div class="select-list">
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="tabExcute">
                                    <div class="select-list">
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="tabOther">
                                    <div class="select-list">
                                        <ul>
                                            <li>备注:<input type="text" name="shipmentRemark" id="shipmentRemark"></li>
                                            <li>扩展属性1:<input type="text" name="shipmentUserDef1" id="shipmentUserDef1">
                                            </li>
                                            <li>扩展属性2:<input type="text" name="shipmentUserDef2" id="shipmentUserDef2">
                                            </li>
                                            <li>扩展属性3:<input type="text" name="shipmentUserDef3" id="shipmentUserDef3">
                                            </li>

                                        </ul>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="tabSystem">
                                    <div class="select-list">
                                        <ul>
                                            <!--<li>上传备注:<input type="text" name="shipmentUploadremark" id="shipmentUploadremark"></li>-->
                                            <!--<li>上传时间:<input type="text" name="shipmentUploadTime" id="shipmentUploadTime"></li>-->
                                            <!--<li>上传状态:<input type="text" name="shipmentUploadStatus" id="shipmentUploadStatus"></li>-->
                                            <li>创建时间:<input type="text" name="shipmentCreated" id="shipmentCreated">
                                            </li>
                                            <li>创建用户:<input type="text" name="shipmentCreatedBy" id="shipmentCreatedBy">
                                            </li>
                                            <li>最后修改时间:<input type="text" name="shipmentLastUpdated"
                                                              id="shipmentLastUpdated"></li>
                                            <li>更新用户:<input type="text" name=" shipmentLastUpdatedBy"
                                                            id="shipmentLastUpdatedBy"></li>
                                            <li>是否有效:<input type="text" name="shipmentEnable" id="shipmentEnable"></li>
                                            <li>是否删除:<input type="text" name="shipmentDeleted" id="shipmentDeleted">
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="btn-group hidden-xs" id="toolbar-detail" role="group" style="padding:20px 0;">
                        <a class="btn btn-outline btn-success btn-rounded" onclick="add()"
                           shiro:hasPermission="shipment:bill:add">
                            <i class="fa fa-plus"></i> 新增
                        </a>
                        <a class="btn btn-outline btn-default btn-rounded" onclick="loadDetail()">
                            <i class="fa fa-refresh"></i> 刷新
                        </a>
                    </div>
                    <table id="bootstrap-table-detail" data-row-style="rowStyle" data-mobile-responsive="true"
                           class="table table-bordered table-hover"></table>
                </div>
            </div>
        </div>
    </div>
</div>
<div th:include="include :: footer"></div>
<script th:inline="javascript">
    var editFlag = [[${@permission.hasPermi('shipment:kuaidi:add')}]];
    var removeFlag = [[${@permission.hasPermi('shipment:bill:remove')}]];
    var prefix = ctx + "shipment/kuaidiHeader";
    var prefix1 = ctx + "receipt/receiptHeader";
    var prefix_detail = ctx + "shipment/kuaidiDetail";
    var datas = [[${@dict.getType('sys_normal_disable')}]];
    var shipmentTypes = [[${@dict.getType('shipmentType')}]];
    var kuaidiName = [[${@dict.getType('kuaidi')}]];
    var shipmentHeaderStatus = [[${@dict.getType('shipmentHeaderStatus')}]];
    var stations = [[${@dict.getType('station')}]];
    var uploadStatus = [[${@dict.getType('uploadStatus')}]];
    var detailCreateUrl = prefix_detail + "/add";
    var detailRemoveUrl = prefix_detail + "/remove";
    var inventoryStatus = [[${@dict.getType('inventoryStatus')}]];
    var rossDoccking = [[${@permission.hasPermi('shipment:bill:rossDoccking')}]];
    var rossDocckingUrl = prefix_detail + "/rossDoccking";
    var shipmentId = "";
    var shipmentCode = "";

    $(function () {
        var options = {
            url: prefix + "/list",
            createUrl: prefix + "/add",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove",
            importTemplateUrl: prefix + "/importTemplate",
            importUrl: prefix + "/importData",
            modalName: "快递单",
            sortName: "created",
            sortOrder: "desc",
            search: false,
            pageSize: 50,
            columns: [
                {
                    checkbox: true
                },
                {
                    field: 'id',
                    title: '出库单id',
                    visible: false
                },
                {
                    title: '操作',
                    align: 'center',
                    formatter: function (value, row, index) {
                        var actions = [];
                        if (row.trackCode == "" && row.kuaidiCom == "") {
                            actions.push('<a class="btn btn-primary btn-xs  href="#" onclick="eddit(\'' + row.id + '\')"><i class="fa fa-cart-plus"></i>导入</a> ');
                        }
                        if (row.trackCode != '') {
                            actions.push('<a class="btn btn-primary btn-xs  href="#" onclick="eddit(\'' + row.id + '\')"><i class="fa fa-cart-plus"></i>分单</a> ');
                        }
                        if ($.trim(row.kuaidiCom)) {
                            actions.push('<a class="btn btn-primary btn-xs " href="#" onclick="printKD(\'' + row.id + '\')"><i class="fa fa-cart-plus"></i>打印</a> ');
                        }
                        actions.push('<a class="btn btn-info btn-xs  href="#" onclick="$.operate.edit(\'' + row.id + '\')"><i class="fa fa-edit"></i>编辑</a> ');
                        return actions.join('');
                    }
                },
                {
                    field: 'createdBy',
                    title: '建单人',
                    sortable: true
                },
                {
                    field: 'created',
                    title: '创建时间',
                    sortable: true,
                    formatter: function (value, row, index) {
                        let time = value.slice(5, 10);
                        return `<span>${time}</span>`
                    }
                },
                {
                    field: 'userDef1',
                    title: '出库单时间',
                    visible: false,
                    sortable: true,
                    formatter: function (value, row, index) {
                        let time = value.slice(5, 10);
                        return `<span>${time}</span>`
                    }
                },
                {
                    field: 'trackCode',
                    title: '快递单号',
                    visible: false
                },
                {
                    field: 'totalWeight',
                    title: '总重量',
                    visible: false
                },
                {
                    field: 'orderBill',
                    title: '上游出库单单号',
                    sortable: true
                },
                {
                    field: 'sourceCode',
                    title: '上游发货单单号',
                    sortable: true
                },
                {
                    field: 'code',
                    title: 'wms出库单号',
                    visible: false
                },
                {
                    field: 'companyId',
                    title: '货主标识',
                    visible: false
                },
                {
                    field: 'picture',
                    title: '图片',
                    visible: false,
                    formatter: function (value, row, index) {
                        if ($.trim(value)) {
                            return $.table.imageView(value);
                        }
                    }
                },
                {
                    field: 'recName',
                    title: '收货人名称'
                },
                {
                    field: 'recMobile',
                    title: '收货人号码'
                },
                {
                    field: 'sendAddr',
                    title: '发货地址',
                    visible: false
                },
                {
                    field: 'sendCompany',
                    title: '发货公司',
                    visible: false
                },
                {
                    field: 'recAddr',
                    title: '收货地址'
                },
                {
                    field: 'recCompany',
                    title: '收货公司'
                },
                {
                    field: 'kuaidiCom',
                    title: '快递公司',
                    align: 'center',
                    formatter: function (value, row, index) {
                        return $.table.selectDictLabel(kuaidiName, value);
                    },
                    sortable: true
                },
                /*{
                    field : 'companyName',
                    title : '货主名称',
                    // sortable:true
                },*/
                {
                    field: 'uWarehouseName',
                    title: 'U8仓库',
                    // sortable:true
                },
                {
                    field: 'cDepName',
                    title: '部门',
                    sortable: true
                },
                {
                    field: 'sendMobile',
                    title: '发货人号码',
                    visible: false
                },
                {
                    field: 'sendName',
                    title: '发货人名称'
                },
                {
                    field: 'remark',
                    title: '备注'
                },
                {
                    field: 'lastUpdated',
                    title: '发货时间',
                    sortable: true,
                    formatter: function (value, row, index) {
                        let time = value.slice(5, 10);
                        return `<span>${time}</span>`
                    }
                },
                {
                    field: 'lastUpdatedBy',
                    title: '更新用户',
                    visible: false
                },
                {
                    field: 'enable',
                    title: '是否有效',
                    visible: false,
                    formatter: function (value, row, index) {
                        return $.table.selectDictLabel(datas, value);
                    }
                }]
        };
        $.table.init(options);
        $("select[name='companyCode']").change(function (e) {
            let companyCode = $("select[name='companyCode'] option:selected").val();
            $.ajax({
                url: prefix1 + '/getwarehouse',
                type: 'post',
                data: {code: companyCode},
                success: function (response) {
                    if (response.code === 200) {
                        $("select[name='uWarehouseCode']").children().remove();
                        $("select[name='uWarehouseCode']").append(`<option value="">所有</option>`);
                        for (let item of response.data) {
                            let option = `<option value="${item.uWarehouseCode}">${item.uWarehouseName}</option>`;
                            $("select[name='uWarehouseCode']").append(option);
                        }
                    } else {
                        $.modal.msgError(response.msg)
                    }
                }
            })
        })

    });

    $("#bootstrap-table-detail").bootstrapTable(
        {
            /*url: prefix_detail + "/list",*/
            createUrl: prefix_detail + "/add",
            updateUrl: prefix_detail + "/edit/{id}",
            removeUrl: prefix_detail + "/remove",
            // queryParams: queryParams,
            sortable: true, //排序
            // showRefresh: true, //刷新
            modalName: "出库明细",
            search: false,
            clickToSelect: true,
            sortName: "lastUpdated",
            sortOrder: "desc",
            pagination: true,   // 是否显示分页(*)
            pageNumber: 1,                                      // 初始化加载第一页,默认第一页
            pageSize: 50,                                       // 每页的记录行数(*)
            pageList: [10, 25, 50, 100],                             // 可供选择的每页的行数(*)
            columns: [{
                checkbox: true
            },
                {
                    field: 'id',
                    title: '明细id',
                    visible: false
                },
                /* {
                     field: 'shipmentId',
                     title: '出库单Id'
                 },*/
                {
                    field: 'companyName',
                    title: '货主名称',
                    visible: false
                },
                {
                    field: 'uWarehouseName',
                    title: 'U8仓库',
                    visible: false
                },
                {
                    field: 'cDepName',
                    title: '部门',
                    visible: false
                },
                {
                    field: 'materialCode',
                    title: '存货编码',
                    sortable: true
                },
                {
                    field: 'barCode',
                    title: '存货代码',
                    sortable: true
                },
                {
                    field: 'materialName',
                    title: '物料名称',
                    sortable: true
                },
                {
                    field: 'specification',
                    title: '物料规格',
                    sortable: true
                },
                {
                    field: 'batch',
                    title: '批次',
                    visible: false
                },
                {
                    field: 'moCode',
                    title: '工作令号'
                },
                // {
                //     field : 'batch',
                //     title : '来源内容',
                // },
                // {
                //     field: 'lot',
                //     title: '批号',
                // },
                /*{
                    field: 'status',
                    title: '明细状态',
                    formatter: function(value, row, index) {
                        return $.table.selectDictLabel(shipmentHeaderStatus, value);
                    },
                    visible:true
                },*/
                {
                    field: 'manufactureDate',
                    title: '生产日期',
                    visible: false
                },
                {
                    field: 'expirationDate',
                    title: '失效日期',
                    visible: false
                },
                {
                    field: 'agingDate',
                    title: '入库日期',
                    visible: false
                },
                {
                    field: 'qty',
                    title: '发货数量'
                },

                {
                    field: 'unit',
                    title: '单位'
                },
                {
                    field: 'created',
                    title: '创建时间',
                    visible: false
                },
                {
                    field: 'createdBy',
                    title: '创建用户',
                    visible: false
                },
                {
                    field: 'lastUpdated',
                    title: '最后修改时间',
                    visible: false
                },
                {
                    field: 'lastUpdatedBy',
                    title: '更新用户',
                    visible: false
                },
                {
                    title: '操作',
                    align: 'center',
                    formatter: function (value, row, index) {
                        var actions = [];
                        // actions.push('<a style="background-color: #f59e00;border: #f59e00" class="btn btn-default btn-xs '  + rossDoccking + '" href="#"  onclick="Doccking(\''+ row.id + '\')"><i class="fa fa-send"></i>越库</a> ');
                        actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="#" onclick="edit(\'' + row.id + '\')"><i class="fa fa-edit"></i>编辑</a> ');
                        actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="#" onclick="remove(\'' + row.id + '\')"><i class="fa fa-trash-o"></i>删除</a>');
                        return actions.join('');
                    }
                }]
        }
    );

    $("#bootstrap-table").off("click").on("click", '.img-circle', function () {
        var src = $(this).attr('src');
        var target = $(this).data('target');
        if ($.common.equals("self", target)) {
            var height = '500px';
            var width = '500px';
            layer.open({
                title: false,
                type: 1,
                closeBtn: true,
                shadeClose: true,
                area: ['auto', 'auto'],
                content: "<img src='" + src + "' height='" + height + "' width='" + width + "'/>"
            });
        } else if ($.common.equals("blank", target)) {
            window.open(src);
        }
    })


    /* 快递打印 */
    function printKD(id) {
        let url = prefix + '/printKD';
        var data = {"id": id};
        submitKD(url, "post", "json", data);
    }


    function saveKDS() {
        var rows = $("#bootstrap-table").bootstrapTable('getSelections');
        if (rows.length == 0) {
            $.modal.alertWarning("请至少选择一条记录");
            return;
        }
        $.modal.confirm("确认要导入选中的" + rows.length + "条数据吗?", function () {
            var ids = "";
            for (var i = 0; i < rows.length; i++) {
                ids = ids + rows[i].id + ","
            }
            ids = ids.substring(0, ids.length - 1);
            // var data = { "ids": ids.substring(0, ids.length-1) };
            var url = prefix + "/importKDS/" + ids;
            $.modal.open("快递导入", url);
        })
    }


    function printKDS() {
        var rows = $("#bootstrap-table").bootstrapTable('getSelections');
        if (rows.length == 0) {
            $.modal.alertWarning("请至少选择一条记录");
            return;
        }
        $.modal.confirm("确认要打印选中的" + rows.length + "条数据吗?", function () {
            var url = prefix + '/printKDS';
            var ids = "";
            for (var i = 0; i < rows.length; i++) {
                ids = ids + rows[i].id + ","
            }
            var data = {"ids": ids.substring(0, ids.length - 1)};
            submitKD(url, "post", "json", data);
        })
    }

    function getTrackCodeByOrderNum() {
        var rows = $("#bootstrap-table").bootstrapTable('getSelections');
        if (rows.length == 0) {
            $.modal.alertWarning("请至少选择一条记录");
            return;
        }
        $.modal.confirm("确认要获取选中的" + rows.length + "条数据吗?", function () {
            var url = prefix + '/getTrackCodeByOrderNum';
            var ids = "";
            for (var i = 0; i < rows.length; i++) {
                ids = ids + rows[i].id + ","
            }
            var data = {"ids": ids.substring(0, ids.length - 1)};
            $.modal.loading("正在处理中,请稍后...");
            var config = {
                url: url,
                type: "post",
                dataType: "json",
                data: data,
                contentType: "",
                success: function (result) {
                    if (result.code == web_status.SUCCESS) {
                        $.modal.openFull("打印", result.msg)
                    } else {
                        $.modal.alertError(result.msg);
                    }
                    $.modal.closeLoading();
                }
            };
            $.ajax(config)
        })
    }

    function submitKD(url, type, dataType, data, content) {
        $.modal.loading("正在处理中,请稍后...");
        var config = {
            url: url,
            type: type,
            dataType: dataType,
            data: data,
            contentType: content,
            success: function (result) {
                if (result.code == web_status.SUCCESS) {
                    $.modal.openFull("打印", result.msg)
                } else {
                    $.modal.alertError(result.msg);
                }
                $("#list-btn").click();
                $.modal.closeLoading();
            }
        };
        $.ajax(config)
    }


    /* 快递信息U8导入 */
    function U8Save() {
        let url = prefix + "/U8Save";
        $.modal.open("U8导入", url);
    }


    /* 快递导入 */
    function eddit(id) {
        let url = prefix + "/importt/" + id;
        $.modal.open("快递导入", url);
    }

    /* 越库 */
    function Doccking(id) {
        // var url = rossDocckingUrl.replace("{id}", id);
        let url = rossDocckingUrl;
        var data = {"id": id};
        submit(url, "post", "json", data);
    }

    function submit(url, type, dataType, data, content) {
        $.modal.loading("正在处理中,请稍后...");
        var config = {
            url: url,
            type: type,
            dataType: dataType,
            data: data,
            contentType: content,
            success: function (result) {
                if (result.code == web_status.SUCCESS) {
                    if (result.data !== null) {
                        layer.open({
                            title: ''
                            , content: result.data,
                            closeBtn: false
                        });
                        $("body").focus();
                    } else {
                        $.modal.msg(result.msg);
                    }

                } else {
                    $.modal.alertError(result.msg);
                }
                $("#list-btn").click();
                $.modal.closeLoading();
            }
        };
        $.ajax(config)
    }


    /*入库单列表-详细*/
    function detail(id, code) {
        shipmentId = id;
        shipmentCode = code;
        $("#myTab li").removeClass("active");
        $("#tabHeader").removeClass("in active");
        $("#myTab li:eq(1)").addClass("active");
        $("#tabDetail").addClass("in active");

        loadDetail();
    }

    /** 载入明细 */
    function loadDetail() {
        $.ajax({
            url: ctx + 'shipment/kuaidiDetail/list',
            type: 'post',
            data: {
                shipmentId: shipmentId
            },
            success: function (value) {
                $("#bootstrap-table-detail").bootstrapTable('load', value.data);
            }
        });
        $.ajax({
            url: "kuaidiHeader/getKuaidiHeader",
            type: "post",
            data: {
                id: shipmentId
            },
            success: function (value) {
                $('#shipmentId').val(value.data.id);
                $('#shipmentCode').val(value.data.code);
                $('#shipmentWarehouseId').val(value.data.warehouseId);
                $('#shipmentWarehouseCode').val(value.data.warehouseCode);
                $('#shipmentCompanyId').val(value.data.companyId);
                $('#shipmentCompanyCode').val(value.data.companyCode);
                $('#shipmentSourceCode').val(value.data.sourceCode);
                if (value.data.type === 'PRO') {
                    $('#showWarehouse').removeClass('isShow');
                } else {
                    $('#showWarehouse').addClass('isShow')
                }
                $('#shipmentType').val(shipmentTypes.filter(function (a) {
                    return a.dictValue == value.data.type
                })[0].dictLabel);
                $('#shipmentTotalQty').val(value.data.totalQty);
                $('#shipmentTotalLines').val(value.data.totalLines);
                $('#shipmentRemark').val(value.data.remark);
                // $('#shipmentUploadStatus').val(uploadStatus.filter(function (a) {return a.dictValue==value.data.uploadStatus})[0].dictLabel);
                $('#shipmentCreated').val(value.data.created);
                $('#shipmentCreatedBy').val(value.data.createdBy);
                $('#shipmentLastUpdated').val(value.data.lastUpdated);
                $('#shipmentLastUpdatedBy').val(value.data.lastUpdatedBy);
                //$('#shipmentEnable').val(value.data.enable);
                if (value.data.enable == 0) {
                    $('#shipmentEnable').val('是')
                } else {
                    $('#shipmentEnable').val('否')
                }
                ;
                //$('#shipmentDeleted').val(value.data.deleted);
                if (value.data.deleted == false) {
                    $('#shipmentDeleted').val('否')
                } else {
                    $('#shipmentDeleted').val('是')
                }
                ;
                $('#shipmentUserDef1').val(value.data.userDef1);
                $('#shipmentUserDef2').val(value.data.userDef2);
                $('#shipmentUserDef3').val(value.data.userDef3);


            }
        })
    }

    /* 添加主单据 */
    function add() {
        if (shipmentId == '') {
            $.modal.open("未选择出库单", "404.html");
        } else {
            var url = detailCreateUrl + "?shipmentId=" + $('#shipmentId').val()
                + "&shipmentCode=" + $('#shipmentCode').val()
                + "&companyId=" + $('#shipmentCompanyId').val()
                + "&companyCode=" + $('#shipmentCompanyCode').val()
                + "&sourceCode=" + $('#shipmentSourceCode').val();
            $.modal.open("添加", url);
        }
    }

    function fresh() {
        let url = prefix + "/fresh";
        submit(url, "post", "json", null);
    }

    /* 打印 */
    function receiptPrint(id) {
        var url = prefix + "/report/" + id;
        $.modal.open("出库单打印", url);
    }

    /* 编辑明细单据 */
    function edit(id) {
        if (shipmentId == '') {
            $.modal.open("未选择出库单", "404.html");
        } else {
            var url = prefix_detail + "/edit/" + id;
            $.modal.open("编辑明细", url);
        }
    }

    /* 单个删除 */
    function remove(id) {
        $.modal.confirm("确定删除该条出库单明细信息吗?", function () {
            var url = $.common.isEmpty(id) ? detailRemoveUrl : detailRemoveUrl.replace("{id}", id);
            var data = {"ids": id};
            localSubmit(url, "post", "json", data);
        });
    }

    /* 批量删除 */
    function batRemove() {
        var rows = $("#bootstrap-table-detail").bootstrapTable('getSelections');
        // var rows = $.common.isEmpty($.table._option.id) ? $.table.selectFirstColumns() : $.table.selectColumns($.table._option.id);
        if (rows.length == 0) {
            $.modal.alertWarning("请至少选择一条记录");
            return;
        }
        $.modal.confirm("确认要删除选中的" + rows.length + "条数据吗?", function () {
            var url = detailRemoveUrl;
            var data = {
                "ids": rows.map(function (v) {
                    return v.id;
                }).join(',')
            };
            localSubmit(url, "post", "json", data);
        });
    }

    function localSubmit(url, type, dataType, data) {
        $.modal.loading("正在处理中,请稍后...");
        var config = {
            url: url, type: type, dataType: dataType, data: data, success: function (result) {
                if (result.code == web_status.SUCCESS) {
                    $.modal.msgSuccess(result.msg);
                    loadDetail(shipmentId, shipmentCode)
                } else {
                    $.modal.alertError(result.msg)
                }
                $.modal.closeLoading()
            }
        };
        $.ajax(config)
    }

    /* 出库组盘 */
    function Toreceiving(auto) {
        let storage = window.localStorage;
        storage.shipmentCode = code;
        let url = ctx + "shipment/shippingCombination";
        if (auto) {
            storage.auto = auto;
            createMenuItem(url, "出库自动组盘");
            parent.$('.tabReload').click();
        } else {
            createMenuItem(url, "出库组盘");
            parent.$('.tabReload').click();
        }
    }

    /* 出库组盘 */
    function Toshipping(auto) {
        let storage = window.localStorage;
        storage.shipmentCode = shipmentCode;
        let url = ctx + "shipment/shippingCombination";
        if (auto) {
            storage.auto = auto;
            createMenuItem(url, "出库自动组盘");
            parent.$('.tabReload').click();
        } else {
            createMenuItem(url, "出库组盘");
            parent.$('.tabReload').click();
        }
    }

    /* 出库组盘 */
    function Toshippings(auto) {
        let storage = window.localStorage;
        storage.shipmentCode = shipmentCode;
        let url = ctx + "shipment/shippingCombination";
        if (auto) {
            storage.auto = "trues";
            createMenuItem(url, "出库自动组盘");
            parent.$('.tabReload').click();
        } else {
            createMenuItem(url, "出库组盘");
            parent.$('.tabReload').click();
        }
    }

    /* 点击明细面板 */
    $("#myTab li:eq(1)").click(function () {
        if (shipmentId == '') {
            shipmentId = $("#bootstrap-table tr:eq(1) td:eq(1)").text();
        }
        detail(shipmentId, "");
    });

    /* 点击主表面板 */
    $("#myTab li:eq(0)").click(function () {
        $.ajax({
            url: prefix + "/list",
            type: "post",
            success: function (value) {
                $("#bootstrap-table").bootstrapTable('refresh', value.data);
            }
        })
    });

    //子单打印
    function receiptDetailPrint() {
        let rows = $("#bootstrap-table-detail").bootstrapTable('getSelections');
        if (rows.length === 0) {
            $.modal.alertWarning("请至少选择一条记录");
            return;
        }
        let ids = "";
        for (let i = 0; i < rows.length; i++) {
            ids = ids + rows[i].id + ","
        }

        let url = prefix_detail + "/report/" + ids;
        $.modal.open("出库单铭牌打印", url);
    }

    //分配仓库
    function addZone() {
        let url = prefix_detail + '/addZoneCode?ids=';
        let rows = $("#bootstrap-table-detail").bootstrapTable('getSelections');
        if (rows.length === 0) {
            $.modal.msgWarning("请至少选择一条记录");
        } else {
            let ids = "";
            for (let i = 0; i < rows.length; i++) {
                ids = ids + rows[i].id + ","
            }
            ids = ids.substring(0, ids.length - 1);
            url = url + ids;
            $.modal.open("分配仓库", url, 800, 250)
        }
    }


    function rowStyle(row, index) {
        var classes = [
            'bg-blue',
            'bg-green',
            'bg-orange',
            'bg-yellow',
            'bg-red'
        ];

        if (row.inventoryQty === 0) {
            return {
                classes: classes[2]
            }
        } else {
            return {
                classes: classes[0]
            }
        }
        // if (row.inventoryQty === 0 ) {
        // return {
        //     css: {
        //         background: '#ff9966'
        //     }
        // }}
    }


</script>


<!-- 导入区域 -->
<script id="importTpl" type="text/template">
    <form enctype="multipart/form-data" class="mt20 mb10">
        <div class="col-xs-offset-1">
            <input type="file" id="file" name="file"/>
            <div class="mt10 pt5">
                <a onclick="$.table.importTemplate()" class="btn btn-default btn-xs"><i class="fa fa-file-excel-o"></i>
                    下载模板</a>
            </div>
            <font color="red" class="pull-left mt10">
                提示:仅允许导入“xls”或“xlsx”格式文件!
            </font>
        </div>
    </form>
</script>
</body>
</html>