YtIoT/WebRoot/view/maintenance/scripts/maintenance.js

/**
 * maintenance.js 
 * 点位管理界面
 * emial: yaoqiang@chinausky.com
 * create: 2018-12-08
 */

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 company_code;
var myStore=null;
var V_LOGINNAME='',V_PASSWORD='';
var menuidx = '';
var mouseon;
var mouseoff;
var menu_click;
var baseUrl = '';

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

Ext.define('Maintenance',{
	extend: 'Ext.data.Model',
	fields: [
		{name:'id',  type:'string'},
		{name:'xh',  type:'int'},
		{name:'spot_name',  type:'string'},
		{name:'company_code',  type:'string'},
		{name:'spot_address',  type:'string'},
		{name:'spot_type',  type:'string'},
		{name:'type_name',  type:'string'},
		{name:'latest_change_time',  type:'string'},
		{name:'building_name',  type:'string'},
		{name:'equipment_code',  type:'string'},
		{name:'remarks',  type:'string'},
		{name:'picture_route',  type:'string'},
	]
});

function exportbtn_click(){
	baseUrl = document.getElementById('basePath').value;
	// V_LOGINNAME = $("#V_LOGINNAME").val();
	// V_PASSWORD = $("#V_PASSWORD").val();
	spot_name = document.getElementById('spot_name').value;
	spot_address = document.getElementById('spot_address').value;
	var fields = '';
	var array = ['id','spot_name','building_name','spot_address','type_name','spot_label_analysis','remarks','latest_change_time'];
	var excelname = ['编号','点位名称','所属建筑/项目','点位地址','设备类型','点位标签','点位备注','最新改动时间'];
	for(var i=0;i<8;i++){
		if(i>0)
			fields += ',';
	    fields += '{id:"'+array[i]+'",title:"'+excelname[i]+'",shown:"'+true+'"}';
	}
			var query = new Object();
			// query.V_LOGINNAME = V_LOGINNAME;
			// query.V_PASSWORD = V_PASSWORD;
			query.spot_name = spot_name;
			query.spot_address = spot_address;
			query.EXPORT_FILE = '维保点位列表';
			query.fields = '['+fields+']';
			$.ajax({
		        type:'POST',
		        url: baseUrl+"iot/excel/view/XjInspectionPointsExcel",
		        data: {
		        	queryJson : Ext.JSON.encode(query)
		    	 },
		    	 success: function(result){
		    		
			            var json = eval('(' + result + ')');
			            if(json.action=='dormExport'){
			                ConfirmStore = json.RESULT;
			               
			                var elemIF = document.createElement("iframe");
							elemIF.src = baseUrl+json.filename;
							elemIF.style.display = "none"; 
							document.body.appendChild(elemIF);
			            }
			    
			        }
		    });
			
}
function checkfilename(){
	var subwin = window.frames['maintenancefile_uploader'].contentWindow;
	subwin.setpic();
}

function checkfilename2(){
	var subwin = window.frames['maintenancefile_uploader2'].contentWindow;
	subwin.setpic2();
}
//var get_file = function(name){
////	alert("got file: '"+name+"'");
//	document.getElementById('add_picture').setAttribute('src',baseUrl+name);
//	Ext.getCmp('addURL').setValue(name);
//}
//
//var get_file2 = function(name){
////	alert("got file: '"+name+"'");
//	document.getElementById('upload_picture').setAttribute('src',baseUrl+name);
//	Ext.getCmp('uploadURL').setValue(name);
//}

var file_result = function(text){
	Ext.MessageBox.alert('错误信息',text);
	var hiddenFrame = document.getElementById('maintenancehiddenFrame');
	hiddenFrame.innerHTML='<iframe id="maintenancefile_uploader" width="0" height="0" frameborder="0" src="test.jsp"></iframe>';
}
var file_result2 = function(text){
	Ext.MessageBox.alert('错误信息',text);
	var hiddenFrame2 = document.getElementById('maintenancehiddenFrame2');
	hiddenFrame2.innerHTML='<iframe id="maintenancefile_uploader2" width="0" height="0" frameborder="0" src="test2.jsp"></iframe>';
}
var get_file = function(name){
//	alert("got file: '"+name+"'");
	Ext.MessageBox.alert('操作信息','文件上传成功');
	document.getElementById('add_picture').setAttribute('src',baseUrl+name);
	Ext.getCmp('addURL').setValue(name);
	var hiddenFrame = document.getElementById('maintenancehiddenFrame');
	hiddenFrame.innerHTML='<iframe id="maintenancefile_uploader" width="0" height="0" frameborder="0" src="test.jsp"></iframe>';
}

var get_file2 = function(name){
//	alert("got file: '"+name+"'");
	Ext.MessageBox.alert('操作信息','文件上传成功');
	document.getElementById('upload_picture').setAttribute('src',baseUrl+name);
	Ext.getCmp('uploadURL').setValue(name);
	var hiddenFrame2 = document.getElementById('maintenancehiddenFrame2');
	hiddenFrame2.innerHTML='<iframe id="maintenancefile_uploader2" width="0" height="0" frameborder="0" src="test2.jsp"></iframe>';
}

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


Ext.onReady(function(){  
	baseUrl = document.getElementById('basePath').value;
//	var pic_file = document.getElementById('pic_file').value;
	var theme = document.getElementById('theme').value;
	var chkIcon = '<img src="'+baseUrl+'res/img/common/check.gif"/>'
	var unchkIcon = '<img src="'+baseUrl+'res/img/common/uncheck.gif"/>'
//	company_code = document.getElementById('company_code').value;
	$("#V_LOGINNAME").val(sessionStorage.getItem('V_LOGINNAME'));
	$("#V_PASSWORD").val(sessionStorage.getItem('V_PASSWORD'));
	V_LOGINNAME = $("#V_LOGINNAME").val();
    V_PASSWORD = $("#V_PASSWORD").val();
	var countPerPage = 15;
	var maxHeight = 10000;
	
	var chkBoolean = function(flag) {
		if(flag)
			return chkIcon;
		return unchkIcon;
	}
	
	var queryJson = new Object();
	queryJson.V_LOGINNAME = V_LOGINNAME;
	// queryJson.V_PASSWORD =  V_PASSWORD;
//	queryJson.COMMSTATUS = 'NO';
	if((company_code!=null)&&(company_code!='null')&&(company_code.length>0))
		queryJson.company_code = company_code;
	
	Ext.define('QrcodeAnalysis2',{
		extend:'Ext.data.Model',
		fields: [
			{name:'building_name',  type:'string'},
			{name:'building_id',type:'string'}
		]
	});
	
	var getManufacturerId2 = Ext.create('Ext.data.Store',{
		model: 'QrcodeAnalysis2',
	    proxy: {
	        type: 'ajax',
	        actionMethods: {
                create : 'POST',
                read   : 'POST', // by default GET
                update : 'POST',
                destroy: 'POST'
	        },
	        url: baseUrl+'iot/company/view/getBuildingNameList',
	        reader: {
	            type: 'json',
	            root: 'RESULT',
	            totalProperty: 'totalCount'
	        },
	        extraParams:{
	        	queryJson:Ext.JSON.encode(queryJson)
	        }
	    }
	});
	
	var clear_append_form = function (){
		Ext.getCmp('fa_spot_name').setValue("");
		Ext.getCmp('fa_company_code').setValue("");
		Ext.getCmp('fa_spot_address').setValue("");
		Ext.getCmp('fa_equipment_code').setValue("");
		Ext.getCmp('fa_spot_type').setValue(false);
		Ext.getCmp('fa_message').setValue("");
//		Ext.getCmp('fa_id').setValue("");	
		Ext.getCmp('MaintenanceListPageToolbar').moveFirst();
	}
	
	
	myStore = Ext.create('Ext.data.Store', {
	    model: 'Maintenance',
	    pageSize: countPerPage, 
	    proxy: {
	        type: 'ajax',
	        actionMethods: {
                create : 'POST',
                read   : 'POST', // by default GET
                update : 'POST',
                destroy: 'POST'
	        },
	        url: baseUrl+'iot/inspectionpoints/getList',
	        reader: {
	            type: 'json',
	            root: 'RESULT',
	            totalProperty: 'totalCount'
	        },
	        extraParams:{
	        	queryJson:Ext.JSON.encode(queryJson)
	        }
	    },
//	    sorters:[{
//	    	property:'data_time',
//	    	direction:'DESC'
//	    }],
	    remoteSort: true
	});	
	
	var clear_modify_form = function (){
		Ext.getCmp('fm_spot_name').setValue("");
		Ext.getCmp('fm_company_code').setValue("");
		Ext.getCmp('fm_spot_address').setValue("");
		Ext.getCmp('fm_equipment_code').setValue("");
		Ext.getCmp('fm_spot_type').setValue(false);
		Ext.getCmp('fm_message').setValue("");
		Ext.getCmp('fm_id').setValue("");
		Ext.getCmp('MaintenanceListPanel').getStore().reload();
	}
	
	
	var uploadForm = Ext.create('Ext.form.Panel', {
    	id: 'uploadForm',
//    	labelWidth: 55,
		url: baseUrl+'iot/inspectionpoints/update',
		defaultType: 'textfield',
//		bodyPadding: 15,
		layout:'anchor',
		items: [{
				fieldLabel:'点位名称',
				id: 'fm_spot_name',
				name:'spot_name',
				maxLength:20,
				maxLengthText:'长度不得超出{0}',
				anchor:'50%'
		},{
			fieldLabel:'所属建筑/项目',
			id:'fm_company_code',
			hiddenName:'company_code',
			xtype:'combo',
			store:getManufacturerId2,
			displayField : 'building_name',  
	        valueField : 'building_id',
	        editable : false,
	        anchor:'50%'
	        
		},{
			fieldLabel:'点位地址',
			id: 'fm_spot_address',
			name:'spot_address',
			maxLength:30,
			maxLengthText:'长度不得超出{0}',
			anchor:'50%'
		},{
			fieldLabel:'设备编号',
			id: 'fm_equipment_code',
			name:'equipment_code',
			maxLength:30,
			maxLengthText:'长度不得超出{0}',
			anchor:'50%'
		},{
			xtype:'fieldcontainer',
            fieldLabel:'设备类型',
            defaultType:'radiofield',
            id:"fm_spot_type",
            defaults:{
                flex:1
            },
            layout:'hbox',
	        items: [
	               {boxLabel: '水系统', name: '设备类型',inputValue:"1",id:'radio1'},
	               {boxLabel: '火系统', name: '设备类型',inputValue:"2",id:'radio2'},
	               {boxLabel: '电气火灾', name: '设备类型',inputValue:"3",id:'radio3'},
	               {boxLabel: '气体灭火', name: '设备类型',inputValue:"4",id:'radio4'},
	               {boxLabel: 'RTU', name: '设备类型',inputValue:"5",id:'radio5'},
	               {boxLabel: '视频监控', name: '设备类型',inputValue:"6",id:'radio6'},
	               {boxLabel: '其他', name: '设备类型',inputValue:"7",id:'radio7'},
	    ]},{
	    	 xtype:'textareafield',
	         grow:true,
	         height: 100,
	         id: 'fm_message',
	         name:'message',
	         fieldLabel:'备注',
	         anchor:'90%'
		},{
			id: 'fm_id',
			name:'id',
			hidden:true
		},{
			id:'fm_queryJson',
			name:'queryJson',
			hidden:true
		},{
			name: 'uploadURL',
			id : 'uploadURL',
			hidden: true
		}]
    });
	
	var addForm = Ext.create('Ext.form.Panel', {
    	id: 'addForm',
//    	labelWidth: 55,
		url: baseUrl+'iot/inspectionpoints/append',
		defaultType: 'textfield',
//		bodyPadding: 15,
		layout:'anchor',
		items: [{
				fieldLabel:'点位名称',
				id: 'fa_spot_name',
				name:'spot_name',
				maxLength:20,
				maxLengthText:'长度不得超出{0}',
				anchor:'50%'
		},{
			fieldLabel:'所属建筑/项目',
			id:'fa_company_code',
			name:'company_code',
			xtype:'combo',
			store:getManufacturerId2,
			displayField : 'building_name',  
	        valueField : 'building_id',
	        editable : false,
	        anchor:'50%'
	        
		},{
			fieldLabel:'点位地址',
			id: 'fa_spot_address',
			name:'spot_address',
			maxLength:30,
			maxLengthText:'长度不得超出{0}',
			anchor:'50%'
		},{
			fieldLabel:'设备编号',
			id: 'fa_equipment_code',
			name:'equipment_code',
			maxLength:30,
			maxLengthText:'长度不得超出{0}',
			anchor:'50%'
		},{
			xtype:'fieldcontainer',
            fieldLabel:'设备类型',
            defaultType:'radiofield',
            columns:2,
            id:"fa_spot_type",
            defaults:{
                flex:1
            },
            layout:'hbox',
	        items: [
	               {boxLabel: '水系统', name: 'fa_spot_type',inputValue:"1",id:'radio8'},
	               {boxLabel: '火系统', name: 'fa_spot_type',inputValue:"2",id:'radio9'},
	               {boxLabel: '电气火灾', name: 'fa_spot_type',inputValue:"3",id:'radio10'},
	               {boxLabel: '气体灭火', name: 'fa_spot_type',inputValue:"4",id:'radio11'},
	               {boxLabel: 'RTU', name: 'fa_spot_type',inputValue:"5",id:'radio12'},
	               {boxLabel: '视频监控', name: 'fa_spot_type',inputValue:"6",id:'radio13'},
	               {boxLabel: '其他', name: 'fa_spot_type',inputValue:"7",id:'radio14'},
	    ]},{
	    	 xtype:'textareafield',
	         grow:true,
	         height: 100,
	         id: 'fa_message',
	         name:'message',
	         fieldLabel:'备注',
	         anchor:'90%'
		}
//	    ,{
//			id: 'fm_id',
//			name:'id',
//			hidden:true
//		}
	    ,{
			id:'fa_queryJson',
			name:'queryJson',
			hidden:true
		},{
			name: 'addURL',
			id : 'addURL',
			hidden: true
		}]
    });
	
	var upload_pic = function() {
		 Ext.create('Ext.window.Window', {
			id:'maintenance_pic_win1',
		    title: '图片上传',
		    height: 200,
		    width: 300,
		    layout: 'fit',
		    modal:true,
		    buttons:[
		    	{
		    		text:'关闭',
		    		 handler : function() {
		    			 Ext.getCmp('maintenance_pic_win1').destroy();
		    		 }
		    	}
		    ],
		    closeAction:'destroy',
		    html:'<iframe  src="test2.jsp" width=300 height=200 frameborder="no"></iframe>'
		 }).show();

		}
	
	var adUploadForm = Ext.create('Ext.form.Panel', {
		id: 'adUploadForm',
        layout: 'form',
//        title:'设备图片：',
        items:[{
        layout: 'hbox',
        items: [{
                xtype: 'box',//或者xtype: 'component',
                title:'点位图片',
                id: 'upload_picture',
                width: 110,//图片宽度  
                height: 110,//图片高度  
                margin:'0 0 30 150',
                autoEl: {
                    tag: 'img',//指定为img标签
                    src: '../../res/img/common/shangchaun.png',
                    style : 'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);width:110px;height:110px;text-align:center;'
                },
                listeners : {
                            render : function() {
                                Ext.fly(this.el).on("click",function() {
                                checkfilename2();
                });}}
                	
            }
        ]}]
    });
	
	var add_pic = function() {
	 Ext.create('Ext.window.Window', {
		id:'maintenance_pic_win',
	    title: '图片上传',
	    height: 200,
	    width: 300,
	    layout: 'fit',
	    modal:true,
	    buttons:[
	    	{
	    		text:'关闭',
	    		 handler : function() {
	    			 Ext.getCmp('maintenance_pic_win').destroy();
	    		 }
	    	}
	    ],
	    closeAction:'destroy',
	    html:'<iframe  src="test.jsp" width=300 height=200 frameborder="no"></iframe>'
	 }).show();

	}
	var adaddForm = Ext.create('Ext.form.Panel', {
        id: 'adaddForm',
        layout: 'form',
//        title:'设备图片：',
        items:[{
        layout: 'hbox',
        items: [{
                xtype: 'box',//或者xtype: 'component',
                title:'点位图片',
                id: 'add_picture',
                width: 110,//图片宽度  
                height: 110,//图片高度  
                margin:'0 0 30 150',
                autoEl: {
                    tag: 'img',//指定为img标签
                    src: '../../res/img/common/shangchaun.png',
                    style : 'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);width:110px;height:110px;text-align:center;'
                },
                listeners : {
                            render : function() {
                                Ext.fly(this.el).on("click",function() {
                                checkfilename();
                });}}
                	
            }
        ]}]
    });
	
	var uploadWin = Ext.create('Ext.window.Window', {
		id: 'uploadWin',
	    title: '<div id="maintenance_upload_win">修改维保点位</div>',
	    height: 500,
	    width: 650,
	    maximizable: true,
	    modal: true,
	    closeAction: 'hide',
	    items: [
	    	uploadForm,adUploadForm
	    ],
	    buttons: [
	        {
	        	text: '保存',
	        	handler: function(){
					var uploadURL=Ext.getCmp('uploadURL').getValue();
					if(uploadURL == "" || uploadURL == null){
	        			Ext.Msg.alert('系统提示', '请上传图标'+fa_spot_type);
	        			return;
	        		}
	        		var fm_spot_name=Ext.getCmp('fm_spot_name').getValue();
					if(fm_spot_name == null || fm_spot_name == ""){
						Ext.Msg.alert('系统提示', '点位名称不能为空!');
	        			return;
					}
	        		var fm_company_code=Ext.getCmp('fm_company_code').getValue();
					if(fm_company_code == null || fm_company_code == ""){
						Ext.Msg.alert('系统提示', '请选择所属建筑/项目!');
	        			return;
					}
	        		var fm_spot_address=Ext.getCmp('fm_spot_address').getValue();
					if(fm_spot_address == null || fm_spot_address == ""){
						Ext.Msg.alert('系统提示', '点位地址不能为空!');
	        			return;
					}
	        		var fm_equipment_code=Ext.getCmp('fm_equipment_code').getValue();
					if(fm_equipment_code == null || fm_equipment_code == ""){
						Ext.Msg.alert('系统提示', '设备编号不能为空!');
	        			return;
					}
//	        		var fm_spot_type=Ext.getCmp('fm_spot_type').getChecked();
	        		var fm_spot_type=uploadForm.form.findField("设备类型").getGroupValue()
					if(fm_spot_type == null || fm_spot_type == ""){
						Ext.Msg.alert('系统提示', '请选择设备类型!');
	        			return;
					}
//	        		var fm_spot_type = addForm.getForm().findField("fm_spot_type").getGroupValue();
	        		var fm_message=Ext.getCmp('fm_message').getValue();
	        		var fm_id=Ext.getCmp('fm_id').getValue();
	        		var query = new Object();
	        		query.id = fm_id;
	        		query.spot_name = fm_spot_name;
	        		query.company_code = fm_company_code;
	        		query.spot_address = fm_spot_address;
	        		query.equipment_code = fm_equipment_code;
	        		query.spot_type = fm_spot_type;
	        		query.remarks = fm_message;
	        		query.picture_route = uploadURL;
	        		// query.V_LOGINNAME = V_LOGINNAME;
		        	// query.V_PASSWORD =  V_PASSWORD;
		        	var jsonstr = Ext.JSON.encode(query);
		        	Ext.getCmp('fm_queryJson').setValue(jsonstr);
	        		Ext.getCmp('uploadForm').submit({
	        			success: function(form, action){
	        	       		Ext.getCmp('upload_picture').getEl().dom.src='../../res/img/common/shangchaun.png';
	        	       		Ext.getCmp('uploadForm').getForm().reset();
	        	       		Ext.getCmp('adUploadForm').getForm().reset();
	        	       		Ext.getCmp('MaintenanceListPageToolbar').moveFirst();
	        				Ext.Msg.alert('系统提示', '保存成功!');
	        				uploadWin.hide();
	        			},
	        			failure: function(form, action){
	        				Ext.Msg.alert('系统提示', '保存失败!');
	        			}
	        		});
	        	}
	        },{
	        	text: '取消',
	        	handler: function(){
	        		this.up('window').hide();
		       		Ext.getCmp('upload_picture').getEl().dom.src='../../res/img/common/shangchaun.png';
		       		Ext.getCmp('uploadForm').getForm().reset();
		       		Ext.getCmp('adUploadForm').getForm().reset();
		       		Ext.getCmp('MaintenanceListPageToolbar').moveFirst();
	        	}
	        }]
	});
	
	var addWin = Ext.create('Ext.window.Window', {
		id: 'addWin',
	    title: '增加维保点位',
	    height: 500,
	    width: 650,
	    maximizable: true,
	    modal: true,
	    closeAction: 'hide',
	    items: [
	    	addForm,adaddForm
	    ],
	    buttons: [
	        {
	        	text: '保存',
	        	handler: function(){
	        		var fa_spot_name=Ext.getCmp('fa_spot_name').getValue();
					if(fa_spot_name == null || fa_spot_name == ""){
						Ext.Msg.alert('系统提示', '点位名称不能为空!');
	        			return;
					}
	        		var fa_company_code=Ext.getCmp('fa_company_code').getValue();
					if(fa_company_code == null || fa_company_code == ""){
						Ext.Msg.alert('系统提示', '请选择所属建筑/项目!');
	        			return;
					}
	        		var fa_spot_address=Ext.getCmp('fa_spot_address').getValue();
					if(fa_spot_address == null || fa_spot_address == ""){
						Ext.Msg.alert('系统提示', '点位地址不能为空!');
	        			return;
					}
	        		var fa_equipment_code=Ext.getCmp('fa_equipment_code').getValue();
					if(fa_equipment_code == null || fa_equipment_code == ""){
						Ext.Msg.alert('系统提示', '设备编号不能为空!');
	        			return;
					}
	        		var fa_spot_type = addForm.getForm().findField("fa_spot_type").getGroupValue();
					if(fa_spot_type == null || fa_spot_type == ""){
						Ext.Msg.alert('系统提示', '请选择设备类型!');
	        			return;
					}
	        		var fa_message=Ext.getCmp('fa_message').getValue();
	        		var addURL = Ext.getCmp('addURL').getValue();
	        		if(addURL == "" || addURL == null){
	        			Ext.Msg.alert('系统提示', '请上传图标'+fa_spot_type);
	        			return;
	        		}
	        		var query = new Object();
	        		query.spot_name = fa_spot_name;
	        		query.company_code = fa_company_code;
	        		query.spot_address = fa_spot_address;
	        		query.equipment_code = fa_equipment_code;
	        		query.spot_type = fa_spot_type;
	        		query.remarks = fa_message;
	        		query.picture_route = addURL;
	        		// query.V_LOGINNAME = V_LOGINNAME;
		        	// query.V_PASSWORD =  V_PASSWORD;
		        	var jsonstr = Ext.JSON.encode(query);
		        	Ext.getCmp('fa_queryJson').setValue(jsonstr);
		        	Ext.getCmp('addForm').submit({
	        			success: function(form, action){
	        	       		Ext.getCmp('add_picture').getEl().dom.src='../../res/img/common/shangchaun.png';
	        	       		Ext.getCmp('addForm').getForm().reset();
	        	       		Ext.getCmp('adaddForm').getForm().reset();
	        	       		Ext.getCmp('MaintenanceListPageToolbar').moveFirst();
	        				Ext.Msg.alert('系统提示', '保存成功!');
	        			},
	        			failure: function(form, action){
	        				Ext.Msg.alert('系统提示', '保存失败!');
	        				
	        			}
	        		});
	        	}
	        },{
	        	text: '取消',
	        	handler: function(){
	        		this.up('window').hide();
		       		Ext.getCmp('add_picture').getEl().dom.src='../../res/img/common/shangchaun.png';
		       		Ext.getCmp('addForm').getForm().reset();
		       		Ext.getCmp('adaddForm').getForm().reset();
		       		Ext.getCmp('MaintenanceListPageToolbar').moveFirst();
	        	}
	        }]
	});
	
	var addhtml=function(){ 
		  var adaddFormhtml = document.getElementById('adaddForm');
		  var title = document.createElement('div');
		  title.setAttribute('class','Maintenancediv_title_weibao');
		  title.innerHTML='上传图片:';
		  adaddFormhtml.appendChild(title);
		 }
	var uploadhtml=function(){ 
		  var uploadFormhtml = document.getElementById('adUploadForm');
		  var title = document.createElement('div');
		  title.setAttribute('class','Maintenancediv_title_weibao');
		  title.innerHTML='上传图片:';
		  uploadFormhtml.appendChild(title);
		 }
	
	var uploadPop = function(){
		uploadWin.show();
		 uploadhtml();
	}
	var addPop = function(){
		addWin.show();
		addhtml();
    }
		
	var chk_sm = function() {
		if(sm.getCount()==1){
			uploadPop();
			getManufacturerId2.reload();
			var div = Ext.getCmp('fm_company_code');
			var selected = sm.getSelection( );
			Ext.getCmp('fm_id').setValue(selected[0].raw.id);
			Ext.getCmp('fm_spot_name').setValue(selected[0].raw.spot_name);
			div.setValue(selected[0].raw.company_code);
			Ext.getCmp('fm_spot_address').setValue(selected[0].raw.spot_address);
			Ext.getCmp('fm_equipment_code').setValue(selected[0].raw.equipment_code);
//			Ext.getCmp('fm_spot_type').setValue(selected[0].raw.spot_type);
			var a = selected[0].raw.spot_type;
			if(Number(a) ==1){
				var radio = Ext.getCmp('radio1');
	            radio.setValue(true);
			}else if(Number(a)==2){
				var radio = Ext.getCmp('radio2');
	            radio.setValue(true);
			}else if(Number(a)==3){
				var radio = Ext.getCmp('radio3');
	            radio.setValue(true);
			}else if(Number(a)==4){
				var radio = Ext.getCmp('radio4');
	            radio.setValue(true);
			}else if(Number(a)==5){
				var radio = Ext.getCmp('radio5');
	            radio.setValue(true);
			}else if(Number(a)==6){
				var radio = Ext.getCmp('radio6');
	            radio.setValue(true);
			}else if(Number(a)==7){
				var radio = Ext.getCmp('radio7');
	            radio.setValue(true);
			}
			Ext.getCmp('fm_message').setValue(selected[0].raw.remarks);
			Ext.getCmp('uploadURL').setValue(selected[0].raw.picture_route);
			var formPanel = Ext.getCmp('adUploadForm');
			var imageShow_box = formPanel.down('box[id=upload_picture]');//预览的图片框对象
            var imageShow_box_dom = imageShow_box.getEl().dom;
            imageShow_box_dom.src = baseUrl+(selected[0].raw.picture_route);
//			document.getElementById('upload_picture').setAttribute('src',baseUrl+(selected[0].raw.picture_route));
		}else{
			Ext.Msg.alert('请先选择','请先选择一条记录，再点击修改');
		}
	}
	
	var del_sm = function() {
		if(sm.getCount()==1){
			var selected = sm.getSelection( );
			var query = new Object();
			var list = new Array();
			var o = new Object();
			o.id = selected[0].raw.id;
			list.push(o);
			query.ID_LIST = list;
			var jsonstr= Ext.JSON.encode(query);
			Ext.MessageBox.confirm('删除维保点位','是否删除'+selected[0].raw.spot_name+' 维保点位？',function(btn){
				if(btn=='yes'){
					$.ajax({
			             type:'POST',
			             url: baseUrl+"iot/inspectionpoints/del",
			             data: {
			              queryJson : jsonstr
			            
			           },
			           success: function(result){
			             
			                 var json = eval('(' + result + ')');
			                 if(json.action=='deleteInspectionPoints'){
			                     if(json.success==true){
			                       Ext.Msg.alert('操作成功', json.MSG , function(btn,txt){
			                	      Ext.getCmp('MaintenanceListPanel').getStore().reload();
			                       }); 
			                	 }else{
			                		 Ext.Msg.alert('操作失败', json.MSG , function(btn,txt){
				                	      Ext.getCmp('MaintenanceListPanel').getStore().reload();
				                      }); 
			                	 }
			                 }
			             
			            }
			            
			     });
				
				}
			},this);
		}else{
			if(sm.getCount()>1){
				var query = new Object();
				var list = new Array();
				for(var i=0;i<sm.getCount();i++){
					var selected = sm.getSelection( );
					var o = new Object();
					o.id = selected[i].raw.id;
					list.push(o);
				}
				query.ID_LIST = list;
				
				var jsonstr= Ext.JSON.encode(query);
				Ext.MessageBox.confirm('删除维保点位','是否删除选中的'+sm.getCount()+' 个维保点位？',function(btn){
					if(btn=='yes'){
						
						$.ajax({
				             type:'POST',
				             url: baseUrl+"iot/inspectionpoints/del",
				             data: {
				              queryJson : jsonstr
				            
				           },
				           success: function(result){
				             
				             var json = eval('(' + result + ')');
				             if(json.action=='deleteInspectionPoints'){
			                     if(json.success==true){
			                       Ext.Msg.alert('操作成功', json.MSG , function(btn,txt){
			                	      Ext.getCmp('MaintenanceListPanel').getStore().reload();
			                       }); 
			                	 }else{
			                		 Ext.Msg.alert('操作失败', json.MSG , function(btn,txt){
				                	      Ext.getCmp('MaintenanceListPanel').getStore().reload();
				                      }); 
			                	 }
			                  }                     
				            }
				     });
					
					}
				},this);
			}else{
			Ext.Msg.alert('请先选择','至少选择一条记录，再点击删除');
		}
		}
	}
	
	var show_page = function(){
		var maintenance_title2_input = document.getElementById('maintenance_title2_input').value;
		var maintenance_title3_input1 = document.getElementById('maintenance_title3_input1').value;
		var query = new Object();
		if(maintenance_title2_input.length>0){
		  query.spot_name = maintenance_title2_input;
		  $("#spot_name").val(maintenance_title2_input);
		}
		if(maintenance_title3_input1.length>0){
		query.spot_address = maintenance_title3_input1;
		$("#spot_address").val(maintenance_title3_input1);
		}
		// query.V_LOGINNAME = V_LOGINNAME;
		// query.V_PASSWORD =  V_PASSWORD;
		var jsonstr = Ext.JSON.encode(query);
    	myStore.getProxy().extraParams = {
    		queryJson : jsonstr
    	};
    	Ext.getCmp('MaintenanceListPageToolbar').moveFirst();
	}
	
	var reset1 = function(){
		document.getElementById('maintenance_title2_input').value = '';
		document.getElementById('maintenance_title3_input1').value = '';
		show_page();
	}
	
	 mouseon = function(obj){
		var id = obj.id;
		$("#"+id).removeClass(id);
		$("#"+id).addClass(id+'_on');
	}
	
	 mouseoff = function(obj){
		var mid = "maintenance_";
		for(var i=1;i<7;i++){
			var id = "maintenance_title"+i+"_div";
			$("#"+id).removeClass(id+'_on');
			$("#"+id).addClass(id);
		}
		if(menuidx=='m1'){
			mid += 'title1_div';
		$("#"+mid).removeClass(mid);
		$("#"+mid).addClass(mid+'_on');
		}
		else if(menuidx=='m2'){
			mid += 'title2_div';
		$("#"+mid).removeClass(mid);
		$("#"+mid).addClass(mid+'_on');
		}
		else if(menuidx=='m3'){
			mid += 'title3_div';
		$("#"+mid).removeClass(mid);
		$("#"+mid).addClass(mid+'_on');
		}
		else if(menuidx=='m4'){
			mid += 'title4_div';
		$("#"+mid).removeClass(mid);
		$("#"+mid).addClass(mid+'_on');
		}
		else if(menuidx=='m5'){
			mid += 'title5_div';
		$("#"+mid).removeClass(mid);
		$("#"+mid).addClass(mid+'_on');
		}
		else if(menuidx=='m6'){
			mid += 'title6_div';
		$("#"+mid).removeClass(mid);
		$("#"+mid).addClass(mid+'_on');
		}
	}
	
	 menu_click = function(obj){
		var id = obj.id;
		if(id=='maintenance_title1_div'){
			menuidx = 'm1';
			show_page();
		}
		else if(id=='maintenance_title2_div'){
			menuidx = 'm2';
			reset1();
		}
		else if(id=='maintenance_title3_div'){
			menuidx = 'm3';
			exportbtn_click();
		}
		else if(id=='maintenance_title4_div'){
			menuidx = 'm4';
			del_sm();
		}
		else if(id=='maintenance_title5_div'){
			menuidx = 'm5';
			addPop();
		}
		else if(id=='maintenance_title6_div'){
			menuidx = 'm6';
			chk_sm();
		}
	}
	
	var piedarHtml = function() {
		var maintenanceHtml = document.getElementById('maintenanceHtml');
		var title = document.createElement('div');
		title.setAttribute('class','MaintenancePersonTitle');
		title.innerHTML='维保点位';
		maintenanceHtml.appendChild(title);
		var title2 = document.createElement('div');
		title2.setAttribute('class','title2_div');
		title2.innerHTML='点位名称';
		maintenanceHtml.appendChild(title2);
		var input = document.createElement('input');
		input.setAttribute('class','input_class');
		input.setAttribute('id','maintenance_title2_input');
		input.setAttribute('type','text');
		input.setAttribute('value','');
		maintenanceHtml.appendChild(input);
		var title3 = document.createElement('div');
		title3.setAttribute('class','title3_div');
		title3.innerHTML='点位地址';
		maintenanceHtml.appendChild(title3);
		var input1 = document.createElement('input');
		input1.setAttribute('class','input1_class');
		input1.setAttribute('id','maintenance_title3_input1');
		input1.setAttribute('type','text');
		input1.setAttribute('value','');
		maintenanceHtml.appendChild(input1);
		var title4 = document.createElement('div');
		title4.setAttribute('class','maintenance_title1_div');
		title4.setAttribute('id','maintenance_title1_div');
		title4.setAttribute('onmouseover',"mouseon(this)");
		title4.setAttribute('onmouseout',"mouseoff(this)");
		title4.setAttribute('onclick',"menu_click(this)");
		maintenanceHtml.appendChild(title4);
		var title5 = document.createElement('div');
		title5.setAttribute('class','maintenance_title2_div');
		title5.setAttribute('id','maintenance_title2_div');
		title5.setAttribute('onmouseover',"mouseon(this)");
		title5.setAttribute('onmouseout',"mouseoff(this)");
		title5.setAttribute('onclick',"menu_click(this)");
		maintenanceHtml.appendChild(title5);
		var title6 = document.createElement('div');
		title6.setAttribute('class','maintenance_title3_div');
		title6.setAttribute('id','maintenance_title3_div');
		title6.setAttribute('onmouseover',"mouseon(this)");
		title6.setAttribute('onmouseout',"mouseoff(this)");
		title6.setAttribute('onclick',"menu_click(this)");
		maintenanceHtml.appendChild(title6);
		var title7 = document.createElement('div');
		title7.setAttribute('class','maintenance_title4_div');
		title7.setAttribute('id','maintenance_title4_div');
		title7.setAttribute('onmouseover',"mouseon(this)");
		title7.setAttribute('onmouseout',"mouseoff(this)");
		title7.setAttribute('onclick',"menu_click(this)");
		maintenanceHtml.appendChild(title7);
		var title8 = document.createElement('div');
		title8.setAttribute('class','maintenance_title5_div');
		title8.setAttribute('id','maintenance_title5_div');
		title8.setAttribute('onmouseover',"mouseon(this)");
		title8.setAttribute('onmouseout',"mouseoff(this)");
		title8.setAttribute('onclick',"menu_click(this)");
		maintenanceHtml.appendChild(title8);
		var title9 = document.createElement('div');
		title9.setAttribute('class','maintenance_title6_div');
		title9.setAttribute('id','maintenance_title6_div');
		title9.setAttribute('onmouseover',"mouseon(this)");
		title9.setAttribute('onmouseout',"mouseoff(this)");
		title9.setAttribute('onclick',"menu_click(this)");
		maintenanceHtml.appendChild(title9);
	}
	
	var saveFile = function(data, filename){
	    var save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
	    save_link.href = data;
	    save_link.download = filename;
	    var event = document.createEvent('MouseEvents');
	    event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
	    save_link.dispatchEvent(event);
	}
	
	var downPng = function(canvas){
		console.log(canvas);
		var img_data1 = Canvas2Image.saveAsPNG(canvas, true).getAttribute('src');
		saveFile(img_data1, 'richer.png');
	}
	
	var cutDiv = function(){
		var content = document.getElementById("div_ceshi");
		html2canvas(content, {
	        onrendered: function(canvas) {
				 downPng(canvas);
	        }
		}); 
    } 
	
	var maintenancelabel = function(){
		  var maintenance_look_label = document.getElementById('maintenance_look_label');
		  var div3 = document.createElement('div');
		  div3.setAttribute('id','div_ceshi');
		  maintenance_look_label.appendChild(div3);
		  var div7 = document.createElement('div');
		  div7.style.width='100%';
		  div7.style.height='130px';
		  div7.style.textAlign='center';
		  div7.style.verticalAlign='middle';
		  div7.style.background='#fff';
		  div7.setAttribute('id','div_ceshi7');
		  div3.appendChild(div7);
		  var span = document.createElement('span');
		  span.style.height='100%';
		  span.style.display='inline-block';
		  span.style.verticalAlign='middle';
		  div7.appendChild(span);
		  var img = document.createElement('img');
		  img.width=110;
		  img.height=100;
		  img.style.verticalAlign='middle';
//		  img.src = "../../tp/57988c26-20fd-4782-ac99-3aec6cb4d7ce.png";
		  img.src = baseUrl+ConfirmStore[0].spot_label_route;
		  div7.appendChild(img);
		  var div8 = document.createElement('div');
		  div8.style.width='100%';
		  div8.style.height='130px';
		  div8.style.background='#77FF00';
		  div8.setAttribute('id','div_ceshi8');
		  div3.appendChild(div8);
		  var div4 = document.createElement('div');
		  div4.style.textAlign='left';
		  div4.style.color='#000';
		  div4.innerHTML='点位名称:'+ConfirmStore[0].spot_name;
		  div8.appendChild(div4);
		  var div5 = document.createElement('div');
		  div5.style.textAlign='left';
		  div5.style.color='#000';
		  div5.innerHTML='点位地址:'+ConfirmStore[0].spot_address;
		  div8.appendChild(div5);
		  var div6 = document.createElement('div');
		  div6.style.textAlign='left';
		  div6.style.color='#000';
		  div6.innerHTML='点位编号:'+ConfirmStore[0].spot_label_analysis;
		  div8.appendChild(div6);
		  var div7 = document.createElement('div');
		  div7.style.textAlign='left';
		  div7.style.color='#000';
		  div7.innerHTML='设备编号:'+ConfirmStore[0].equipment_code;
		  div8.appendChild(div7);
		 }
	
	var editRow = function(spot_id){
		var spot_id = spot_id;
		Ext.create('Ext.window.Window', {
			id:'maintenance_data_win',
		    height: 300,
		    width: 250,
		    layout: 'fit',
		    modal:true,
		    buttons:[
		    	{
		    		text:'下载',
		    		handler : function () {
		    			cutDiv();
		    		 }
		    	},{
		    		text:'关闭',
		    		 handler : function() {
		    			 Ext.getCmp('maintenance_data_win').destroy();
		    		 }
		    	}
		    ],
		    closeAction:'destroy',
		    html:'<div id="maintenance_look_label"></div>'
		}).show();
		var query = new Object();
		query.V_LOGINNAME = $("#V_LOGINNAME").val();
		// query.V_PASSWORD = $("#V_PASSWORD").val();
		query.id = spot_id;
		$.ajax({
	        type:'POST',
	        url: baseUrl+"iot/inspectionpoints/getList",
	        data: {
	        	queryJson : Ext.JSON.encode(query)
	    	 },
	        success: function(result){
	            var json = eval('(' + result + ')');
	            if(json.action=='getInspectionPointsList'){
	                ConfirmStore = json.RESULT;
	                maintenancelabel(ConfirmStore);
	       
	            }
	        } 
	    });
	}
	
	var maintenancedevice = function(){
		var maintenance_look_device = document.getElementById('maintenance_look_device');
		var img = document.createElement('img');
		img.width=400;
		img.height=400;
		img.src = baseUrl+ConfirmStore[0].picture_route;
		img.setAttribute('class','maintenance_look_device_img');
		maintenance_look_device.appendChild(img);
		var div4 = document.createElement('div');
		div4.style.textAlign='center';
		div4.innerHTML=ConfirmStore[0].remarks;
		maintenance_look_device.appendChild(div4);
	}
	
	var editMaintenance = function(spot_id){
		var spot_id = spot_id;
		Ext.create('Ext.window.Window', {
			id:'maintenance_data_win1',
		    height: 500,
		    width: 400,
		    layout: 'fit',
		    modal:true,
		    buttons:[
		    	{
		    		text:'关闭',
		    		 handler : function() {
		    			 Ext.getCmp('maintenance_data_win1').destroy();
		    		 }
		    	}
		    ],
		    closeAction:'destroy',
		    html:'<div id="maintenance_look_device"></div>'
		}).show();
		var query = new Object();
		query.V_LOGINNAME = $("#V_LOGINNAME").val();
		// query.V_PASSWORD = $("#V_PASSWORD").val();
		query.id = spot_id;
		$.ajax({
	        type:'POST',
	        url: baseUrl+"iot/inspectionpoints/getList",
	        data: {
	        	queryJson : Ext.JSON.encode(query)
	    	 },
	        success: function(result){
	            var json = eval('(' + result + ')');
	            if(json.action=='getInspectionPointsList'){
	                ConfirmStore = json.RESULT;
	                maintenancedevice(ConfirmStore);
	       
	            }
	        } 
	    });
	}
	
	var MaintenancePanel = Ext.create('Ext.grid.Panel', {
		header :{
			height:0,
			border:'0px solid #000000'
		},
	    id: 'MaintenanceListPanel',
	    store: myStore,
	    selModel: sm,
	    columns: [
	    	 { header: 'ID',  dataIndex: 'id',hidden:true, menuDisabled:true },
	    	 { header: '图片路径',  dataIndex: 'picture_route',hidden:true, menuDisabled:true },
	    	 { header: '序号',  dataIndex: 'xh', width:37, menuDisabled:true },
		     { header: '点位名称', dataIndex: 'spot_name', width:250,align:'center', menuDisabled:true },
		     { header: '所属建筑/项目', dataIndex: 'building_name', width:300,align:'center', menuDisabled:true },
		     { header: '点位地址', dataIndex: 'spot_address', width:250,align:'center', menuDisabled:true },
		     { header: '设备类型', dataIndex: 'type_name',width:100, align:'center', menuDisabled:true },
		     { header: '最新改动时间', dataIndex: 'latest_change_time',width:300, align:'center', menuDisabled:true },
		     { header: '备注',  dataIndex: 'remarks',hidden:true, menuDisabled:true },
		     { header: '类型值',  dataIndex: 'spot_type',hidden:true, menuDisabled:true },
		     { 
					text:'点位标签',
		        	xtype : 'actioncolumn',
		        	width:100,
		        	sortable:false,
		        	align:'center',
		        	menuDisabled:true,
		        	items:[{
		        		icon: '../../res/img/common/chakanbtn.png',
		        		tooltip: '点位标签',
		        		handler: function(grid, rowIndex, colIndex) {
		                    var rec = grid.getStore().getAt(rowIndex);
		                    editRow(rec.get("id"));
		                }
		        	}]
	    		},
		     { 
					text:'点位详情',
		        	xtype : 'actioncolumn',
		        	width:100,
		        	sortable:false,
		        	align:'center',
		        	menuDisabled:true,
		        	items:[{
		        		icon: '../../res/img/common/tupianbtn.png',
		        		tooltip: '点位详情',
		        		handler: function(grid, rowIndex, colIndex) {
		                    var rec = grid.getStore().getAt(rowIndex);
		                    editMaintenance(rec.get("id"));
		                }
		        	}]
	    		}
		     
	    ],
	    columnLines: true,
	    height: maxHeight,
	    width: '100%',
	    bbar: new Ext.PagingToolbar({  
            store: myStore,  
            id:'MaintenanceListPageToolbar',
            displayInfo: true,  
            pageSize: countPerPage,  
            prependButtons: true,  
            displayMsg : '显示第 {0}条到 {1}条记录，总共 {2}条',     
            emptyMsg : "没有记录",  
            firstText: '第一页',
            prevText: '前一页',
            nextText: '后一页',
            lastText: '最后一页',
            refreshText: '刷新',

        }),
//        frame: true,  
        border:false,  
        iconCls: 'icon-grid',
//        listeners:{
//       	 'cellclick' : function(grid, rowIndex, columnIndex, e){  
////       		var record = grid.getStore().getAt(rowIndex); //Get the Record
////       		 show_datapie(record);
//       		var div = Ext.getCmp('MaintenanceListPanel');
//       		var model = div.getSelectionModel();
//       		var record = model.getSelection()[0];
//       		var label = record.get('spot_name');
//       		if(columnIndex==8){ 
//       		 Ext.MessageBox.alert("标题触发了"+label);
//       		}
//       	 }
//       }
	});
	var piebar = Ext.create('Ext.panel.Panel',{
		id:'maintenanceHtml',
		width:'100%',
		height:188,
		region:'north',
		layout:'form',
		defaults:{  
            border:false
        }         	
	});
	new Ext.create('Ext.panel.Panel',{
		width:'100%',
		id: 'MaintenancePiebar',
		layout:'border',
		items:[
			piebar,MaintenancePanel
		],
	    renderTo: Ext.getBody()
	    
	});
	myStore.reload();
	$(window).resize(function(){
    	body_resize();
    });
	piedarHtml();
	body_resize();
});