创建版本

app/Gdoo/Approach/views/approach/create.blade.php

@@ -0,0 +1,176 @@
+<div class="form-panel">
+        <div class="form-panel-header">
+        <div class="pull-right">
+        </div>
+        {{$form['btn']}}
+        
+        <a href="javascript:costDetailDialog();" class="btn btn-sm btn-default">
+            费用申请明细
+        </a>
+
+        @if($form['access']['close'])
+        <a href="javascript:closeDialog();" class="btn btn-sm btn-default">
+            关闭(打开)
+        </a>
+        @endif
+
+    </div>
+    <div class="form-panel-body panel-form-{{$form['action']}}">
+        <form class="form-horizontal form-controller" method="post" id="{{$form['table']}}" name="{{$form['table']}}">
+            {{$form['tpl']}}
+        </form>
+    </div>
+</div>
+
+<script>
+var table = '{{$form["table"]}}';
+var id = '{{$form["row"]["id"]}}';
+var actived_dt = '{{$form["row"]["actived_dt"]}}';
+var customer_id = '{{$form["row"]["customer_id"]}}';
+
+function costDetailDialog() {
+    viewDialog({
+        title: '费用申请明细',
+        dialogClass: 'modal-md',
+        url: app.url('approach/approach/serviceCostDetail', {date: actived_dt, customer_id: customer_id}),
+        close: function() {
+            $(this).dialog("close");
+        }
+    });
+}
+
+function closeDialog() {
+    $.post(app.url('approach/approach/close'), {id: id}, function(res) {
+        toastrSuccess(res.data);
+        location.reload();
+    });
+}
+
+function get_customer_id() {
+    var customer_id = $('#approach_customer_id').val();
+    return customer_id;
+}
+
+function undertake_ratio() {
+    var v1 = $('#approach_barcode_cast').val();
+    var v2 = $('#approach_market_cast').val();
+    var v3 = (toNumber(v2) / toNumber(v1)) * 100;
+    $('#approach_barcode_cast_ratio').val(v3 > 100 ? 100 : v3.toFixed(2));
+}
+
+function undertake_ratio2() {
+    var v1 = $('#approach_barcode_cast').val();
+    var v2 = $('#approach_apply2_money').val();
+    var v3 = (toNumber(v2) / toNumber(v1)) * 100;
+    $('#approach_apply2_ratio').val(v3 > 100 ? 100 : v3.toFixed(2));
+
+    var v4 = $('#approach_apply_bccount').val();
+    var v5 = $('#approach_apply_market_count').val();
+    var v6 = (toNumber(v2) / toNumber(v4)) / toNumber(v5);
+    $('#approach_apply2_single_cast').val(toNumber(v6).toFixed(2));
+}
+
+function undertake_ratio3() {
+    var v1 = $('#approach_barcode_cast').val();
+    var v2 = $('#approach_apply_money').val();
+    var v3 = (toNumber(v2) / toNumber(v1)) * 100;
+    $('#approach_fee_support_ratio').val(v3 > 100 ? 100 : v3.toFixed(2));
+}
+
+(function($) {
+
+    $('#approach_barcode_cast,#approach_market_cast').bind('input propertychange', function() {
+        undertake_ratio();
+        undertake_ratio2();
+    });
+
+    $('#approach_apply2_money,#approach_apply_bccount,#approach_apply_market_count').bind('input propertychange', function() {
+        undertake_ratio();
+        undertake_ratio2();
+    });
+
+    $('#approach_apply_money').bind('input propertychange', function() {
+        undertake_ratio3();
+    });
+
+    $('#approach_field001').prop('checked', true);
+    $('#approach_field004').prop('checked', true);
+
+})(jQuery);
+
+// grid初始化事件
+gdoo.event.set('grid.approach_data', {
+    ready(me) {
+        grid = me;
+        grid.dataKey = 'product_id';
+    },
+    editable: {
+        product_name(params) {
+            var customer_id = $('#approach_customer_id').val();
+            if (customer_id.trim() == '') {
+                toastrError('请先选择客户');
+                return false;
+            } else {
+                return true;
+            }
+        }
+    }
+});
+
+// 子表对话框
+gdoo.event.set('approach_data.product_id', {
+    open(params) {
+        params.url = 'product/product/serviceCustomer';
+    },
+    query(query) {
+        var customer_id = $('#approach_customer_id').val();
+        query.customer_id = customer_id;
+    },
+    onSelect(row, selectedRow) {
+        row.price = selectedRow.price;
+        return true;
+    }
+});
+
+// 选择客户事件
+gdoo.event.set('approach.customer_id', {
+    onSelect(row) {
+        if (row.id) {
+            $('#customer_region_region_id').val(row.region_id);
+            $('#customer_region_region_id_text').val(row.region_id_name || '');
+            $('#approach_phone').val(row.tel);
+            $('#approach_fax').val(row.fax);
+            return true;
+        }
+    }
+});
+
+// 选择超市事件
+gdoo.event.set('approach.market_name', {
+    init(params) {
+        params.ajax.url = app.url('approach/market/dialog');
+        params.resultCache = false;
+    },
+    query(query) {
+        query.field_0 = 'approach_market.name';
+        var customer_id = $('#approach_customer_id').val();
+        query.customer_id = customer_id;
+    },
+    onSelect(row) {
+        if (row.id) {
+            $('#approach_market_fax').val(row.fax);
+            $('#approach_market_totol').val(row.market_count);
+            $('#approach_single_cast').val(row.single_cast);
+            $('#approach_totol_cast').val(row.total_cast);
+
+            $('#approach_market_size').val(row.market_area);
+            $('#approach_market_address').val(row.market_address);
+            $('#approach_market_contact').val(row.market_person_name);
+            $('#approach_market_contact_phone').val(row.market_person_phone);
+            $('#approach_market_type_id_select').val(row.type_id);
+            $('#approach_market_type_id').val(row.type_id);
+            return true;
+        }
+    }
+});
+</script>

app/Gdoo/Approach/views/approach/dialog.blade.php

@@ -0,0 +1,188 @@
+<style>
+.modal-body { overflow:hidden; }
+</style>
+
+<div class="wrapper-sm" style="padding-bottom:0;">
+    <div id="dialog-approach-toolbar">
+        <form id="dialog-approach-search-form" name="dialog_approach_search_form" class="form-inline" method="get">
+            @include('searchForm3')
+        </form>
+    </div>
+</div>
+
+<div class="m-t-sm">
+<div id="ref_approach" class="ag-theme-balham" style="width:100%;height:140px;"></div>
+</div>
+
+<div class="m-t-sm">
+    <div id="ref_approach_data" class="ag-theme-balham" style="width:100%;height:240px;"></div>
+</div>
+<script>
+var $ref_approach = null;
+var $ref_approach_data = null;
+var params = JSON.parse('{{json_encode($query)}}');
+(function($) {
+    params['master'] = 1;
+    var mGridDiv = document.querySelector("#ref_approach");
+    var mGrid = new agGridOptions();
+    mGrid.remoteDataUrl = '{{url()}}';
+
+    var option = gdoo.formKey(params);
+    var event = gdoo.event.get(option.key);
+    event.trigger('query', params);
+
+    mGrid.remoteParams = params;
+    mGrid.rowMultiSelectWithClick = false;
+    mGrid.rowSelection = 'multiple';
+    mGrid.autoColumnsToFit = false;
+    mGrid.defaultColDef.suppressMenu = true;
+    mGrid.defaultColDef.sortable = false;
+    mGrid.columnDefs = [
+        {cellClass:'text-center', checkboxSelection: true, headerCheckboxSelection: true, suppressSizeToFit: true, width: 40},
+        {cellClass:'text-center', field: 'sn', headerName: '单据编号', minWidth: 160},
+        {cellClass:'text-center', field: 'created_at', headerName: '单据日期', width: 120},
+        {cellClass:'text-center', field: 'status', cellRenderer: 'htmlCellRenderer', headerName: '状态', width: 160},
+        {cellClass:'text-center', field: 'customer_code', headerName: '客户编码', width: 120},
+        {field:'customer_name', headerName: '客户名称', width: 160},
+        {cellClass:'text-center',field:'region_name', headerName: '销售团队', width: 120},
+        {cellClass:'text-right',field:'barcode_cast', headerName: '申请费用', width: 100},
+        {cellClass:'text-right',field:'apply2_money', headerName: '批复费用', width: 100},
+        {cellClass:'text-center', field: 'id', headerName: 'ID', width: 60}
+    ];
+
+    mGrid.onSelectionChanged = function() {
+        var rows = mGrid.api.getSelectedRows();
+        var ids = [];
+        for (let i = 0; i < rows.length; i++) {
+            ids.push(rows[i].id);
+        }
+        params.ids = ids;
+        sGrid.remoteData(params);
+    };
+
+    mGrid.onRowClicked = function(row) {
+        var selected = row.node.isSelected();
+        if (selected === false) {
+            row.node.setSelected(true, true);
+        }
+    };
+
+    mGrid.onRowDoubleClicked = function (row) {
+        var ret = writeSelected();
+        if (ret === true) {
+            $('#gdoo-dialog-' + params.dialog_index).dialog('close');
+        }
+    };
+
+    /**
+     * 初始化选择
+     */
+    function initSelected() {
+        if (params.is_grid) {
+        } else {
+            var rows = {};
+            var id = $('#'+option.id).val();
+            if (id) {
+                var ids = id.split(',');
+                for (var i = 0; i < ids.length; i++) {
+                    rows[ids[i]] = ids[i];
+                }
+            }
+            mGrid.api.forEachNode(function(node) {
+                var key = node.data['id'];
+                if (rows[key] != undefined) {
+                    node.setSelected(true);
+                }
+            });
+        }
+    }
+
+    /**
+     * 写入选中
+     */
+    function writeSelected() {
+        var rows = mGrid.api.getSelectedRows();
+        if (params.is_grid) {
+            var list = gdoo.forms[params.form_id];
+            list.api.dialogSelected(params);
+        } else {
+            var id = [];
+            var text = [];
+            $.each(rows, function(k, row) {
+                id.push(row['id']);
+                text.push(row.name);
+            });
+            $('#'+option.id).val(id.join(','));
+            $('#'+option.id+'_text').val(text.join(','));
+
+            if (event.exist('onSelect')) {
+                return event.trigger('onSelect', multiple ? rows : rows[0]);
+            }
+        }
+        return true;
+    }
+    mGrid.writeSelected = writeSelected;
+    gdoo.dialogs[option.id] = mGrid;
+
+    new agGrid.Grid(mGridDiv, mGrid);
+    // 读取数据
+    mGrid.remoteData();
+    $ref_approach = mGrid;
+
+    params['master'] = 0;
+    var sGridDiv = document.querySelector("#ref_approach_data");
+    var sGrid = new agGridOptions();
+    sGrid.remoteDataUrl = '{{url()}}';
+    sGrid.remoteParams = params;
+    sGrid.rowSelection = 'multiple';
+    sGrid.defaultColDef.suppressMenu = true;
+    sGrid.defaultColDef.sortable = false;
+    sGrid.suppressRowClickSelection = true;
+    sGrid.getRowClass = function(params) {
+        params.node.setSelected(true);
+    };
+    sGrid.columnDefs = [
+        {cellClass:'text-center', checkboxSelection: true, headerCheckboxSelection: true, suppressSizeToFit: true, width: 40},
+        {cellClass:'text-center', field: 'product_code', headerName: '产品编码', width: 100},
+        {field: 'product_name', headerName: '商品名称', minWidth: 180},
+        {cellClass:'text-center', field: 'product_spec', headerName: '商品规格', width: 140},
+        {cellClass:'text-center', field: 'product_barcode', headerName: '商品条码', width: 120},
+        {cellClass:'text-center', field: 'product_unit', headerName: '计量单位', width: 80},
+        {cellClass:'text-right', field: 'price1', headerName: '报价', width: 80},
+        {cellClass:'text-right', field: 'price2', headerName: '售价', width: 80},
+        {cellClass:'text-center', field: 'id', headerName: 'ID', width: 60}
+    ];
+
+    sGrid.onRowClicked = function(row) {
+        var selected = row.node.isSelected();
+        if (selected === false) {
+            row.node.setSelected(true, true);
+        }
+    };
+
+    new agGrid.Grid(sGridDiv, sGrid);
+    // 读取数据
+    sGrid.remoteData();
+    $ref_approach_data = sGrid;
+
+    var data = JSON.parse('{{json_encode($search["forms"])}}');
+    var search = $('#dialog-approach-search-form').searchForm({
+        data: data,
+        init:function(e) {}
+    });
+
+    search.find('#search-submit').on('click', function() {
+        var query = search.serializeArray();
+        $.map(query, function(row) {
+            params[row.name] = row.value;
+        });
+
+        params['master'] = 1;
+        mGrid.remoteData(params);
+
+        params['master'] = 0;
+        sGrid.remoteData(params);
+        return false;
+    });
+})(jQuery);
+</script>

app/Gdoo/Approach/views/approach/index.blade.php

@@ -0,0 +1,83 @@
+{{$header["js"]}}
+
+<div class="panel no-border" id="{{$header['master_table']}}-controller">
+    @include('headers')
+    <div class='list-jqgrid'>
+        <div id="{{$header['master_table']}}-grid" style="width:100%;" class="ag-theme-balham"></div>
+    </div>
+</div>
+<script>
+    (function ($) {
+        var table = '{{$header["master_table"]}}';
+        var config = gdoo.grids[table];
+        var action = config.action;
+        var search = config.search;
+
+        action.dialogType = 'layer';
+
+        // 自定义搜索方法
+        search.searchInit = function (e) {
+            var self = this;
+        }
+
+        action.fee_detail = function(data) {
+            viewDialog({
+                title: '兑现明细',
+                dialogClass: 'modal-md',
+                url: app.url('approach/review/feeDetail', {id: data.master_id}),
+                close: function() {
+                    $(this).dialog("close");
+                }
+            });
+        }
+
+        action.product = function(data) {
+            viewDialog({
+                title: '产品明细',
+                dialogClass: 'modal-md',
+                url: app.url('approach/approach/product', {id: data.master_id}),
+                close: function() {
+                    $(this).dialog("close");
+                }
+            });
+        }
+        
+        var options = new agGridOptions();
+        var gridDiv = document.querySelector("#{{$header['master_table']}}-grid");
+        gridDiv.style.height = getPanelHeight(48);
+
+        options.remoteDataUrl = '{{url()}}';
+        options.autoColumnsToFit = false;
+        options.remoteParams = search.advanced.query;
+        options.columnDefs = config.cols;
+        options.onRowDoubleClicked = function (params) {
+            if (params.node.rowPinned) {
+                return;
+            }
+            if (params.data == undefined) {
+                return;
+            }
+            if (params.data.master_id > 0) {
+                action.show(params.data);
+            }
+        };
+
+        new agGrid.Grid(gridDiv, options);
+
+        // 读取数据
+        options.remoteData({page: 1});
+
+        // 绑定自定义事件
+        var $gridDiv = $(gridDiv);
+        $gridDiv.on('click', '[data-toggle="event"]', function () {
+            var data = $(this).data();
+            if (data.master_id > 0) {
+                action[data.action](data);
+            }
+        });
+        config.grid = options;
+        
+    })(jQuery);
+
+</script>
+@include('footers')

app/Gdoo/Approach/views/approach/print.blade.php

@@ -0,0 +1 @@
+{{$form['tpl']}}

app/Gdoo/Approach/views/approach/product.blade.php

@@ -0,0 +1,33 @@
+<style>
+.modal-body { overflow:hidden; }
+</style>
+
+<div id="approach_product" class="ag-theme-balham" style="width:100%;height:320px;"></div>
+
+<script>
+(function($) {
+    var gridDiv = document.querySelector("#approach_product");
+    var grid = new agGridOptions();
+    grid.remoteDataUrl = '{{url()}}';
+
+    var params = JSON.parse('{{json_encode($query)}}');
+
+    grid.remoteParams = params;
+    grid.rowMultiSelectWithClick = false;
+    grid.rowSelection = 'multiple';
+    // grid.autoColumnsToFit = false;
+    grid.defaultColDef.suppressMenu = true;
+    grid.defaultColDef.sortable = false;
+    grid.columnDefs = [
+        {cellClass:'text-center', headerName: '', type: 'sn', width: 40},
+        {cellClass:'text-left', field: 'name', headerName: '产品名称', minWidth: 140},
+        {cellClass:'text-center', field: 'spec', headerName: '规格型号', width: 100},
+        {cellClass:'text-center', field: 'id', headerName: 'ID', width: 60}
+    ];
+
+    new agGrid.Grid(gridDiv, grid);
+    // 读取数据
+    grid.remoteData();
+
+})(jQuery);
+</script>

app/Gdoo/Approach/views/approach/reference.blade.php

@@ -0,0 +1,121 @@
+<style>
+.modal-body { overflow:hidden; }
+</style>
+
+<div class="wrapper-sm" style="padding-bottom:0;">
+    <div id="dialog-approach-toolbar">
+        <form id="dialog-approach-search-form" name="dialog_approach_search_form" class="form-inline" method="get">
+            @include('searchForm3')
+        </form>
+    </div>
+</div>
+
+<div class="m-t-sm">
+<div id="ref_approach" class="ag-theme-balham" style="width:100%;height:140px;"></div>
+</div>
+
+<div class="m-t-sm">
+    <div id="ref_approach_data" class="ag-theme-balham" style="width:100%;height:240px;"></div>
+</div>
+<script>
+var $ref_approach = null;
+var $ref_approach_data = null;
+var params = JSON.parse('{{json_encode($query)}}');
+(function($) {
+    params['master'] = 1;
+    var mGridDiv = document.querySelector("#ref_approach");
+    var mGrid = new agGridOptions();
+    mGrid.remoteDataUrl = '{{url()}}';
+    mGrid.remoteParams = params;
+    mGrid.rowSelection = 'multiple';
+    mGrid.autoColumnsToFit = false;
+    mGrid.rowMultiSelectWithClick = false;
+    mGrid.defaultColDef.suppressMenu = true;
+    mGrid.defaultColDef.sortable = false;
+    mGrid.columnDefs = [
+        {cellClass:'text-center', checkboxSelection: true, headerCheckboxSelection: true, suppressSizeToFit: true, width: 40},
+        {cellClass:'text-center', field: 'sn', headerName: '促销编号', minWidth: 160},
+        {cellClass:'text-center', field: 'created_at', type: 'datetime', headerName: '单据日期', width: 120},
+        {cellClass:'text-center', field: 'status', headerName: '状态', width: 160},
+        {cellClass:'text-center', field: 'customer_code', headerName: '客户编码', width: 160},
+        {field:'customer_name', headerName: '客户名称', width: 160},
+        {field:'warehouse_contact', headerName: '收货人', width: 160},
+        {field:'warehouse_phone', headerName: '收货人电话', width: 160},
+        {field:'warehouse_address', headerName: '收货地址', width: 260},
+        {cellClass:'text-center', field: 'id', headerName: 'ID', width: 60}
+    ];
+
+    mGrid.onSelectionChanged = function() {
+        var rows = mGrid.api.getSelectedRows();
+        var ids = [];
+        for (let i = 0; i < rows.length; i++) {
+            ids.push(rows[i].id);
+        }
+        params.ids = ids;
+        sGrid.remoteData(params);
+    };
+    new agGrid.Grid(mGridDiv, mGrid);
+    // 读取数据
+    mGrid.remoteData();
+    $ref_approach = mGrid;
+
+    params['master'] = 0;
+    var sGridDiv = document.querySelector("#ref_approach_data");
+    var sGrid = new agGridOptions();
+    sGrid.remoteDataUrl = '{{url()}}';
+    sGrid.remoteParams = params;
+    sGrid.rowSelection = 'multiple';
+    sGrid.autoColumnsToFit = false;
+    sGrid.defaultColDef.suppressMenu = true;
+    sGrid.defaultColDef.sortable = false;
+    sGrid.suppressRowClickSelection = true;
+    sGrid.getRowClass = function(params) {
+        var data = params.data;
+        params.node.setSelected(true);
+    };
+    sGrid.columnDefs = [
+        {cellClass:'text-center', checkboxSelection: true, headerCheckboxSelection: true, suppressSizeToFit: true, width: 40},
+        {cellClass:'text-center', field: 'product_code', headerName: '存货编码', width: 100},
+        {field: 'product_name', headerName: '商品名称', minWidth: 180},
+        {cellClass:'text-center', field: 'product_spec', headerName: '商品规格', width: 140},
+        {cellClass:'text-center', field: 'unit_name', headerName: '计量单位', width: 80},
+        {cellClass:'text-center', field: 'discount_rate', headerName: '现存量', width: 80},
+        {cellClass:'text-right', field: 'total_quantity', headerName: '促销数量', width: 80},
+        {cellClass:'text-right', field: 'use_quantity', headerName: '已发数量', width: 80},
+        {cellClass:'text-right', field: 'quantity', headerName: '可用数量', width: 80},
+        {cellClass:'text-center', field: 'id', headerName: 'ID', width: 60}
+    ];
+
+    sGrid.onRowClicked = function(row) {
+        var selected = row.node.isSelected();
+        if (selected === false) {
+            row.node.setSelected(true, true);
+        }
+    };
+
+    new agGrid.Grid(sGridDiv, sGrid);
+    // 读取数据
+    sGrid.remoteData();
+    $ref_approach_data = sGrid;
+
+    var data = JSON.parse('{{json_encode($search["forms"])}}');
+    var search = $('#dialog-approach-search-form').searchForm({
+        data: data,
+        init:function(e) {}
+    });
+
+    search.find('#search-submit').on('click', function() {
+        var query = search.serializeArray();
+        $.map(query, function(row) {
+            params[row.name] = row.value;
+        });
+
+        params['master'] = 1;
+        mGrid.remoteData(params);
+
+        params['master'] = 0;
+        sGrid.remoteData(params);
+        return false;
+    });
+})(jQuery);
+</script>

app/Gdoo/Approach/views/approach/serviceCostDetail.blade.php

@@ -0,0 +1,124 @@
+<style>
+.modal-body { overflow:hidden; }
+.service-cost-detail .control-label {
+    padding-top: 11px;
+    text-align: right;
+}
+.service-cost-detail .form-group:first-child .col-xs-3:nth-child(3),
+.service-cost-detail .form-group:first-child .col-xs-3:nth-child(4) {
+    border-top: 0 !important;
+}
+
+.service-cost-detail .ag-theme-balham .ag-root-wrapper {
+    border-left-width: 1px;
+    border-right-width: 1px;
+}
+
+</style>
+
+<div class="service-cost-detail">
+
+    <div class="form-controller">
+        <div class="form-group">
+            <div class="col-xs-3 col-sm-2 control-label">费用合计</div>
+            <div class="col-xs-3 col-sm-2 control-text"><div class="form-control input-sm">@number($all['apply_money'], 2)</div></div>
+            <div class="col-xs-3 col-sm-2 control-label">支持合计</div>
+            <div class="col-xs-3 col-sm-2 control-text"><div class="form-control input-sm">@number($all['support_money'], 2)</div></div>
+            <div class="col-xs-3 col-sm-2 control-label">年度销售额</div>
+            <div class="col-xs-3 col-sm-2 control-text"><div class="form-control input-sm">@number($all['money'], 2)</div></div>
+        </div>
+        <div class="form-group">
+            <div class="col-xs-3 col-sm-2 control-label">申请产出比(%)</div>
+            <div class="col-xs-3 col-sm-2 control-text"><div class="form-control input-sm">@number($all['support_percent'], 2)</div></div>
+            <div class="col-xs-3 col-sm-2 control-label">兑现产出比(%)</div>
+            <div class="col-xs-3 col-sm-2 control-text"><div class="form-control input-sm">@number($all['apply_percent'], 2)</div></div>
+            <div class="col-xs-3 col-sm-2 control-label"></div>
+            <div class="col-xs-3 col-sm-2 control-text"></div>
+        </div>
+    </div>
+
+    <div class="clearfix"></div>
+
+    <div class="tabs-box">
+        <ul class="nav nav-tabs">
+            <li class="active">
+                <a class="text-sm" href="#tab_a" data-toggle="tab">促销</a>
+            </li>
+            <li>
+                <a class="text-sm" href="#tab_b" data-toggle="tab">进店</a>
+            </li>
+            <li>
+                <a class="text-sm" href="#tab_c" data-toggle="tab">物资</a>
+            </li>
+        </ul>
+        <div id="tab_ontent" class="tab-content" style="padding:5px;">
+            <div class="tab-pane active" id="tab_a">
+                <div id="ref_tab_a" class="ag-theme-balham" style="width:100%;height:280px;"></div>
+            </div>
+            <div class="tab-pane" id="tab_b">
+                <div id="ref_tab_b" class="ag-theme-balham" style="width:100%;height:280px;"></div>
+            </div>
+            <div class="tab-pane" id="tab_c">
+                <div id="ref_tab_c" class="ag-theme-balham" style="width:100%;height:280px;"></div>
+            </div>
+        </div>
+    </div>
+
+</div>
+
+<script>
+var params = JSON.parse('{{json_encode($query)}}');
+(function($) {
+    var tabDiv = document.querySelector("#ref_tab_a");
+    var grid = new agGridOptions();
+    grid.remoteDataUrl = '{{url()}}';
+    grid.remoteParams = params;
+    grid.rowSelection = 'single';
+    grid.defaultColDef.suppressMenu = true;
+    grid.defaultColDef.sortable = false;
+    grid.columnDefs = [
+        {cellClass:'text-center', field: 'start_dt', headerName: '开始日期', width: 100},
+        {cellClass:'text-center', field: 'end_dt', headerName: '结束日期', width: 100},
+        {cellClass:'text-center', field: 'promote_scope', headerName: '超市', minWidth: 160},
+        //{cellClass:'text-center', field: 'created_at', headerName: '促销方式', width: 100},
+        {cellClass:'text-right',field:'pro_total_cost', headerName: '总费用', width: 100},
+        {cellClass:'text-right',field:'undertake_money', headerName: '支持费用', width: 100}
+    ];
+    new agGrid.Grid(tabDiv, grid);
+    // 读取数据
+    grid.remoteData({type: 'promotion'});
+
+    var tabDiv2 = document.querySelector("#ref_tab_b");
+    var grid2 = new agGridOptions();
+    grid2.remoteDataUrl = '{{url()}}';
+    grid2.remoteParams = params;
+    grid2.rowSelection = 'single';
+    grid2.defaultColDef.suppressMenu = true;
+    grid2.defaultColDef.sortable = false;
+    grid2.columnDefs = [
+        {cellClass:'text-center', field: 'created_at', type: 'date', headerName: '申请日期', width: 120},
+        {cellClass:'text-center', field: 'market_name', headerName: '超市名称', minWidth: 160},
+        {cellClass:'text-right',field:'barcode_cast', headerName: '总费用', width: 140},
+        {cellClass:'text-right',field:'apply2_money', headerName: '支持费用', width: 140}
+    ];
+    new agGrid.Grid(tabDiv2, grid2);
+    // 读取数据
+    grid2.remoteData({type: 'approach'});
+
+    var tabDiv3 = document.querySelector("#ref_tab_c");
+    var grid3 = new agGridOptions();
+    grid3.remoteDataUrl = '{{url()}}';
+    grid3.remoteParams = params;
+    grid3.rowSelection = 'single';
+    grid3.defaultColDef.suppressMenu = true;
+    grid3.defaultColDef.sortable = false;
+    grid3.columnDefs = [
+        {cellClass:'text-center', field: 'created_at', type: 'date', headerName: '申请日期', minWidth: 120},
+        {cellClass:'text-right',field:'pro_total_cost', headerName: '总费用', width: 140},
+        {cellClass:'text-right',field:'undertake_money', headerName: '支持费用', width: 140}
+    ];
+    new agGrid.Grid(tabDiv3, grid3);
+    // 读取数据
+    grid3.remoteData({type: 'material'});
+})(jQuery);
+</script>

app/Gdoo/Approach/views/approach/serviceReview.blade.php

@@ -0,0 +1,179 @@
+<style>
+.modal-body { overflow:hidden; }
+</style>
+<div class="wrapper-xs">
+    <div id="dialog-approach-toolbar">
+        <form id="dialog-approach-search-form" name="dialog_approach_search_form" class="form-inline" method="get">
+            @include('searchForm3')
+        </form>
+    </div>
+</div>
+<div id="ref_approach" class="ag-theme-balham" style="width:100%;height:140px;"></div>
+<div class="m-t-xs">
+    <div id="ref_approach_data" class="ag-theme-balham" style="width:100%;height:240px;"></div>
+</div>
+<script>
+var $ref_approach = null;
+var $ref_approach_data = null;
+var params = JSON.parse('{{json_encode($query)}}');
+(function($) {
+    params['master'] = 1;
+    var mGridDiv = document.querySelector("#ref_approach");
+    var mGrid = new agGridOptions();
+    mGrid.remoteDataUrl = '{{url()}}';
+
+    var option = gdoo.formKey(params);
+    var event = gdoo.event.get(option.key);
+    event.trigger('query', params);
+
+    mGrid.remoteParams = params;
+    mGrid.rowSelection = 'single';
+    mGrid.autoColumnsToFit = false;
+    mGrid.defaultColDef.suppressMenu = true;
+    mGrid.defaultColDef.sortable = false;
+    mGrid.columnDefs = [
+        {cellClass:'text-center', checkboxSelection: true, headerCheckboxSelection: true, suppressSizeToFit: true, width: 40},
+        {cellClass:'text-center', field: 'sn', headerName: '单据编号', minWidth: 160},
+        {cellClass:'text-center', field: 'created_at', headerName: '单据日期', width: 120},
+        {cellClass:'text-center', field: 'status', cellRenderer: 'htmlCellRenderer', headerName: '状态', width: 160},
+        {cellClass:'text-center', field: 'customer_code', headerName: '客户编码', width: 120},
+        {field:'customer_name', headerName: '客户名称', width: 160},
+        {cellClass:'text-center',field:'region_name', headerName: '销售团队', width: 120},
+        {cellClass:'text-right',field:'barcode_cast', headerName: '申请费用', width: 100},
+        {cellClass:'text-right',field:'apply2_money', headerName: '批复费用', width: 100},
+        {cellClass:'text-center', field: 'id', headerName: 'ID', width: 60}
+    ];
+
+    mGrid.onRowClicked = function(row) {
+        var selected = row.node.isSelected();
+        if (selected === false) {
+            row.node.setSelected(true, true);
+        }
+        var rows = mGrid.api.getSelectedRows();
+        var ids = [];
+        for (let i = 0; i < rows.length; i++) {
+            ids.push(rows[i].id);
+        }
+        params.ids = ids;
+        sGrid.remoteData(params);
+    };
+
+    mGrid.onRowDoubleClicked = function (row) {
+        var ret = writeSelected();
+        if (ret == true) {
+            $('#gdoo-dialog-' + params.dialog_index).dialog('close');
+        }
+    };
+
+    /**
+     * 初始化选择
+     */
+    function initSelected() {
+        if (params.is_grid) {
+        } else {
+            var rows = {};
+            var id = $('#'+option.id).val();
+            if (id) {
+                var ids = id.split(',');
+                for (var i = 0; i < ids.length; i++) {
+                    rows[ids[i]] = ids[i];
+                }
+            }
+            mGrid.api.forEachNode(function(node) {
+                var key = node.data['id'];
+                if (rows[key] != undefined) {
+                    node.setSelected(true);
+                }
+            });
+        }
+    }
+
+    /**
+     * 写入选中
+     */
+    function writeSelected() {
+        var rows = mGrid.api.getSelectedRows();
+        if (params.is_grid) {
+            var list = gdoo.forms[params.form_id];
+            list.api.dialogSelected(params);
+        } else {
+            var id = [];
+            var text = [];
+            $.each(rows, function(k, row) {
+                id.push(row['id']);
+                text.push(row.name);
+            });
+            $('#'+option.id).val(id.join(','));
+            $('#'+option.id+'_text').val(text.join(','));
+
+            if (event.exist('onSelect')) {
+                return event.trigger('onSelect', multiple ? rows : rows[0]);
+            }
+        }
+        return true;
+    }
+    mGrid.writeSelected = writeSelected;
+    gdoo.dialogs[option.id] = mGrid;
+
+    new agGrid.Grid(mGridDiv, mGrid);
+    // 读取数据
+    mGrid.remoteData();
+    $ref_approach = mGrid;
+
+    params['master'] = 0;
+    var sGridDiv = document.querySelector("#ref_approach_data");
+    var sGrid = new agGridOptions();
+    sGrid.remoteDataUrl = '{{url()}}';
+    sGrid.remoteParams = params;
+    sGrid.rowSelection = 'multiple';
+    sGrid.defaultColDef.suppressMenu = true;
+    sGrid.defaultColDef.sortable = false;
+    sGrid.suppressRowClickSelection = true;
+    sGrid.getRowClass = function(params) {
+        params.node.setSelected(true);
+    };
+    sGrid.columnDefs = [
+        {cellClass:'text-center', checkboxSelection: true, headerCheckboxSelection: true, suppressSizeToFit: true, width: 40},
+        {cellClass:'text-center', field: 'product_code', headerName: '产品编码', width: 100},
+        {field: 'product_name', headerName: '商品名称', minWidth: 180},
+        {cellClass:'text-center', field: 'product_spec', headerName: '商品规格', width: 140},
+        {cellClass:'text-center', field: 'product_barcode', headerName: '商品条码', width: 120},
+        {cellClass:'text-center', field: 'product_unit', headerName: '计量单位', width: 80},
+        {cellClass:'text-right', field: 'price1', headerName: '报价', width: 80},
+        {cellClass:'text-right', field: 'price2', headerName: '售价', width: 80},
+        {cellClass:'text-center', field: 'id', headerName: 'ID', width: 60}
+    ];
+
+    sGrid.onRowClicked = function(row) {
+        var selected = row.node.isSelected();
+        if (selected === false) {
+            row.node.setSelected(true, true);
+        }
+    };
+
+    new agGrid.Grid(sGridDiv, sGrid);
+    // 读取数据
+    sGrid.remoteData();
+    $ref_approach_data = sGrid;
+
+    var data = JSON.parse('{{json_encode($search["forms"])}}');
+    var search = $('#dialog-approach-search-form').searchForm({
+        data: data,
+        init:function(e) {}
+    });
+
+    search.find('#search-submit').on('click', function() {
+        var query = search.serializeArray();
+        $.map(query, function(row) {
+            params[row.name] = row.value;
+        });
+
+        params['master'] = 1;
+        mGrid.remoteData(params);
+
+        params['master'] = 0;
+        sGrid.remoteData(params);
+        return false;
+    });
+})(jQuery);
+</script>