/** * patrolpoint.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 myStore1=null; var V_LOGINNAME='',V_PASSWORD=''; var menuidx = ''; var mouseon; var mouseoff; var menu_click; var baseUrl = ''; var modifywin1; var MaintenanceCheckPanel1; //var MaintenanceCheckPanel2; var AllSelectedRecords = []; var AllSelectedRecords1 = []; var sm1; var sm2; var initflag = false; var initflag1 = false; 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'}, ] }); Ext.define('CheckRecord3',{ extend: 'Ext.data.Model', fields: [ {name:'id', type:'string'}, {name:'spot_id', type:'string'}, {name:'xh', type:'int'}, {name:'equipment_code', type:'string'}, {name:'device_name', type:'string'}, {name:'unitinfo', type:'string'}, ] }); Ext.define('patrolpoint1',{ extend: 'Ext.data.Model', fields: [ {name:'device_id', type:'string'}, {name:'device_name', type:'string'}, {name:'xh', type:'int'}, {name:'unitinfo', type:'string'}, ] }); Ext.define('patrolpoint2',{ extend: 'Ext.data.Model', fields: [ {name:'device_id', type:'string'}, {name:'device_name', type:'string'}, {name:'xh', type:'int'}, {name:'unitinfo', type:'string'}, {name:'pd', type:'string'}, ] }); function checkfilename(){ var subwin = window.frames['file_uploader'].contentWindow; subwin.setpic(); // add_pic(); } function checkfilename2(){ var subwin = window.frames['file_uploader2'].contentWindow; subwin.setpic2(); // add_pic(); } var add_pic = function() { Ext.create('Ext.window.Window', { id:'patrol_point_pic_win', title: '图片上传', height: 200, width: 300, layout: 'fit', modal:true, buttons:[ { text:'上传', handler : function() { var subwin = window.frames['file_uploader'].contentWindow; subwin.uploadpic(); Ext.getCmp('patrol_point_pic_win').destroy(); } } , { text:'关闭', handler : function() { Ext.getCmp('patrol_point_pic_win').destroy(); } } ], closeAction:'destroy', html:'
点击上传按钮提交图片文件
' }).show(); } 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/XjInspectionPointsExcel1", 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); } } }); } var file_result = function(text){ Ext.MessageBox.alert('错误信息',text); var hiddenFrame = document.getElementById('hiddenFrame'); hiddenFrame.innerHTML=''; } var file_result2 = function(text){ Ext.MessageBox.alert('错误信息',text); var hiddenFrame2 = document.getElementById('hiddenFrame2'); hiddenFrame2.innerHTML=''; } var get_file = function(name){ // alert("got file: '"+name+"'"); Ext.MessageBox.alert('操作信息','文件上传成功'); document.getElementById('patrol_add_picture').setAttribute('src',baseUrl+name); Ext.getCmp('patrol_point_addURL').setValue(name); var hiddenFrame = document.getElementById('hiddenFrame'); hiddenFrame.innerHTML=''; } var get_file2 = function(name){ // alert("got file: '"+name+"'"); Ext.MessageBox.alert('操作信息','文件上传成功'); document.getElementById('patrol_upload_picture').setAttribute('src',baseUrl+name); Ext.getCmp('patrol_point_uploadURL').setValue(name); var hiddenFrame2 = document.getElementById('hiddenFrame2'); hiddenFrame2.innerHTML=''; } var body_resize = function(){ maxHeight = document.documentElement.clientHeight; maxWidth = document.documentElement.clientWidth; Ext.getCmp('PatrolpointPiebar').setHeight(maxHeight); Ext.getCmp('PatrolpointPiebar').setWidth(maxWidth); } Ext.onReady(function(){ baseUrl = document.getElementById('basePath').value; var theme = document.getElementById('theme').value; var chkIcon = '' var unchkIcon = '' // 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; 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_patrol_spot_name').setValue(""); Ext.getCmp('fa_patrol_company_code').setValue(""); Ext.getCmp('fa_patrol_spot_address').setValue(""); // Ext.getCmp('fa_patrol_equipment_code').setValue(""); Ext.getCmp('fa_patrol_spot_type').setValue(false); Ext.getCmp('fa_patrol_point_message').setValue(""); // Ext.getCmp('fa_id').setValue(""); Ext.getCmp('PatrolpointListPageToolbar').moveFirst(); } var deselect_fun = function(record){ var index = AllSelectedRecords.indexOf(record.get("device_id")); if (index > -1) { AllSelectedRecords.splice(index, 1); return AllSelectedRecords; } } sm1 = Ext.create('Ext.selection.CheckboxModel',{ mode: "MULTI", listeners: { deselect: function (me, record, index, opts) { if(initflag){ // alert("初始化"); }else{ deselect_fun(record); } }, select: function (me, record, index, opts) { var index = AllSelectedRecords.indexOf(record.get("device_id")); if (index > -1) { return AllSelectedRecords; }else{ AllSelectedRecords.push(record.get("device_id")); return AllSelectedRecords; } } } }); var deselect_fun1 = function(record){ var index = AllSelectedRecords1.indexOf(record.get("device_id")); if (index > -1) { AllSelectedRecords1.splice(index, 1); return AllSelectedRecords1; } } sm2 = Ext.create('Ext.selection.CheckboxModel',{ mode: "MULTI", listeners: { deselect: function (me, record, index, opts) { if(initflag1){ }else{ deselect_fun1(record); } }, select: function (me, record, index, opts) { var index = AllSelectedRecords1.indexOf(record.get("device_id")); if (index > -1) { return AllSelectedRecords1; }else{ AllSelectedRecords1.push(record.get("device_id")); return AllSelectedRecords1; } } } }); 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/getList1', reader: { type: 'json', root: 'RESULT', totalProperty: 'totalCount' }, extraParams:{ queryJson:Ext.JSON.encode(queryJson) } }, // sorters:[{ // property:'data_time', // direction:'DESC' // }], remoteSort: true }); myStore1 = Ext.create('Ext.data.Store', { model: 'CheckRecord3', pageSize: 10, proxy: { type: 'ajax', url: baseUrl+'iot/inspectionpoints/getXzsbList', reader: { type: 'json', root: 'RESULT', totalProperty: 'totalCount' }, extraParams:{ queryJson:Ext.JSON.encode(queryJson) } }, remoteSort: true }); var myStore2 = Ext.create('Ext.data.Store', { model: 'patrolpoint1', pageSize: 5, listeners: { beforeload : function(me, store, operation, eOpts) { initflag = true; }, load: function (me, records, success, opts) { if (!success || !records || records.length == 0) return; //根据全局的选择,初始化选中的列 var selModel = Ext.getCmp('PatrolCheckListPanel2').getSelectionModel(); Ext.Array.forEach(AllSelectedRecords, function (item) { for (var i = 0; i < records.length; i++) { var record = records[i]; if (record.get("device_id") == item) { selModel.select(record, true, true); //选中record,并且保持现有的选择,不触发选中事件 } } }); // sm1.addListener('deselect',deselect_fun); initflag = false; } }, proxy: { type: 'ajax', url: baseUrl+'iot/inspectionpoints/getSbList', reader: { type: 'json', root: 'RESULT', totalProperty: 'totalCount' }, extraParams:{ queryJson:Ext.JSON.encode(queryJson) } }, remoteSort: true }); myStore2.on('load',function(myStore2, record){ for (var i = 0; i < record.length; i++) { var records = record[i]; if (records.get('pd') == 1) { Ext.getCmp('PatrolCheckListPanel2').getSelectionModel().select(records, true); } }; }); var myStore3 = Ext.create('Ext.data.Store', { model: 'patrolpoint2', pageSize:5, listeners: { beforeload : function(me, store, operation, eOpts) { initflag1 = true; }, load: function (me, records, success, opts) { if (!success || !records || records.length == 0) return; //根据全局的选择,初始化选中的列 var selModel = Ext.getCmp('PatrolCheckListPanel3').getSelectionModel(); Ext.Array.forEach(AllSelectedRecords1, function (item) { for (var i = 0; i < records.length; i++) { var record = records[i]; if (record.get("device_id") == item &&record.get('pd') != 1) { selModel.select(record, true, true); //选中record,并且保持现有的选择,不触发选中事件 } } }); initflag1 = false; } }, proxy: { type: 'ajax', url: baseUrl+'iot/inspectionpoints/getSbList', reader: { type: 'json', root: 'RESULT', totalProperty: 'totalCount' }, extraParams:{ queryJson:Ext.JSON.encode(queryJson) } }, remoteSort: true }); myStore3.on('load',function(myStore3, record){ for (var i = 0; i < record.length; i++) { var records = record[i]; var len=AllSelectedRecords1.length; for(var j=0;j' }).show(); } var patroladUploadForm = Ext.create('Ext.form.Panel', { id: 'patroladUploadForm', layout: 'form', // title:'设备图片:', items:[{ layout: 'hbox', items: [{ xtype: 'box',//或者xtype: 'component', title:'点位图片', id: 'patrol_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() { //                                upload_pic(); checkfilename2();                  });} } } ]}] }); var patroladaddForm = Ext.create('Ext.form.Panel', { id: 'patroladaddForm', layout: 'form', // title:'设备图片:', items:[{ layout: 'hbox', items: [{ xtype: 'box',//或者xtype: 'component', title:'点位图片', id: 'patrol_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() { //                                add_pic(); checkfilename();                 });}} } ]}] }); var MaintenanceCheckPanel2 =Ext.create('Ext.grid.Panel', { header :{ height:0, border:'0px solid #000000' }, id: 'PatrolCheckListPanel2', store: myStore2, selModel: sm1, columns: [ { header: '设备编号', dataIndex: 'device_id',hidden:true, menuDisabled:true }, { header: '序号', dataIndex: 'xh',width:58,align:'center', menuDisabled:true }, { header: '设备名称', dataIndex: 'device_name', width:247,align:'center', menuDisabled:true }, { header: '设备地址', dataIndex: 'unitinfo', width:246,align:'center', menuDisabled:true }, { text:'设备详情', xtype : 'actioncolumn', width:210, 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); // alert(rec.get("dwid")); editMaintenance(rec.get("dwid")); } }] } ], columnLines: true, height: 195, width: 785, bbar: new Ext.PagingToolbar({ store: myStore2, id:'PatrolCheckListPageToolbar2', displayInfo: true, pageSize: 5, prependButtons: true, displayMsg : '显示第 {0}条到 {1}条记录,总共 {2}条', emptyMsg : "没有记录", firstText: '第一页', prevText: '前一页', nextText: '后一页', lastText: '最后一页', refreshText: '刷新', }), // frame: true, border:false, iconCls: 'icon-grid' }); var MaintenanceCheckPanel3 =Ext.create('Ext.grid.Panel', { header :{ height:0, border:'0px solid #000000' }, id: 'PatrolCheckListPanel3', store: myStore3, selModel: sm2, columns: [ { header: '判断', dataIndex: 'pd',hidden:true, menuDisabled:true }, { header: '设备编号', dataIndex: 'device_id',hidden:true, menuDisabled:true }, { header: '序号', dataIndex: 'xh',width:58,align:'center', menuDisabled:true }, { header: '设备名称', dataIndex: 'device_name', width:247,align:'center', menuDisabled:true }, { header: '设备地址', dataIndex: 'unitinfo', width:246,align:'center', menuDisabled:true }, { text:'设备详情', xtype : 'actioncolumn', width:210, 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); // alert(rec.get("dwid")); editMaintenance(rec.get("dwid")); } }] } ], columnLines: true, height: 195, width: 785, bbar: new Ext.PagingToolbar({ store: myStore3, id:'PatrolCheckListPageToolbar3', displayInfo: true, pageSize: 5, prependButtons: true, displayMsg : '显示第 {0}条到 {1}条记录,总共 {2}条', emptyMsg : "没有记录", firstText: '第一页', prevText: '前一页', nextText: '后一页', lastText: '最后一页', refreshText: '刷新', }), // frame: true, border:false, iconCls: 'icon-grid' }); var patroluploadWin = Ext.create('Ext.window.Window', { id: 'patroluploadWin', title: '
修改巡检点位
', height: 600, width: 800, // maximizable: true, modal: true, closeAction: 'hide', items: [ patrolUploadForm,patroladUploadForm,MaintenanceCheckPanel3], buttons: [ { text: '保存', iconCls:'ok_btn', handler: function(){ if(AllSelectedRecords1.length==1){ var patrol_point_uploadURL=Ext.getCmp('patrol_point_uploadURL').getValue(); var fm_patrol_spot_name=Ext.getCmp('fm_patrol_spot_name').getValue(); var fm_patrol_company_code=Ext.getCmp('fm_patrol_company_code').getValue(); var fm_patrol_spot_address=Ext.getCmp('fm_patrol_spot_address').getValue(); // var fm_patrol_equipment_code=Ext.getCmp('fm_patrol_equipment_code').getValue(); // var fm_patrol_spot_type=patrolUploadForm.form.findField("fm_patrol_spot_type").getGroupValue(); var fm_patrol_spot_type = Ext.getCmp('fm_patrol_spot_type').getChecked(); var spot_type=''; Ext.Array.each(fm_patrol_spot_type, function(item){ spot_type +=item.inputValue+','; }); var fm_patrol_point_message=Ext.getCmp('fm_patrol_point_message').getValue(); var fm_patrol_point_id=Ext.getCmp('fm_patrol_point_id').getValue(); var query = new Object(); query.equipment_code = AllSelectedRecords1[0]; query.id = fm_patrol_point_id; query.spot_name = fm_patrol_spot_name; query.company_code = fm_patrol_company_code; query.spot_address = fm_patrol_spot_address; // query.equipment_code = fm_patrol_equipment_code; query.spot_type = spot_type; query.remarks = fm_patrol_point_message; query.picture_route = patrol_point_uploadURL; // query.V_LOGINNAME = V_LOGINNAME; // query.V_PASSWORD = V_PASSWORD; var jsonstr = Ext.JSON.encode(query); Ext.getCmp('fm_patrol_point_queryJson').setValue(jsonstr); Ext.getCmp('patrolUploadForm').submit({ success: function(form, action){ // uploadPop.hide(); Ext.getCmp('patrol_upload_picture').getEl().dom.src='../../res/img/common/shangchaun.png'; Ext.getCmp('patrolUploadForm').getForm().reset(); Ext.getCmp('patroladUploadForm').getForm().reset(); // uploadPanel.getStore().reload(); Ext.Msg.alert('系统提示', '保存成功!'); clear_modify_form(); }, failure: function(form, action){ Ext.Msg.alert('系统提示', '保存失败!'); clear_modify_form(); } }); this.up('window').hide(); }else{ if(AllSelectedRecords1.length>1){ var patrol_point_uploadURL=Ext.getCmp('patrol_point_uploadURL').getValue(); var fm_patrol_spot_name=Ext.getCmp('fm_patrol_spot_name').getValue(); var fm_patrol_company_code=Ext.getCmp('fm_patrol_company_code').getValue(); var fm_patrol_spot_address=Ext.getCmp('fm_patrol_spot_address').getValue(); // var fm_patrol_equipment_code=Ext.getCmp('fm_patrol_equipment_code').getValue(); // var fm_patrol_spot_type=patrolUploadForm.form.findField("fm_patrol_spot_type").getGroupValue(); var fm_patrol_spot_type = Ext.getCmp('fm_patrol_spot_type').getChecked(); var spot_type=''; Ext.Array.each(fm_patrol_spot_type, function(item){ spot_type +=item.inputValue+','; }); var fm_patrol_point_message=Ext.getCmp('fm_patrol_point_message').getValue(); var fm_patrol_point_id=Ext.getCmp('fm_patrol_point_id').getValue(); var query = new Object(); var spot_id = null; // var selected = sm1.getSelection( ); for(var i=0;i1){ var fa_patrol_spot_name=Ext.getCmp('fa_patrol_spot_name').getValue(); var fa_patrol_company_code=Ext.getCmp('fa_patrol_company_code').getValue(); var fa_patrol_spot_address=Ext.getCmp('fa_patrol_spot_address').getValue(); // var fa_patrol_equipment_code=Ext.getCmp('fa_patrol_equipment_code').getValue(); // var fa_patrol_spot_type = patroladdForm.getForm().findField("fa_patrol_spot_type").getGroupValue(); var fa_patrol_spot_type = Ext.getCmp('fa_patrol_spot_type').getChecked(); var spot_type=''; Ext.Array.each(fa_patrol_spot_type, function(item){ spot_type +=item.inputValue+','; }); var fa_patrol_point_message=Ext.getCmp('fa_patrol_point_message').getValue(); var patrol_point_addURL = Ext.getCmp('patrol_point_addURL').getValue(); if(patrol_point_addURL == "" || patrol_point_addURL == null){ Ext.Msg.alert('系统提示', '请上传图标'+fa_patrol_spot_type); return; } var query = new Object(); query.spot_name = fa_patrol_spot_name; query.company_code = fa_patrol_company_code; query.spot_address = fa_patrol_spot_address; // query.equipment_code = fa_patrol_equipment_code; query.spot_type = spot_type; query.remarks = fa_patrol_point_message; query.picture_route = patrol_point_addURL; var spot_id = null; // var selected = sm1.getSelection( ); for(var i=0;i0){ query.dwid = label; // } query.building_id = selected[0].raw.company_code; // query.V_LOGINNAME = V_LOGINNAME; // query.V_PASSWORD = V_PASSWORD; var jsonstr = Ext.JSON.encode(query); myStore3.getProxy().extraParams = { queryJson : jsonstr }; Ext.getCmp('PatrolCheckListPageToolbar3').moveFirst(); uploadPop(); Ext.getCmp('fm_patrol_point_id').setValue(selected[0].raw.id); Ext.getCmp('fm_patrol_spot_name').setValue(selected[0].raw.spot_name); div.setValue(selected[0].raw.company_code); Ext.getCmp('fm_patrol_spot_address').setValue(selected[0].raw.spot_address); var a = selected[0].raw.spot_type; // if(Number(a) ==1){ // var radio = Ext.getCmp('radio81'); // radio.setValue(true); // }else if(Number(a)==2){ // var radio = Ext.getCmp('radio82'); // radio.setValue(true); // }else if(Number(a)==3){ // var radio = Ext.getCmp('radio83'); // radio.setValue(true); // }else if(Number(a)==4){ // var radio = Ext.getCmp('radio84'); // radio.setValue(true); // }else if(Number(a)==5){ // var radio = Ext.getCmp('radio85'); // radio.setValue(true); // }else if(Number(a)==6){ // var radio = Ext.getCmp('radio86'); // radio.setValue(true); // }else if(Number(a)==7){ // var radio = Ext.getCmp('radio87'); // radio.setValue(true); // } var arr = a.split(","); for(var i = 0 ;i < arr.length;i++) { switch(arr[i]) { case "1": Ext.getCmp('radio81').setValue(true); break; case "2": Ext.getCmp('radio82').setValue(true); break; case "3": Ext.getCmp('radio83').setValue(true); break; case "4": Ext.getCmp('radio84').setValue(true); break; case "5": Ext.getCmp('radio85').setValue(true); break; case "6": Ext.getCmp('radio86').setValue(true); break; case "7": Ext.getCmp('radio87').setValue(true); break; } } Ext.getCmp('fm_patrol_point_message').setValue(selected[0].raw.remarks); Ext.getCmp('patrol_point_uploadURL').setValue(selected[0].raw.picture_route); var formPanel = Ext.getCmp('patroladUploadForm'); var imageShow_box = formPanel.down('box[id=patrol_upload_picture]');//预览的图片框对象 var imageShow_box_dom = imageShow_box.getEl().dom; imageShow_box_dom.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('PatrolpointListPanel').getStore().reload(); }); }else{ Ext.Msg.alert('操作失败', json.MSG , function(btn,txt){ Ext.getCmp('PatrolpointListPanel').getStore().reload(); }); } } } }); } },this); }else{ if(sm.getCount()>1){ var query = new Object(); var list = new Array(); for(var i=0;i0){ query.spot_name = patrolpoint_title2_input; $("#spot_name").val(patrolpoint_title2_input); } if(patrolpoint_title3_input1.length>0){ query.spot_address = patrolpoint_title3_input1; $("#spot_address").val(patrolpoint_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('PatrolpointListPageToolbar').moveFirst(); } var reset1 = function(){ document.getElementById('patrolpoint_title2_input').value = ''; document.getElementById('patrolpoint_title3_input1').value = ''; $("#spot_name").val(""); $("#spot_address").val(""); show_page(); } mouseon = function(obj){ var id = obj.id; $("#"+id).removeClass(id); $("#"+id).addClass(id+'_on'); } mouseoff = function(obj){ var mid = "patrolpoint_"; for(var i=1;i<7;i++){ var id = "patrolpoint_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=='patrolpoint_title1_div'){ menuidx = 'm1'; show_page(); } else if(id=='patrolpoint_title2_div'){ menuidx = 'm2'; reset1(); } else if(id=='patrolpoint_title3_div'){ menuidx = 'm3'; exportbtn_click(); } else if(id=='patrolpoint_title4_div'){ menuidx = 'm4'; del_sm(); } else if(id=='patrolpoint_title5_div'){ menuidx = 'm5'; addPop(); } else if(id=='patrolpoint_title6_div'){ menuidx = 'm6'; chk_sm(); } } var piedarHtml = function() { var maintenanceHtml = document.getElementById('patrolpointHtml'); 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','patrolpoint_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','patrolpoint_title3_input1'); input1.setAttribute('type','text'); input1.setAttribute('value',''); maintenanceHtml.appendChild(input1); var title4 = document.createElement('div'); title4.setAttribute('class','patrolpoint_title1_div'); title4.setAttribute('id','patrolpoint_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','patrolpoint_title2_div'); title5.setAttribute('id','patrolpoint_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','patrolpoint_title3_div'); title6.setAttribute('id','patrolpoint_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','patrolpoint_title4_div'); title7.setAttribute('id','patrolpoint_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','patrolpoint_title5_div'); title8.setAttribute('id','patrolpoint_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','patrolpoint_title6_div'); title9.setAttribute('id','patrolpoint_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("patrolpoint_div_ceshi"); html2canvas(content, { onrendered: function(canvas) { downPng(canvas); } }); } var maintenancelabel = function(){ var maintenance_look_label = document.getElementById('patrolpoint_look_label'); var div3 = document.createElement('div'); div3.setAttribute('id','patrolpoint_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','patrolpoint_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='#0082fe'; div8.setAttribute('id','patrolpoint_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 editRow = function(spot_id){ var spot_id = spot_id; Ext.create('Ext.window.Window', { id:'patrolpoint_data_win', height: 300, width: 250, layout: 'fit', modal:true, buttons:[ { text:'下载', handler : function () { cutDiv(); } },{ text:'关闭', handler : function() { Ext.getCmp('patrolpoint_data_win').destroy(); } } ], closeAction:'destroy', html:'
' }).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/getList1", 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('patrolpoint_look_device'); var div7 = document.createElement('div'); div7.style.width='400px'; div7.style.height='400px'; div7.style.textAlign='center'; div7.style.verticalAlign='middle'; // div7.style.background='#fff'; div7.setAttribute('id','patrolpoint_div_ceshi10'); maintenance_look_device.appendChild(div7); if(ConfirmStore[0].picture_route){ 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'); div7.appendChild(img); }else{ 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=110; img.style.verticalAlign='middle'; img.src = '../../res/img/common/shangchaun.png'; img.setAttribute('class','maintenance_look_device_img'); img.setAttribute('onclick',"menu_click(this)"); div7.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:'patrolpoint_data_win1', height: 500, width: 400, layout: 'fit', modal:true, buttons:[ { text:'关闭', handler : function() { Ext.getCmp('patrolpoint_data_win1').destroy(); } } ], closeAction:'destroy', html:'
' }).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/getList1", 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: 'PatrolpointListPanel', store: myStore, selModel: sm, columns: [ { header: 'ID', dataIndex: 'id',hidden:true, menuDisabled:true }, { header: 'equipment_code_list', dataIndex: 'equipment_code_list',hidden:true, menuDisabled:true }, { header: '图片路径', dataIndex: 'picture_route',hidden:true, menuDisabled:true }, { header: '序号', dataIndex: 'xh', width:37, menuDisabled:true }, { header: '点位名称', dataIndex: 'spot_name', width:300,align:'center', menuDisabled:true }, // { header: '所属建筑/项目', dataIndex: 'building_name', width:300,align:'center', menuDisabled:true }, { text:'点位标签', xtype : 'actioncolumn', width:150, 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")); } }] }, { header: '点位地址', dataIndex: 'spot_address', width:300,align:'center', menuDisabled:true }, { text:'对应对象', xtype : 'actioncolumn', width:150, 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); // $("#checkRecord_id").val(rec.get("id")); modifywin(rec.get("id")); var label = rec.get("id"); var query = new Object(); // alert(label); if(label.length>0){ query.id = label; } // query.V_LOGINNAME = V_LOGINNAME; // query.V_PASSWORD = V_PASSWORD; var jsonstr = Ext.JSON.encode(query); myStore1.getProxy().extraParams = { queryJson : jsonstr }; myStore1.reload(); } }] }, // { header: '设备类型', dataIndex: 'type_name',width:100, align:'center', menuDisabled:true }, { header: '最新改动时间', dataIndex: 'latest_change_time',width:350, align:'center', menuDisabled:true }, { header: '备注', dataIndex: 'remarks',hidden:true, menuDisabled:true }, { header: '类型值', dataIndex: 'spot_type',hidden:true, menuDisabled:true }, { text:'点位详情', xtype : 'actioncolumn', width:150, 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:'PatrolpointListPageToolbar', displayInfo: true, pageSize: countPerPage, prependButtons: true, displayMsg : '显示第 {0}条到 {1}条记录,总共 {2}条', emptyMsg : "没有记录", firstText: '第一页', prevText: '前一页', nextText: '后一页', lastText: '最后一页', refreshText: '刷新', }), // frame: true, border:false, iconCls: 'icon-grid', }); MaintenanceCheckPanel1 =Ext.create('Ext.grid.Panel', { header :{ height:0, border:'0px solid #000000' }, id: 'PatrolCheckListPanel1', store: myStore1, // selModel: sm1, columns: [ { header: 'ID', dataIndex: 'id',hidden:true, menuDisabled:true }, { header: '点位ID', dataIndex: 'spot_id',hidden:true, menuDisabled:true }, { header: '设备编号', dataIndex: 'equipment_code',hidden:true, menuDisabled:true }, { header: '序号', dataIndex: 'xh',width:48,align:'center', menuDisabled:true }, { header: '设备名称', dataIndex: 'device_name', width:150,align:'center', menuDisabled:true }, { header: '设备地址', dataIndex: 'unitinfo', width:150,align:'center', menuDisabled:true }, { text:'设备详情', xtype : 'actioncolumn', width:150, 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); // alert(rec.get("dwid")); editMaintenance(rec.get("spot_id")); } }] } ], columnLines: true, height: 380, width: 490, bbar: new Ext.PagingToolbar({ store: myStore1, id:'PatrolCheckListPageToolbar1', displayInfo: true, pageSize: 10, prependButtons: true, displayMsg : '显示第 {0}条到 {1}条记录,总共 {2}条', emptyMsg : "没有记录", firstText: '第一页', prevText: '前一页', nextText: '后一页', lastText: '最后一页', refreshText: '刷新', }), // frame: true, border:false, iconCls: 'icon-grid' }); modifywin1=Ext.create('Ext.window.Window', { title: '
对应对象
', id:'patrol_point_modify_win1', height: 450, width: 510, modal: true, layout:'fit', items: [MaintenanceCheckPanel1], buttons:[ { text:'关闭', handler : function() { Ext.getCmp('patrol_point_modify_win1').close(); } } ], closeAction:'hide' }) var modifywin = function(){ modifywin1.show(); } var piebar = Ext.create('Ext.panel.Panel',{ id:'patrolpointHtml', width:'100%', height:188, region:'north', layout:'form', defaults:{ border:false } }); new Ext.create('Ext.panel.Panel',{ width:'100%', id: 'PatrolpointPiebar', layout:'border', items:[ piebar,MaintenancePanel ], renderTo: Ext.getBody() }); myStore.reload(); $(window).resize(function(){ body_resize(); }); piedarHtml(); body_resize(); });