define(function (require) {
        return function (context) {

            var $grid1, $form;

            // 输入搜索文本后点击回车按钮查询列表
            function enterQueryGrid1(e) {
                if (e.keyCode === 13) {
                    var tmp = $(this).val();
                    $form.formSet({queryProperties: tmp});
                    queryGrid1();
                }
            }

            //　检索条件查询
            function queryGrid1() {
                var queryForm = $form.formGet();
                $grid1.reload({
                    mtype: 'POST',
                    url: api('/OutUser/selectAllOutUser'),
                    queryParams: queryForm
                }, true);
            }

            var queryToolbar = {
                xtype: 'toolbar',
                title: '特殊人员详情',
                items: [
                    {
                        text: '查询', iconCls: 'fa fa-search', onClick: function () {
                            queryGrid1();
                        }
                    }, {
                        text: '重置', iconCls: 'fa fa-refresh', onClick: function () {
                            $form.formClear();
                            queryGrid1();
                        }
                    }, {
                        text: '关闭', iconCls: 'fa fa-times-circle', onClick: function () {
                            App.closeMe(this);
                        }
                    }
                ]
            };

            var queryForm = {
                onRender: function () {
                    $form = $(this);
                },
                xtype: 'form',
                items: [[
                    {
                        xtype: 'textbox',
                        label: '检索条件',
                        name: 'queryProperties',
                        prompt: "小区名称/联系人姓名",
                        labelWidth: 'auto',
                        events: {keydown: enterQueryGrid1}, width: 350
                    },
                    {
                        xtype: 'textbox',
                        label: '电话',
                        name: 'phone',
                        prompt: "小区名称",
                        labelWidth: 'auto',
                        events: {keydown: enterQueryGrid1}, width: 350
                    },
                ]]
            };

            return {
                north: {
                    height: 88,
                    /* split: true,
                     border: false,*///底框是否可变动
                    items: [
                        queryToolbar,
                        queryForm
                    ]
                },
                center: {
                    height: '60%',
                    split: true,
                    items:
                        {
                            onRender: function () {
                                $grid1 = $(this);
                                queryGrid1()
                            },
                            xtype: 'grid',
                            toolbar: {
                                xtype: 'toolbar',
                                title: '特殊人员详情',
                                items: [
                                    {
                                        text: '添加', iconCls: 'fa fa-plus-circle fa-lg', onClick: function () {
                                            $.yvan.showDialog(this,
                                                require('/app/whepi/scan/addOutUser.js')({
                                                    isEdit: false,
                                                    confirm: function () {
                                                        queryGrid1();
                                                    }
                                                })
                                            );
                                        }
                                    },
                                    {
                                        text: '删除', iconCls: 'fa fa fa-pencil-square-o fa-lg', onClick: function () {
                                            var row = $grid1.checkedData();
                                            if (row.length == 0) {
                                                $.yvan.msg('请至少选择一行数据');
                                                return;
                                            }
                                            var ids = "";
                                            for (var i=0; i<row.length; i++) {
                                                ids += row[i].tuId + ","
                                            }
                                            $.yvan.ajax({
                                                url: api('/OutUser/deleteOutUser'),
                                                data: {ids: ids},
                                                method: 'post',
                                                async: false,
                                                success: function (data) {
                                                    queryGrid1();
                                                }
                                            });
                                        }
                                    }
                                ]
                            },
                            multiselect: true, /// 表格多选
                            idField: 'tuId',
                            editable: true,
                            editOnSelected: true,
                            autoSizeColumns: true,
                            columns:
                                [
                                    [
                                        {field: 'tuId', title: '用户ID', hidden: true},
                                        {field: 'userId', title: '用户ID', hidden: true},
                                        {field: 'uptownName', title: '小区', maxWidth: 200, align: 'left',},
                                        {field: 'ridgepole', title: '栋', maxWidth: 200, align: 'left',},
                                        {field: 'unit', title: '单元', maxWidth: 200, align: 'left',},
                                        {field: 'name', title: '名字', maxWidth: 200, align: 'left',},
                                        {field: 'phone', title: '电话', maxWidth: 200, align: 'left',},
                                        {
                                            field: 'startDateStr', title: '开始时间', minWidth: 120, maxWidth: 300, align: 'left', editor: {
                                                xtype: 'datebox',
                                                required: true,
                                                onChange: function (value) {
                                                    console.log(value)
                                                },
                                                maxlength: 50
                                            }
                                        },
                                        {
                                            field: 'endDateStr', title: '结束时间', minWidth: 120, maxWidth: 200, align: 'left', editor: {
                                                xtype: 'datebox',
                                                required: true,
                                                onChange: function (value) {
                                                    console.log(value)
                                                },
                                                maxlength: 50
                                            }
                                        },
                                    ]
                                ]
                        }
                }
            };
        };
    }
);