smartschool-platform/frontend/pc-web/app/view/Interaction/timetable/List.js

/**
 * 课程表
 */
Ext.define('school.view.interaction.timetable.List', {
    extend: 'school.view.core.base.BasePanel',
    xtype: 'interaction-timetable-list',

    controller: 'interaction-timetable-list',

    // dataUrl: 'http://10.1.80.47:9520/api/school/curriculum/list',
    dataUrl: '/api/school/curriculum/list',
    _title: '课程表',
    caller: 'Curriculum',
    pathKey: 'curriculum',

    initComponent: function() {
        var me = this;
        Ext.apply(this, {
            searchField: [{
                xtype: 'textfield',
                name: 'mcur_name',
                fieldLabel: '课表名称'
            }, {
                xtype: 'gradecombo',
                name: 'grade_name',
                fieldLabel: '年级',
                listeners: {
                    select: function (combo, record, eOpts) {
                        combo.up('form').getForm().findField('clazz_name').setValue(null);
                    }
                }
            }, {
                xtype: 'classcombo',
                name: 'clazz_name',
                fieldLabel: '班级',
                listeners: {
                    expand: function (combo, eOpts) {
                        combo.store.clearFilter();

                        var gradeCombo = combo.up('form').getForm().findField('grade_name');
                        var gradeName = gradeCombo.getValue();

                        var filter = new Ext.util.Filter({
                            property: 'clazz_grade',
                            value: gradeName
                        });

                        if (!!gradeName) {
                            combo.store.setFilters([filter]);
                        }
                    },
                    select: function (combo, record, eOpts) {
                        combo.up('form').getForm().findField('grade_name').setValue(record.get('clazz_grade'));
                    }
                }
            }, {
                xtype: 'combobox',
                name: 'mcur_term_part',
                fieldLabel: '学年',
                queryModel: 'local',
                displayField: 'value',
                valueField: 'value',
                store: Ext.create('Ext.data.ArrayStore', {
                    fields: ['value'],
                    data: (function() {
                        let now = new Date();
                        let year = now.getFullYear();
                        let op = [], o1, o2;
                        o1 = [(year - 1) + '-' + year];
                        o2 = [year + '-' + (year + 1)];
                        op.push(o1);
                        op.push(o2);
                        return op;
                    })()
                }),
                value: (function() {
                    let now = new Date();
                    let year = now.getFullYear();
                    let month = now.getMonth() + 1;
                    let o1, o2;
                    o1 = [(year - 1) + '-' + year];
                    o2 = [year + '-' + (year + 1)];
                    return (month < 9) ? o1[0] : o2[0]
                })()
            }, {
                xtype: "combobox",
                name: "mcur_term_name",
                fieldLabel: "学期",
                queryModel: 'local',
                displayField: 'value',
                valueField: 'value',
                editable: false,
                clearable: true,
                store: Ext.create('Ext.data.ArrayStore', {
                    fields: ['value'],
                    data: [['第一学期'], ['第二学期']]
                }),
                value: (function() {
                    let now = new Date();
                    let month = now.getMonth() + 1;
                    return (month < 9) ? '第一学期' : '第二学期'
                })()
            }],
        
            gridConfig: {
                addTitle: '课程表',
                addXtype: 'interaction-timetable-detail',
                idField: 'id',
                codeField: 'name',
                detailField: 'name',
                dataUrl: me.dataUrl,
                caller: null,
                rootProperty: 'data.list',
                totalProperty: 'data.total',
                actionColumn: [],
                selModel: {
                    checkOnly:true,
                    type:'checkboxmodel',
                    mode : "MULTI" ,
                    ignoreRightMouseSelection : false
                },
                hiddenTools: false,
                toolBtns: [{
                    xtype: 'button',
                    text: '新增',
                    handler: 'onAddClick'
                }, {
                    xtype: 'importbutton',
                    text: '导入',
                    belong: me,
                    caller: me.caller,
                    pathKey: me.pathKey,
                    onSuccess: function () {
                        //刷新界面
                        var g = me.down('grid');
                        g.store.loadPage(g.store.currentPage);
                    }
                }, {
                    xtype: 'button',
                    text: '删除',
                    handler: function() {
                        let grid = this.up('grid'),
                            selectedRecords = grid.getSelection();
                        let data;

                        data = selectedRecords.map(function (r) {
                            return {
                                id: r.get('id')
                            };
                        });

                        if (data.length == 0) {
                            school.util.BaseUtil.showErrorToast('请先勾选需要删除的记录');
                            return;
                        }

                        grid.setLoading(true);
                        school.util.BaseUtil.request({
                            // url: 'http://10.1.80.36:9520/api/school/curriculum/batchDelete',
                            url: '/api/school/curriculum/batchDelete',
                            method: 'POST',
                            params: JSON.stringify({
                                baseDTOs: data
                            })
                        }).then(function (res) {
                            grid.setLoading(false);
                            school.util.BaseUtil.showSuccessToast('成功删除' + data.length + '条记录');
                            grid.store.loadPage(grid.store.currentPage);
                        }).catch(function (e) {
                            grid.setLoading(false);
                            school.util.BaseUtil.showErrorToast('删除失败: ' + e.message);
                        });
                    }
                }],
                columns : [{
                    text: 'id',
                    dataIndex: 'id',
                    hidden: true
                }, {
                    text: '课表名称',
                    dataIndex: 'name',
                    width: 120,
                    // tdCls: 'x-detail-column',
                    // listeners: {
                    //     click: function(view, td, row, col, e, record, tr, eOpts, event) {
                    //         let gridConfig = me.gridConfig;
                    //         school.util.BaseUtil.openTab(gridConfig.addXtype, gridConfig.addTitle + '(' + record.get('id') + ')', gridConfig.addXtype + record.get(gridConfig.idField), {
                    //             initId: record.get(gridConfig.idField)
                    //         });
                    //     }
                    // }
                }, {
                    text: '年级',
                    dataIndex: 'gradeName'
                }, {
                    text: '班级',
                    dataIndex: 'clazzName'
                }, {
                    text: '学年',
                    dataIndex: 'termPart'
                }, {
                    text: '学期',
                    dataIndex: 'termName',
                    width: 120
                }]
            },
        });
        this.callParent(arguments);
    },

    refresh: function() {
        Ext.StoreMgr.get('store_grade').load();
        Ext.StoreMgr.get('store_class').load();
        Ext.StoreMgr.get('store_subject').load();
        this.items.items[0].store.load();
    }
});