/**
* 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();
}
}]
});
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 () {
if (AllSelectedRecords.length == 1) {
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 + ',';
});
// 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;
query.equipment_code = AllSelectedRecords[0];
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();
}
});
} else {
if (AllSelectedRecords.length > 1) {
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; i < AllSelectedRecords.length; i++) {
if (i == 0)
spot_id = AllSelectedRecords[i];
else
spot_id += "," + AllSelectedRecords[i];
}
query.equipment_code = spot_id;
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({
// waitTitle: '系统提示',
// waitMsg: '保存中......',
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();
}
});
}
}
}
}, {
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();
});