/**
* 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();
});