<?
viewPlugins("qgGrid", "layer");
$headerBegin = '<script>var pwcode = "A250";</script>';
viewSet("headerBegin", $headerBegin);
$headerEnd .= '<script src="' . \mvc::$cfg['path']['static'] . '/js/item/pro_search.js?' . VER_STATIC . '"></script>';
$headerEnd .= '<script src="' . \mvc::$cfg['path']['static'] . '/js/item/sample.js?' . VER_STATIC . '"></script>';
viewSet("headerEnd", $headerEnd);
viewLoad("public/header");
viewLoad("sample/process/top");
?>
<style>
    .btn-again {
        color: #fff;
        background-color: #f39c12;
        border-color: #f39c12;
    }
</style>
<!-- <h3 style="z-index:2;position:fixed;left: 10px;top: 35px;">
    <lg>编码</lg>
</h3> -->
<div>
    <div style="height:20px" class="searchpanel"></div>
</div>
<div class="tools hide">
    <!--
    <button type="button" id="btnSearch" class="btn btn-outline-primary btn-search btn-sm fa fa-search"> <lg>查询</lg></button>
    <button type="button" id="btnReset" class="btn btn-outline-primary btn-reset btn-sm fa"> <lg>重置</lg></button>
    <button p='{"A250":["export"]}' type="button" id="btnExport" onclick="exportForGrid(grid,'A250')" class="btn btn-outline-primary btn-sm fa fa-download"> <lg>导出</lg></button>
    -->
    <span style="width:10px">&nbsp;</span>
    <button p='{"A250":["export"]}' type="button" id="btnExportMy" class="btn btn-outline-primary btn-reset btn-sm fa fa-download">
        <lg>导出</lg>
    </button>
    <!--<button type="button" id="btnChkCode2" class="btn btn-outline-primary btn-search btn-sm fa"> <lg>生成编码</lg></button>
    <button type="button" id="btnChkCode" class="btn btn-outline-primary btn-search btn-sm fa"> <lg>生成产品</lg></button>-->
    <div class="custom-control custom-switch" style="float:right">
        <table>
            <tr>
                <td>
                    <div class="power powerWork1">
                        <!--<input type="checkbox" class="custom-control-input btn-editor" id="btnEditor">
                        <label class="custom-control-label" for="btnEditor"><lg>编辑</lg></label>-->
                    </div>
                </td>
                <td>
                    <div class="gridmenu"></div>
                </td>
            </tr>
        </table>
    </div>
</div>
<div class="grid" style="width:100%">
    <table id="grid_basic"></table>
</div>
<script type="text/javascript">
    var process = '5';
    var grid = null;
    var gridId = '';
    var gridUrl = '';
    var editCellUrl = '';
    var block = 'noEditAll';
    var object2 = '' //客户
    var object5 = '' //销售区域
    var search = {}
    $(document).ready(function() {
        gridId = $('.grid').find('table').attr('id');
        gridUrl = HOST + '/sample/process/list?process=' + process;
        editCellUrl = HOST + '/sample/process/editCell';
        loadData();
        createGrid();
        //设置grid高度
        grid.setHeight($(window).height() - 110 - $('.grid').offset().top);
        //工具栏
        $('.searchpanel').prosearch({
            pwcode: 'A210',
            items: {
                checklist: false, //选项
                cate: true, //品名
                cateMultiple: true, //品名是否多选
                cateMultipleShowCaptions: true, //品名多选是否显示名称，默认是将区域标红
                area: false, //区域
                model: false, //车型
                ver: false, //版本
                number: true, //号码
                numberBrand: false, //号码品牌选择
                more: true, //更多
                export: false,
                reset: true, //重置
            },
            addBeginItems: [$('.tools').html()],
            onReset: function() {
                grid.changeUrl(gridUrl + '&' + search.query);
            },
            onChange: function(type, search) {
                console.log(type, search);
                grid.changeUrl(gridUrl + '&' + search.query);
            }
        }, search);
        bindEvent();
        //语言替换
        lgBody();
    });

    var powerWork7 = function() {
        block = 'comein';
    };
    var bindEvent = function() {
        $("#btnSearch").bind("click", function() {
            grid.searchPanel([]);
        });
        $("#btnReset").bind("click", grid.reset);
        $('#btnExportMy').bind('click', function() {
            // exportForGrid(grid, pwcode, '', null, {
            //     "numidxText": lg("交叉号")
            // });
            test();
        });

        //开启与取消编辑
        $("#btnEditor").bind("click", function() {
            if ($(this).is(':checked')) {
                grid.openEditor();
            } else {
                grid.closeEditor();
            }
        });

        $('#btnChkCode').bind('click', function() {
            var rowid = grid.jqGrid("getGridParam", "selrow");
            chkSampleProCode(rowid, 'pro');
        });

        $('#btnChkCode2').bind('click', function() {
            var rowid = grid.jqGrid("getGridParam", "selrow");
            chkSampleProCode(rowid, 'code');
        });
    };
    var loadData = function() {
        //客户
        qg.ajax(HOST + '/collocation/getChilds', {
            id: 2
        }, function(res) {
            object2 = res.rows;
        });
        //销售区域
        qg.ajax(HOST + '/collocation/getChilds', {
            id: 5
        }, function(res) {
            object5 = res.rows;
        });
    };

    var createGrid = function(completeCallBack) {
        var lastsel;
        var cols = [
            'ID', '详情', '流水号', '单号',
            '主状态', '子状态',
            '外部编码', '内部编码', '样品预编码',
            '申请原因', '申请类型', '申请日期', '申请部门', '申请区域', '可销售区域',
            '产品线', '品名', '客户代码', '客户名称',
            '照片', '申请(样品品牌)', '申请(样品编码)',
            '到样品牌', '到样号码', '到样日期', '来样方式', '到样地点', '核对类型','登记日期', '预计下单日期', '预计完成日期',
            '年需求量', '首单量', '配对型号', '登记配对型号', '车型', '交叉号', '文本车型', '保有量', '登记保有量', '历史销量', '投诉内容', '需求时间',
            '申请人', '登记人'
        ];
        var colModel = getColModel(cols);
        grid = qggrid(gridId, {
            url: gridUrl,
            colModel: colModel,
            colMenu: true,
            footerrow: false,
            width: "100%",
            multiSort: false,
            frozen: true,
            cellEdit: $('#btnEditor').is(':checked'),
            cellsubmit: 'remote',
            cellurl: editCellUrl,
            multiselect: false,
            loadComplete: function(data) {},
            onSearch: function(isSearch, postData) {
                if (isSearch) {
                    $('#btnReset').html('<i class="fa fa-reply-all" style="color:red"></i> ' + lg('重置'));
                } else {
                    $('#btnReset').html('<i class="fa fa-reply-all" style="color:#ccc"></i> ' + lg('重置'));
                }
            },
            beforeSubmitCell: function(rowid, cellname, value, iRow, iCol) {
                grid.set({
                    'cellurl': editCellUrl + '?field=' + cellname
                });
            },
            afterSubmitCell: function(serverresponse, rowid, cellname, value, iRow, iCol) {
                if ($.inArray(cellname, ['s_sign_type', 's_sign_address', 's_check_type']) >= 0) {
                    grid.reload();
                }
                return [true, ''];
            },
            formatCell: function(rowid, cellname, value, iRow, iCol) {
                var rowData = grid.getRowData(iRow);
            },
        });

    };


    //单元格显示文本改变
    var format = function(cellValue, options, row, action) {
        if ($.inArray(options.colModel.name, ['s_has_comein', 'hasnumidx', 'hasmodel']) > -1) {
            cellValue = (cellValue == '1') ? '<i class="fa fa-check""></i>' : '';
        } else if (options.colModel.name == 's_check_sales') {
            cellValue = (cellValue == '1') ? '<i class="fa fa-check-circle-o text-info"></i>' : '';
        } else if (options.colModel.name == 's_check_tech') {
            cellValue = (cellValue == '1') ? '<i class="fa fa-check-square text-warning"></i>' : '';
        } else if ($.inArray(options.colModel.name, ['s_customer_code', 's_customer_name', 's_apply_brand', 's_customer_name', 's_arri_brand', 's_cate_parent', 's_cate', 's_model_src', 's_model_vio_src', 's_sales_area', 's_sales_area']) >= 0) {
            if (isset(row['captions']) && isset(row['captions'][options.colModel.name])) {
                cellValue = row['captions'][options.colModel.name];
            } else if (activeElem && isset(activeElem.find('span'))) {
                cellValue = activeElem.find('span').text();
            } else {
                cellValue = '';
            }
        } else if ($.inArray(options.colModel.name, ['s_sign_type', 's_sign_address', 's_check_type']) >= 0) {
            if (isset(row['captions']) && isset(row['captions'][options.colModel.name])) {
                cellValue = row['captions'][options.colModel.name];
            } else if (activeElem && isset(activeElem.find('span'))) {
                cellValue = activeElem.find('span').text();
            } else {
                cellValue = '';
            }
        }
        if (cellValue == null) {
            cellValue = '';
        }
        return cellValue;
    };

    var openNumidx = function(rowId) {
        var index = layer.open({
            type: 2,
            offset: 't',
            title: lg('交叉索引'),
            shadeClose: true,
            shade: [0.9, '#393D49'],
            scrollbar: true,
            maxmin: true, //开启最大化最小化按钮
            area: ['500px', '650px'],
            content: HOST + PATH_LANG + '/sample/number/list.html?s_id=' + rowId,
            cancel: function() {
                var body = layer.getChildFrame('body', index);
                var total = body.find('.total').attr('value');
                if (total != 0) total = 1;
                activeElem.find('span').attr('value', total);
            }
        });
    };

    //从显示文本恢复单元格真实数据
    var unformat = function(cellValue, options, row) {
        if (options.colModel.name == 'numidx') {
            var rowData = grid.getRowData(options.rowId);
            var value = rowData[options.colModel.name];
            return (value == '0' || value == '') ? '' : 'YES';
        }
    };


    //详情弹窗
    var openDetail = function(id, block) {
        var index = layer.open({
            type: 2,
            offset: 't',
            title: lg('样品详情'),
            shadeClose: false,
            shade: [0.5, '#393D49'],
            maxmin: true, //开启最大化最小化按钮
            area: ['1000px', '98%'],
            content: HOST + '/sample/process/detail?id=' + id + '&block=' + block,
            cancel: function() {
                grid.reload();
            }
        });
        layer.full(index);
    };

    var reload = function() {
        grid.reload();
        getStateCount();
    };

    function sampleOpen(title, url) {
        qg.page.open(title, url);
    }
</script>
<? viewLoad("public/footer") ?>