hust-epi/admin-ui/app/whepi/scan/specialPersonnel.js

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

            var $grid1, $form;

            // 弹框的方式
            var widgets = {
                // 搜索分类检索
                selectTableUnit: {
                    url: 'app/whepi/home/selectLYbumen.js',
                    bind: {
                        unitId: 'unitId',
                        unit: 'unit',
                    },
                },
            };

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

            //　检索条件查询
            function queryGrid1() {
                var queryForm = $form.formGet();
                queryForm.tuType = 2;
                $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: 'hidden', name: 'unitId'},
                    {
                        xtype: 'searchbox',
                        label: '部门',
                        labelWidth: 'auto',
                        name: 'unit',
                        prompt: "部门",
                        width: 250,
                        widget: widgets.selectTableUnit,// 弹出框方法
                        onChange: function (value) {
                            if (!isNotNullOrEmpty(value)) {
                                $form.formSet({
                                    unitId : ''
                                })
                            }
                            queryGrid1();
                        },
                    },
                    {
                        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-pencil-square-o', onClick: function () {
                                    //         var row = $grid1.rowData();
                                    //         if (!row) {
                                    //             $.yvan.msg('请选择一条要保存的数据');
                                    //             return;
                                    //         }
                                    //         var startDateStr = row.startDateStr;
                                    //         var endDateStr = row.endDateStr;
                                    //         if (startDateStr > endDateStr) {
                                    //             $.yvan.msg('开始时间必须小于等于结束时间');
                                    //             return;
                                    //         }
                                    //         $.yvan.ajax({
                                    //             url: api('/OutUser/updateOutUser'),
                                    //             data: {
                                    //                 tuId: row.tuId,
                                    //                 startDate: row.startDateStr,
                                    //                 endDate: row.endDateStr
                                    //             },
                                    //             method: 'post',
                                    //             async: false,
                                    //             success: function (data) {
                                    //                 $.yvan.msg("操作成功");
                                    //                 $grid1.reload();
                                    //                 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.confirm('确定删除勾选的这' + row.length + '条特殊人员吗？', {
                                                yes: function (index) {
                                                    $.yvan.ajax({
                                                        method: 'post',
                                                        url: api('/OutUser/deleteOutUser'),
                                                        data: {ids: ids},
                                                        success: function (data) {
                                                            $.yvan.msg("删除成功");
                                                            $grid1.reload();
                                                            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: 'doorplate', 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)
                                                    var row = $grid1.rowData();
                                                    var startDateStr = row.startDateStr;
                                                    var endDateStr = row.endDateStr;
                                                    if (startDateStr > endDateStr) {
                                                        $.yvan.msg('开始时间必须小于等于结束时间');
                                                        return;
                                                    } else {
                                                        $.yvan.ajax({
                                                            url: api('/OutUser/updateOutUser'),
                                                            data: {
                                                                tuId: row.tuId,
                                                                startDate: row.startDateStr,
                                                                endDate: row.endDateStr
                                                            },
                                                            method: 'post',
                                                            async: false,
                                                            success: function (data) {
                                                                $.yvan.msg("操作成功");
                                                                return;
                                                            }
                                                        });
                                                    }
                                                },
                                                maxlength: 50
                                            }
                                        },
                                        {
                                            field: 'endDateStr', title: '结束时间', minWidth: 120, maxWidth: 200, align: 'left', editor: {
                                                xtype: 'datebox',
                                                required: true,
                                                onChange: function (value, oldValue) {
                                                    console.log(value)
                                                    var row = $grid1.rowData();
                                                    var startDateStr = row.startDateStr;
                                                    var endDateStr = row.endDateStr;
                                                    if (startDateStr > endDateStr) {
                                                        $.yvan.msg('开始时间必须小于等于结束时间');
                                                        return;
                                                    } else {
                                                        $.yvan.ajax({
                                                            url: api('/OutUser/updateOutUser'),
                                                            data: {
                                                                tuId: row.tuId,
                                                                startDate: row.startDateStr,
                                                                endDate: row.endDateStr
                                                            },
                                                            method: 'post',
                                                            async: false,
                                                            success: function (data) {
                                                                $.yvan.msg("操作成功");
                                                                return;
                                                            }
                                                        });
                                                    }
                                                },
                                                maxlength: 50
                                            }
                                        },
                                    ]
                                ]
                        }
                }
            };
        };
    }
);