YtIoT/WebRoot/view/frontpage/scripts/query.js

/**
 * query.js
 */

Ext.Loader.setConfig({
    enabled: true
});

Ext.Loader.setPath('Ext.ux', '../../res/extjs/examples/ux');

Ext.require([
    'Ext.grid.*',
    'Ext.data.*',
    'Ext.ux.RowExpander',
    'Ext.selection.CheckboxModel'
]);

var myStore;
var baseUrl;
var level;
var dwtype;
var objid;
var theme;
var pieMask;
var company_code;
var maxHeight = 10000;
var maxWidth = 10000;
var V_LOGINNAME = "";

var sm = Ext.create('Ext.selection.CheckboxModel');


Ext.define('queryOption',{
	extend: 'Ext.data.Model',
	fields: [
		{ name:'id', type:'int'},
		{ name:'name',	type:'string' },
		{ name:'status',	type:'string' },
		{ name:'device_code',	type:'string' },
		{ name:'company_code',	type:'string' },
		{ name:'company_name',	type:'string' },
		{ name:'fullname', type:'string' },
		{ name:'time', type:'string' },
		{ name:'data', type:'string' },
		{ name:'data2', type:'string' },
		{ name:'clzt', type:'string' },
		{ name:'clr_name', type:'string' },
		{ name:'clnr', type:'string' },
		{ name:'clsj', type:'string' }
	]
});

var body_resize = function(){
	maxHeight =  document.documentElement.clientHeight;
	maxWidth = document.documentElement.clientWidth;
	Ext.getCmp('queryPanel').setHeight(maxHeight);
	Ext.getCmp('queryPanel').setWidth(maxWidth);
}

Ext.onReady(function(){  
	baseUrl = document.getElementById('basePath').value;
	theme = document.getElementById('theme').value;
	dwtype= document.getElementById('dwtype').value;
	level = document.getElementById('level').value;
	objid = document.getElementById('objid').value;
	company_code = document.getElementById('company_code').value;
	$("#V_LOGINNAME").val(sessionStorage.getItem('V_LOGINNAME'));
	V_LOGINNAME = $("#V_LOGINNAME").val();
	var queryJson = new Object();
	queryJson.dwtype = dwtype;
	queryJson.level = level;
	queryJson.objid = objid;
	queryJson.company_code = company_code;
	queryJson.V_LOGINNAME = V_LOGINNAME;
	myStore = Ext.create('Ext.data.Store', {
	    model: 'queryOption',
	    pageSize: 5, 
	    proxy: {
	        type: 'ajax',
	        actionMethods: {
                create : 'POST',
                read   : 'POST', // by default GET
                update : 'POST',
                destroy: 'POST'
	        },
	        url: baseUrl+'iot/frontpage/getAlarmList',
	        reader: {
	            type: 'json',
	            root: 'RESULT',
	            totalProperty: 'totalCount'
	        },
	        extraParams:{
	        	queryJson:Ext.JSON.encode(queryJson)
	        }
	    },
	    sorters:[{
	    	property:'time',
	    	direction:'DESC'
	    }],
	    remoteSort: true
	});
	var storeReload=function(){
		var queryJson = new Object();
		queryJson.dwtype = dwtype;
		queryJson.level = level;
		queryJson.objid = objid;
		queryJson.company_code = company_code;
		myStore.getProxy().extraParams = {queryJson:Ext.JSON.encode(queryJson)};
		myStore.reload();
		setTimeout(storeReload,30000);
	}
	
	var storeReload2=function(){
		var queryJson = new Object();
		queryJson.dwtype = dwtype;
		queryJson.level = level;
		queryJson.objid = objid;
		queryJson.company_code = company_code;
		myStore.getProxy().extraParams = {queryJson:Ext.JSON.encode(queryJson)};
		myStore.reload();
	}
 
	var proLevelGrid = Ext.create('Ext.grid.Panel', {
		header :{
			height:0,
			border:'0px solid #000000'
		},
	    titleCollapse:true,
	    id: 'queryPanel',
	    cellTip:true,
	    store: myStore,
	    columns: [
	    	{ header: 'id', dataIndex:'id',hidden:true, menuDisabled:true},
	        { header: '项目名称',  dataIndex: 'company_name',width:240, menuDisabled:true },
	        { header: '报告时间', dataIndex: 'time', width:160, menuDisabled:true },
	        { header: '报告数据', dataIndex: 'data', width:140, menuDisabled:true },
	        { header: '报告内容',  dataIndex: 'fullname', width:480, menuDisabled:true },
	        { header: '处理状态', dataIndex: 'clzt', width:100,  menuDisabled:true },
	        { header: '处理人', dataIndex: 'clr_name',width:150, menuDisabled:true },
	        { header: '处理时间', dataIndex: 'clsj', width:160, menuDisabled:true }
	    ],
	    columnLines: true,
//	    tbar: [
//			{ 
//				xtype: 'button',
//				iconCls:'delete_btn',
//				text: '刷新',
//				listeners: {
//					click: storeReload2
//				}
//			}
//			
//    	],
    	height: maxHeight,
	    width: '100%',
	    bbar: new Ext.PagingToolbar({  
            store: myStore,  
            id:'queryListPageToolbar',
            displayInfo: true,  
            pageSize: 5,  
            prependButtons: true,  
            displayMsg : '显示第 {0}条到 {1}条记录，总共 {2}条',     
            emptyMsg : "没有记录",  
            firstText: '第一页',
            prevText: '前一页',
            nextText: '后一页',
            lastText: '最后一页'

        }),
        frame: true,  
        border:false,  
        iconCls: 'icon-grid',
	    renderTo: Ext.getBody(),
	    listeners:{
	       	 'celldblclick' : function(grid, td, cellIndex, record, tr, rowIndex, e, eOpts){  
	                window.parent.frames.show_alarm_info(dwtype, 
	                		record.data.status,
	                		record.data.id,
	                		record.data.name,
	                		record.data.device_code,
	                		record.data.company_code,
	                		record.data.company_name,
	                		record.data.fullname,
	                		record.data.time,
	                		record.data.data,
	                		record.data.data2,
	                		record.data.clzt,
	                		record.data.clwb,
	                		record.data.clr_name,
	                		record.data.clnr,
	                		record.data.clsj);
	       	 }
       }
	}); 
	myStore.reload();
	body_resize();
});