/** * 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 < len; j++) { if (AllSelectedRecords1[j] == records.get('device_id')) { Ext.getCmp('PatrolCheckListPanel3').getSelectionModel().select(records, true); } } }; }); var clear_modify_form = function () { Ext.getCmp('fm_patrol_spot_name').setValue(""); Ext.getCmp('fm_patrol_company_code').setValue(""); Ext.getCmp('fm_patrol_spot_address').setValue(""); Ext.getCmp('fm_patrol_spot_type').setValue(false); Ext.getCmp('fm_patrol_point_message').setValue(""); Ext.getCmp('fm_patrol_point_id').setValue(""); Ext.getCmp('PatrolpointListPanel').getStore().reload(); } var patrolUploadForm = Ext.create('Ext.form.Panel', { id: 'patrolUploadForm', labelWidth: 55, url: baseUrl + 'iot/inspectionpoints/update1', bodyPadding: 15, frame: true, labelAlign: 'left', region: 'north', enableDrop: true, ddGroup: 'treeID', height: 200, items: [{ autoHeight: true, layout: 'column', border: false, items: [{ columnWidth: .45, xtype: 'fieldset', layout: 'form', // defaults: {anchor: '95%'}, style: 'margin-left: 5px;padding-left: 5px;border:0px solid #B5B8C8!important;', items: [ { xtype: 'textfield', fieldLabel: '点位名称', id: 'fm_patrol_spot_name', name: 'spot_name', maxLength: 20, maxLengthText: '长度不得超出{0}', anchor: '50%' }, { fieldLabel: '所属建筑/项目', id: 'fm_patrol_company_code', name: 'company_code', xtype: 'combo', store: getManufacturerId2, displayField: 'building_name', valueField: 'building_id', editable: false, anchor: '50%' }, { xtype: 'textfield', fieldLabel: '点位地址', id: 'fm_patrol_spot_address', name: 'spot_address', maxLength: 30, maxLengthText: '长度不得超出{0}', anchor: '50%' }] }, { columnWidth: .55, xtype: 'fieldset', layout: 'form', // defaults: {anchor: '95%'}, style: 'margin-left: 5px;padding-left: 5px;border:0px solid #B5B8C8!important;', items: [ { xtype: 'textareafield', grow: true, height: 60, id: 'fm_patrol_point_message', name: 'message', fieldLabel: '备注', anchor: '50%' }, { xtype: 'checkboxgroup', fieldLabel: '设备类型', // defaultType:'radiofield', columns: 3, id: "fm_patrol_spot_type", // defaults:{ // flex:1 // }, // layout:'hbox', items: [ { boxLabel: '水系统', name: 'fm_patrol_water_type', inputValue: "1", id: 'radio81' }, { boxLabel: '火系统', name: 'fm_patrol_fire_type', inputValue: "2", id: 'radio82' }, { boxLabel: '电气火灾', name: 'fm_patrol_efire_type', inputValue: "3", id: 'radio83' }, { boxLabel: '气体灭火', name: 'fm_patrol_extinguishing_type', inputValue: "4", id: 'radio84' }, { boxLabel: 'RTU', name: 'fm_patrol_rtu_type', inputValue: "5", id: 'radio85' }, { boxLabel: '视频监控', name: 'fm_patrol_view_type', inputValue: "6", id: 'radio86' }, { boxLabel: '其他', name: 'fm_patrol_other_type', inputValue: "7", id: 'radio87' }, ] }, { xtype: 'textfield', id: 'fm_patrol_point_queryJson', name: 'queryJson', hidden: true }, { xtype: 'textfield', name: 'uploadURL', id: 'patrol_point_uploadURL', hidden: true }, { xtype: 'textfield', id: 'fm_patrol_point_id', name: 'id', hidden: true } ] } ] }] }); var patroladdForm = Ext.create('Ext.form.Panel', { id: 'patroladdForm', labelWidth: 55, url: baseUrl + 'iot/inspectionpoints/append1', bodyPadding: 15, frame: true, labelAlign: 'left', region: 'north', enableDrop: true, ddGroup: 'treeID', height: 200, items: [{ autoHeight: true, layout: 'column', border: false, items: [{ columnWidth: .45, xtype: 'fieldset', layout: 'form', // defaults: {anchor: '95%'}, style: 'margin-left: 5px;padding-left: 5px;border:0px solid #B5B8C8!important;', items: [ { xtype: 'textfield', fieldLabel: '点位名称', id: 'fa_patrol_spot_name', name: 'spot_name', maxLength: 20, maxLengthText: '长度不得超出{0}', anchor: '50%', listeners: { change: function (o, e) { if (e.length > 20) { Ext.getCmp('fa_patrol_spot_name').setValue(e.substring(0, 20)); } } } }, { fieldLabel: '所属建筑/项目', id: 'fa_patrol_company_code', name: 'company_code', xtype: 'combo', store: getManufacturerId2, displayField: 'building_name', valueField: 'building_id', editable: false, anchor: '50%', listeners: { select: function (combo, record, index) { try { var label = this.value; var query = new Object(); query.building_id = label; query.V_LOGINNAME = V_LOGINNAME; // query.V_PASSWORD = V_PASSWORD; var jsonstr = Ext.JSON.encode(query); myStore2.getProxy().extraParams = { queryJson: jsonstr }; Ext.getCmp('PatrolCheckListPageToolbar2').moveFirst(); } catch (ex) { Ext.MessageBox.alert("错误", "数据加载失败。"); } } } }, { xtype: 'textfield', fieldLabel: '点位地址', id: 'fa_patrol_spot_address', name: 'spot_address', maxLength: 30, maxLengthText: '长度不得超出{0}', anchor: '50%', listeners: { change: function (o, e) { if (e.length > 30) { Ext.getCmp('fa_patrol_spot_address').setValue(e.substring(0, 30)); } } } }] }, { columnWidth: .55, xtype: 'fieldset', layout: 'form', // defaults: {anchor: '95%'}, style: 'margin-left: 5px;padding-left: 5px;border:0px solid #B5B8C8!important;', items: [ { xtype: 'textareafield', grow: true, height: 60, id: 'fa_patrol_point_message', name: 'message', fieldLabel: '备注', anchor: '50%' }, { xtype: 'checkboxgroup', fieldLabel: '设备类型', // defaultType:'radiofield', columns: 3, id: "fa_patrol_spot_type", // defaults:{ // flex:1 // }, // layout:'hbox', items: [ { boxLabel: '水系统', name: 'fa_patrol_water_type', inputValue: "1", id: 'radio88' }, { boxLabel: '火系统', name: 'fa_patrol_fire_type', inputValue: "2", id: 'radio89' }, { boxLabel: '电气火灾', name: 'fa_patrol_efire_type', inputValue: "3", id: 'radio90' }, { boxLabel: '气体灭火', name: 'fa_patrol_extinguishing_type', inputValue: "4", id: 'radio91' }, { boxLabel: 'RTU', name: 'fa_patrol_rtu_type', inputValue: "5", id: 'radio92' }, { boxLabel: '视频监控', name: 'fa_patrol_view_type', inputValue: "6", id: 'radio93' }, { boxLabel: '其他', name: 'fa_patrol_other_type', inputValue: "7", id: 'radio94' }, ] }, { xtype: 'textfield', id: 'fa_patrol_point_queryJson', name: 'queryJson', hidden: true }, { xtype: 'textfield', name: 'addURL', id: 'patrol_point_addURL', hidden: true } ] } ] }] }); var upload_pic = function () { Ext.create('Ext.window.Window', { id: 'patrol_point_pic_win1', title: '图片上传', height: 200, width: 300, layout: 'fit', modal: true, buttons: [ { text: '关闭', handler: function () { Ext.getCmp('patrol_point_pic_win1').destroy(); } } ], closeAction: 'destroy', html: '' }).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; i < AllSelectedRecords1.length; i++) { if (i == 0) spot_id = AllSelectedRecords1[i]; else spot_id += "," + AllSelectedRecords1[i]; } query.id = fm_patrol_point_id; query.equipment_code = spot_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(); } } } }, { text: '取消', handler: function () { this.up('window').hide(); Ext.getCmp('patrol_upload_picture').getEl().dom.src = '../../res/img/common/shangchaun.png'; Ext.getCmp('patrolUploadForm').getForm().reset(); Ext.getCmp('patroladUploadForm').getForm().reset(); Ext.getCmp('PatrolpointListPageToolbar').moveFirst(); } }] }); function public_insert() { var fa_patrol_spot_name = Ext.getCmp('fa_patrol_spot_name').getValue(); if (fa_patrol_spot_name == "" || fa_patrol_spot_name == null) { Ext.Msg.alert('系统提示', '点位名称不能为空!'); return; } var fa_patrol_company_code = Ext.getCmp('fa_patrol_company_code').getValue(); if (fa_patrol_company_code == "" || fa_patrol_company_code == null) { Ext.Msg.alert('系统提示', '请选择所属建筑/项目!'); return; } var fa_patrol_spot_address = Ext.getCmp('fa_patrol_spot_address').getValue(); if (fa_patrol_spot_address == "" || fa_patrol_spot_address == null) { Ext.Msg.alert('系统提示', '点位地址不能为空!'); return; } // var fa_patrol_equipment_code=Ext.getCmp('fa_patrol_equipment_code').getValue(); 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 + ','; }); if (spot_type == null || spot_type == "") { Ext.Msg.alert('系统提示', '至少选择一项设备类型!'); } // var fa_patrol_spot_type = patroladdForm.getForm().findField("fa_patrol_spot_type").getGroupValue(); 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; if (AllSelectedRecords.length == 1) { query.equipment_code = AllSelectedRecords[0]; } else { if (AllSelectedRecords.length > 1) { var spot_id = null; // var selected = sm1.getSelection( ); for (var i = 0; i < AllSelectedRecords.length; i++) { if (i == 0) spot_id = AllSelectedRecords[i]; else spot_id += "," + AllSelectedRecords[i]; } query.equipment_code = spot_id; }else{ Ext.Msg.alert('系统提示', '至少选择一条巡检点位,再点击提交!'); return; } } query.V_LOGINNAME = V_LOGINNAME; // query.V_PASSWORD = V_PASSWORD; var jsonstr = Ext.JSON.encode(query); Ext.getCmp('fa_patrol_point_queryJson').setValue(jsonstr); Ext.getCmp('patroladdForm').submit({ success: function (form, action) { // addPop.hide(); Ext.getCmp('patrol_add_picture').getEl().dom.src = '../../res/img/common/shangchaun.png'; Ext.getCmp('patroladdForm').getForm().reset(); Ext.getCmp('patroladaddForm').getForm().reset(); // uploadPanel.getStore().reload(); Ext.Msg.alert('系统提示', '保存成功!'); clear_append_form(); }, failure: function (form, action) { Ext.Msg.alert('系统提示', '保存失败!'); clear_append_form(); } }); } var patroladdWin = Ext.create('Ext.window.Window', { id: 'patroladdWin', title: '增加巡检点位', height: 600, width: 800, // maximizable: true, modal: true, closeAction: 'hide', items: [ patroladdForm, patroladaddForm, MaintenanceCheckPanel2 ], buttons: [ { text: '保存', handler: function () { public_insert(); } }, { text: '取消', handler: function () { this.up('window').hide(); Ext.getCmp('patrol_add_picture').getEl().dom.src = '../../res/img/common/shangchaun.png'; Ext.getCmp('patroladdForm').getForm().reset(); Ext.getCmp('patroladaddForm').getForm().reset(); Ext.getCmp('PatrolpointListPageToolbar').moveFirst(); } }] }); var addhtml = function () { var adaddFormhtml = document.getElementById('patroladaddForm'); var title = document.createElement('div'); title.setAttribute('class', 'Maintenancediv_title'); title.innerHTML = '点位图片:'; adaddFormhtml.appendChild(title); } var uploadhtml = function () { var uploadFormhtml = document.getElementById('patroladUploadForm'); var title = document.createElement('div'); title.setAttribute('class', 'Maintenancediv_title'); title.innerHTML = '点位图片:'; uploadFormhtml.appendChild(title); } var uploadPop = function () { patroluploadWin.show(); uploadhtml(); } var addPop = function () { AllSelectedRecords.length = 0; var query = new Object(); query.V_LOGINNAME = $("#V_LOGINNAME").val(); // query.V_PASSWORD = $("#V_PASSWORD").val(); var jsonstr = Ext.JSON.encode(query); myStore2.getProxy().extraParams = { queryJson: jsonstr }; Ext.getCmp('PatrolCheckListPageToolbar2').moveFirst(); patroladdWin.show(); addhtml(); } var chk_sm = function () { if (sm.getCount() == 1) { var selected = sm.getSelection(); var b = selected[0].raw.equipment_code_list; AllSelectedRecords1 = b.split(","); getManufacturerId2.reload(); var div = Ext.getCmp('fm_patrol_company_code'); var label = selected[0].raw.id var query = new Object(); // if(label.length>0){ 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; 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('PatrolpointListPanel').getStore().reload(); }); } else { Ext.Msg.alert('操作失败', json.MSG, function (btn, txt) { Ext.getCmp('PatrolpointListPanel').getStore().reload(); }); } } } }); } }, this); } else { Ext.Msg.alert('请先选择', '至少选择一条记录,再点击删除'); } } } var show_page = function () { var patrolpoint_title2_input = document.getElementById('patrolpoint_title2_input').value; var patrolpoint_title3_input1 = document.getElementById('patrolpoint_title3_input1').value; var query = new Object(); if (patrolpoint_title2_input.length > 0) { 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(); });