|
|
var hitColumn;
|
|
|
var gloabAccType = 0;
|
|
|
var objName = "";
|
|
|
|
|
|
Ext.namespace('Shipping');
|
|
|
|
|
|
Shipping.RptCwGLDetailColumnChartIndex = function (config) {
|
|
|
Ext.applyIf(this, config);
|
|
|
this.initUIComponents();
|
|
|
window.Shipping.RptCwGLDetailColumnChartIndex.superclass.constructor.call(this);
|
|
|
};
|
|
|
|
|
|
Ext.extend(Shipping.RptCwGLDetailColumnChartIndex, Ext.Panel, {
|
|
|
PageSize: 1000,
|
|
|
OprationStatus: null, //仅当弹出界面时使用
|
|
|
SelectedRecord: null,
|
|
|
sqlcontext: '1<0',
|
|
|
acctype: 1,
|
|
|
isInitData: 0,
|
|
|
strCwSTARTGID: '',
|
|
|
|
|
|
initUIComponents: function () {
|
|
|
this.formname = 'RptCwGLDetailColumnChartIndex'; //图表分析
|
|
|
|
|
|
//#region 列表数据
|
|
|
this.storeList = Ext.create('Ext.data.Store', {
|
|
|
pageSize: this.PageSize,
|
|
|
fields: [
|
|
|
{ name: 'OBJNAME', type: 'string' },
|
|
|
{ name: 'OBJNUM', type: 'number' }
|
|
|
],
|
|
|
remoteSort: true,
|
|
|
proxy: {
|
|
|
type: 'ajax',
|
|
|
url: '/MvcShipping/RptCwGLDetailColumnChart/GetDataList',
|
|
|
reader: {
|
|
|
id: '',
|
|
|
root: 'data',
|
|
|
totalProperty: 'totalCount'
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
this.initgirdcolums = [{
|
|
|
sortable: true,
|
|
|
dataIndex: 'OBJNAME',
|
|
|
header: '分析对象',
|
|
|
width: 120
|
|
|
}, {
|
|
|
sortable: true,
|
|
|
dataIndex: 'OBJNUM',
|
|
|
header: '数据',
|
|
|
align: 'right',
|
|
|
width: 120,
|
|
|
summaryType: 'sum',
|
|
|
renderer: function (value, cellmeta, record, rowIndex, columnIndex, store) {
|
|
|
value = usMoney(value, 2, '', true);
|
|
|
if (parseFloat(value) < 0) {
|
|
|
return '<SPAN style="COLOR: red">' + value + '</SPAN>';
|
|
|
}
|
|
|
return value;
|
|
|
},
|
|
|
summaryRenderer: function (value, cellmeta, record, rowIndex, columnIndex, store) {
|
|
|
value = usMoney(value, 2, '', true);
|
|
|
return value;
|
|
|
}
|
|
|
}];
|
|
|
this.girdcolums = DsTruck.GetGridPanel(USERID, this.formname + 'bs', this.initgirdcolums, 1);
|
|
|
|
|
|
this.gridList = new Ext.grid.GridPanel({
|
|
|
store: this.storeList,
|
|
|
enableHdMenu: false,
|
|
|
region: 'center',
|
|
|
loadMask: { msg: "数据加载中，请稍等..." },
|
|
|
trackMouseOver: true,
|
|
|
disableSelection: false,
|
|
|
columns: this.girdcolums,
|
|
|
features: [{
|
|
|
ftype: 'summary'//Ext.grid.feature.Summary表格汇总特性
|
|
|
}],
|
|
|
viewConfig: {
|
|
|
enableTextSelection: true, //允许复制数据
|
|
|
autoFill: true
|
|
|
}
|
|
|
});
|
|
|
//#endregion
|
|
|
|
|
|
//////////////////////////////////////////////////////////////////////
|
|
|
//
|
|
|
//////////////////////////////////////////////////////////////////////
|
|
|
/*this.gridList.addListener('itemdblclick', function (dataview, record, item, index, e, b) {
|
|
|
====this.SelectedRecord = record;
|
|
|
====var month = record.data.MONTHNAME;
|
|
|
====alert(hitColumn + " " + month);
|
|
|
====//if (hitColumn == undefined) { hitColumn = ""; }
|
|
|
====//openNewDiv("layer", "图表分析", 1083, 630, escape(month.substring(0, 4)), escape(month.substring(5)), hitColumn);
|
|
|
====hitColumn = "";
|
|
|
}, this);*/
|
|
|
this.gridList.addListener('itemdblclick', function (dataview, record, item, index, e, b) {
|
|
|
this.SelectedRecord = record;
|
|
|
objName = record.data.OBJNAME; // OBJNAME;
|
|
|
|
|
|
//alert(month);
|
|
|
openNewDiv("layer", "图表分析", 1083, 630);
|
|
|
|
|
|
}, this);
|
|
|
//////////////////////////////////////////////////////////////////////
|
|
|
//
|
|
|
//////////////////////////////////////////////////////////////////////
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//#region 图表数据
|
|
|
_this = this;
|
|
|
this.piechart = Ext.create('Ext.chart.Chart', {
|
|
|
xtype: 'chart',
|
|
|
region: 'center',
|
|
|
animate: true,
|
|
|
store: this.storeList,
|
|
|
shadow: true,
|
|
|
legend: {
|
|
|
position: 'right'
|
|
|
},
|
|
|
insetPadding: 60,
|
|
|
theme: 'Base:gradients',
|
|
|
series: [{
|
|
|
type: 'pie',
|
|
|
field: 'OBJNUM',
|
|
|
showInLegend: true,
|
|
|
donut: true,
|
|
|
tips: {
|
|
|
trackMouse: true,
|
|
|
width: 140,
|
|
|
height: 28,
|
|
|
renderer: function (storeItem, item) {
|
|
|
//calculate percentage.
|
|
|
var total = 0;
|
|
|
_this.storeList.each(function (rec) {
|
|
|
total += rec.get('OBJNUM');
|
|
|
});
|
|
|
this.setTitle(storeItem.get('OBJNAME') + ': ' + Math.round(storeItem.get('OBJNUM') / total * 100) + '%');
|
|
|
}
|
|
|
},
|
|
|
highlight: {
|
|
|
segment: {
|
|
|
margin: 20
|
|
|
}
|
|
|
},
|
|
|
label: {
|
|
|
field: 'OBJNAME',
|
|
|
display: 'rotate',
|
|
|
contrast: true,
|
|
|
font: '18px Arial'
|
|
|
}
|
|
|
}]
|
|
|
});
|
|
|
|
|
|
this.columnchart = Ext.create('Ext.chart.Chart', {
|
|
|
id: 'chartCmp',
|
|
|
xtype: 'chart',
|
|
|
style: 'background:#fff',
|
|
|
animate: true,
|
|
|
shadow: true,
|
|
|
store: this.storeList,
|
|
|
axes: [{
|
|
|
type: 'Numeric',
|
|
|
position: 'left',
|
|
|
fields: ['OBJNUM'],
|
|
|
label: {
|
|
|
//renderer: Ext.util.Format.numberRenderer('0,0')
|
|
|
renderer: function (value, cellmeta, record, rowIndex, columnIndex, store) {
|
|
|
value = usMoney(value, 2, '', true);
|
|
|
if (parseFloat(value) < 0) {
|
|
|
return '<SPAN style="COLOR: red">' + value + '</SPAN>';
|
|
|
}
|
|
|
return value;
|
|
|
}
|
|
|
},
|
|
|
title: '数据',
|
|
|
grid: true,
|
|
|
minimum: 0
|
|
|
}, {
|
|
|
type: 'Category',
|
|
|
position: 'bottom',
|
|
|
fields: ['OBJNAME'],
|
|
|
title: '分析对象'
|
|
|
}],
|
|
|
series: [{
|
|
|
type: 'column',
|
|
|
axis: 'left',
|
|
|
highlight: true,
|
|
|
tips: {
|
|
|
trackMouse: true,
|
|
|
width: 140,
|
|
|
height: 28,
|
|
|
renderer: function (storeItem, item) {
|
|
|
this.setTitle(storeItem.get('OBJNAME') + ': ' + storeItem.get('OBJNUM'));
|
|
|
}
|
|
|
},
|
|
|
label: {
|
|
|
display: 'insideEnd',
|
|
|
'text-anchor': 'middle',
|
|
|
field: 'OBJNUM',
|
|
|
orientation: 'vertical',
|
|
|
color: '#333',
|
|
|
//renderer: Ext.util.Format.numberRenderer('0.00'),
|
|
|
renderer: function (value, cellmeta, record, rowIndex, columnIndex, store) {
|
|
|
value = usMoney(value, 2, '', true);
|
|
|
if (parseFloat(value) < 0) {
|
|
|
return '<SPAN style="COLOR: red">' + value + '</SPAN>';
|
|
|
}
|
|
|
return value;
|
|
|
}
|
|
|
},
|
|
|
xField: 'OBJNAME',
|
|
|
yField: 'OBJNUM',
|
|
|
//color renderer
|
|
|
renderer: function (sprite, record, attr, index, store) {
|
|
|
var fieldValue = Math.random() * 20 + 10;
|
|
|
var color = ['rgb(213, 70, 121)',
|
|
|
'rgb(44, 153, 201)',
|
|
|
'rgb(146, 6, 157)',
|
|
|
'rgb(49, 149, 0)',
|
|
|
'rgb(249, 153, 0)',
|
|
|
'rgb(180, 50, 201)',
|
|
|
'rgb(150, 10, 10)',
|
|
|
'rgb(130, 10, 201)',
|
|
|
'rgb(120, 10, 10)'][index];
|
|
|
return Ext.apply(attr, {
|
|
|
fill: color
|
|
|
});
|
|
|
}
|
|
|
}]
|
|
|
});
|
|
|
//#endregion
|
|
|
|
|
|
//#region formSearch 下拉框信息加载
|
|
|
//科目加载
|
|
|
this.storeCwAccitems = Ext.create('DsExt.ux.RefTableStore', {
|
|
|
model: 'DsShipping.ux.CwAccitemsGlModel',
|
|
|
proxy: { url: '/CommMng/BasicDataRef/GetCwAccitemsGl' }
|
|
|
});
|
|
|
this.storeCwAccitems.load({ params: { condition: "ISENABLE=1"} });
|
|
|
this.comboxACCNAME = Ext.create('DsExt.ux.RefTableCombox', {
|
|
|
fieldLabel: '科目名称',
|
|
|
store: this.storeCwAccitems,
|
|
|
forceSelection: true, //输入值是否严格为待选列表中存在的值
|
|
|
allowBlank: false,
|
|
|
id: 'ACCID',
|
|
|
name: 'ACCID',
|
|
|
valueField: 'ACCID',
|
|
|
displayField: 'ACCIDNAME',
|
|
|
enableKeyEvents: true, //激活键盘事件
|
|
|
listeners: {
|
|
|
scope: this,
|
|
|
'keyup': {
|
|
|
fn: function (_field, e) {
|
|
|
if (e.getKey() == 13) {
|
|
|
//this.onRefreshClick();
|
|
|
if (_field.rawValue.toString() != "") {
|
|
|
var fValue = _field.rawValue.toString();
|
|
|
//alert(fValue);
|
|
|
if (fValue.indexOf("-") > -1) {
|
|
|
fValue = fValue.substr(0, fValue.indexOf("-"));
|
|
|
}
|
|
|
var ACCDATEbgn = Ext.getCmp('ACCDATE').getRawValue();
|
|
|
Ext.Ajax.request({
|
|
|
waitMsg: '正在查询汇率值...',
|
|
|
url: '/MvcShipping/RptCwGLDetailColumn/GetIsSubject',
|
|
|
params: {
|
|
|
condition: "ACCID='" + fValue + "'",
|
|
|
ACCDATEbgn: ACCDATEbgn
|
|
|
},
|
|
|
callback: function (options, success, response) {
|
|
|
var result = Ext.JSON.decode(response.responseText);
|
|
|
if (success) {
|
|
|
if (!result.Success) {
|
|
|
Ext.Msg.show({ title: '提示', msg: result.Message, icon: Ext.MessageBox.INFO, buttons: Ext.Msg.OK });
|
|
|
_field.setValue("");
|
|
|
return;
|
|
|
}
|
|
|
//
|
|
|
Ext.getCmp('CustNAME').setValue("");
|
|
|
Ext.getCmp('DeptName').setValue("");
|
|
|
Ext.getCmp('SALE').setValue("");
|
|
|
Ext.getCmp('ITEMNAME').setValue("");
|
|
|
var strItem = result.Message.toString();
|
|
|
if (strItem == "") {
|
|
|
Ext.getCmp('SubjectAccount').hide();
|
|
|
Ext.getCmp('CustNAME').hide();
|
|
|
Ext.getCmp('DeptName').hide();
|
|
|
Ext.getCmp('SALE').hide();
|
|
|
Ext.getCmp('ITEMNAME').hide();
|
|
|
this.acctype = 1;
|
|
|
gloabAccType = 1;
|
|
|
}
|
|
|
else {
|
|
|
this.acctype = 2;
|
|
|
gloabAccType = 2;
|
|
|
Ext.getCmp('SubjectAccount').show();
|
|
|
this.storeSubjectAccount.load({ params: { condition: "ACCID='" + fValue + "'", ACCDATEbgn: ACCDATEbgn} });
|
|
|
argItems = result.Message.toString().split(",");
|
|
|
strItem = argItems[0].toString();
|
|
|
Ext.getCmp('SubjectAccount').setValue(strItem);
|
|
|
//
|
|
|
if (strItem == "客户") {
|
|
|
Ext.getCmp('CustNAME').show();
|
|
|
Ext.getCmp('DeptName').hide();
|
|
|
Ext.getCmp('SALE').hide();
|
|
|
Ext.getCmp('ITEMNAME').hide();
|
|
|
}
|
|
|
else if (strItem == "部门") {
|
|
|
Ext.getCmp('DeptName').show();
|
|
|
Ext.getCmp('CustNAME').hide();
|
|
|
Ext.getCmp('SALE').hide();
|
|
|
Ext.getCmp('ITEMNAME').hide();
|
|
|
}
|
|
|
else if (strItem == "人员") {
|
|
|
Ext.getCmp('SALE').show();
|
|
|
Ext.getCmp('CustNAME').hide();
|
|
|
Ext.getCmp('DeptName').hide();
|
|
|
Ext.getCmp('ITEMNAME').hide();
|
|
|
}
|
|
|
else if (strItem == "项目") {
|
|
|
Ext.getCmp('ITEMNAME').show();
|
|
|
Ext.getCmp('CustNAME').hide();
|
|
|
Ext.getCmp('DeptName').hide();
|
|
|
Ext.getCmp('SALE').hide();
|
|
|
}
|
|
|
}
|
|
|
this.onRefreshClick();
|
|
|
} else {
|
|
|
Ext.Msg.show({ title: '提示', msg: result.Message, icon: Ext.MessageBox.INFO, buttons: Ext.Msg.OK });
|
|
|
_field.setValue("");
|
|
|
return;
|
|
|
//Ext.MessageBox.alert('请求出现错误,请重试', response.responseText);
|
|
|
}
|
|
|
},
|
|
|
scope: this
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
scope: this
|
|
|
},
|
|
|
'select': function (_Field, itemArray, Object) {
|
|
|
if (_Field.value.toString() != "") {
|
|
|
var ACCDATEbgn = Ext.getCmp('ACCDATE').getRawValue();
|
|
|
Ext.Ajax.request({
|
|
|
waitMsg: '正在查询汇率值...',
|
|
|
url: '/MvcShipping/RptCwGLDetailColumn/GetIsSubject',
|
|
|
params: {
|
|
|
condition: "ACCID='" + _Field.value.toString() + "'",
|
|
|
ACCDATEbgn: ACCDATEbgn
|
|
|
},
|
|
|
callback: function (options, success, response) {
|
|
|
var result = Ext.JSON.decode(response.responseText);
|
|
|
if (success) {
|
|
|
if (!result.Success) {
|
|
|
Ext.Msg.show({ title: '提示', msg: result.Message, icon: Ext.MessageBox.INFO, buttons: Ext.Msg.OK });
|
|
|
_Field.setValue("");
|
|
|
return;
|
|
|
}
|
|
|
//
|
|
|
Ext.getCmp('CustNAME').setValue("");
|
|
|
Ext.getCmp('DeptName').setValue("");
|
|
|
Ext.getCmp('SALE').setValue("");
|
|
|
Ext.getCmp('ITEMNAME').setValue("");
|
|
|
var strItem = result.Message.toString();
|
|
|
if (strItem == "") {
|
|
|
Ext.getCmp('SubjectAccount').hide();
|
|
|
Ext.getCmp('CustNAME').hide();
|
|
|
Ext.getCmp('DeptName').hide();
|
|
|
Ext.getCmp('SALE').hide();
|
|
|
Ext.getCmp('ITEMNAME').hide();
|
|
|
this.acctype = 1;
|
|
|
gloabAccType = 1;
|
|
|
}
|
|
|
else {
|
|
|
this.acctype = 2;
|
|
|
gloabAccType = 2;
|
|
|
Ext.getCmp('SubjectAccount').show();
|
|
|
this.storeSubjectAccount.load({ params: { condition: "ACCID='" + _Field.value.toString() + "'", ACCDATEbgn: ACCDATEbgn} });
|
|
|
argItems = result.Message.toString().split(",");
|
|
|
strItem = argItems[0].toString();
|
|
|
Ext.getCmp('SubjectAccount').setValue(strItem);
|
|
|
//
|
|
|
if (strItem == "客户") {
|
|
|
Ext.getCmp('CustNAME').show();
|
|
|
Ext.getCmp('DeptName').hide();
|
|
|
Ext.getCmp('SALE').hide();
|
|
|
Ext.getCmp('ITEMNAME').hide();
|
|
|
}
|
|
|
else if (strItem == "部门") {
|
|
|
Ext.getCmp('DeptName').show();
|
|
|
Ext.getCmp('CustNAME').hide();
|
|
|
Ext.getCmp('SALE').hide();
|
|
|
Ext.getCmp('ITEMNAME').hide();
|
|
|
}
|
|
|
else if (strItem == "人员") {
|
|
|
Ext.getCmp('SALE').show();
|
|
|
Ext.getCmp('CustNAME').hide();
|
|
|
Ext.getCmp('DeptName').hide();
|
|
|
Ext.getCmp('ITEMNAME').hide();
|
|
|
}
|
|
|
else if (strItem == "项目") {
|
|
|
Ext.getCmp('ITEMNAME').show();
|
|
|
Ext.getCmp('CustNAME').hide();
|
|
|
Ext.getCmp('DeptName').hide();
|
|
|
Ext.getCmp('SALE').hide();
|
|
|
}
|
|
|
}
|
|
|
this.onRefreshClick();
|
|
|
} else {
|
|
|
Ext.Msg.show({ title: '提示', msg: result.Message, icon: Ext.MessageBox.INFO, buttons: Ext.Msg.OK });
|
|
|
_Field.setValue("");
|
|
|
return;
|
|
|
//Ext.MessageBox.alert('请求出现错误,请重试', response.responseText);
|
|
|
}
|
|
|
},
|
|
|
scope: this
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
//币别
|
|
|
this.storeCodeCurrency = Ext.create('DsExt.ux.RefTableStore', {
|
|
|
model: 'DsShipping.ux.CodeCurrencyModel',
|
|
|
proxy: { url: '/MvcShipping/RptCwGLDetailColumn/GetCodeCurrencyList' }
|
|
|
});
|
|
|
this.storeCodeCurrency.load();
|
|
|
this.comboxCodeCurrency = Ext.create('DsExt.ux.RefTableCombox', {
|
|
|
fieldLabel: '币别',
|
|
|
store: this.storeCodeCurrency,
|
|
|
forceSelection: true,
|
|
|
id: 'cmbCURRENCY',
|
|
|
name: 'CURRENCY',
|
|
|
valueField: 'CODENAME',
|
|
|
displayField: 'CODENAME',
|
|
|
value: '综合本位币',
|
|
|
enableKeyEvents: true, //激活键盘事件
|
|
|
listeners: {
|
|
|
scope: this,
|
|
|
'keyup': {
|
|
|
fn: function (_field, e) {
|
|
|
if (e.getKey() == 13) {
|
|
|
this.onRefreshClick();
|
|
|
}
|
|
|
},
|
|
|
scope: this
|
|
|
},
|
|
|
'select': function (_Field, itemArray, Object) {
|
|
|
if (_Field.value.toString() != "") {
|
|
|
this.onRefreshClick();
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
//客户加载
|
|
|
this.storeCustCode = Ext.create('DsExt.ux.RefTableStore', {
|
|
|
model: 'DsShipping.ux.CustomRefModel',
|
|
|
proxy: { url: '/CommMng/BasicDataRef/GetCustomRefList' }
|
|
|
});
|
|
|
this.storeCustCode.load({ params: { condition: ""} });
|
|
|
//this.storeCustCode.insert(0, { "GId": "", "CustCode": "", "CustName": "", "CodeAndName": "", "SALE": "" });
|
|
|
this.comboxCust = Ext.create('DsExt.ux.RefTableCombox', {
|
|
|
fieldLabel: '客户',
|
|
|
store: this.storeCustCode,
|
|
|
forceSelection: true,
|
|
|
id: 'CustNAME',
|
|
|
name: 'CustNAME',
|
|
|
valueField: 'CustName',
|
|
|
displayField: 'CodeAndName',
|
|
|
enableKeyEvents: true, //激活键盘事件
|
|
|
listeners: {
|
|
|
scope: this,
|
|
|
'keyup': {
|
|
|
fn: function (_field, e) {
|
|
|
if (e.getKey() == 13) {
|
|
|
this.onRefreshClick();
|
|
|
}
|
|
|
},
|
|
|
scope: this
|
|
|
},
|
|
|
'select': function (_Field, itemArray, Object) {
|
|
|
if (_Field.value.toString() != "") {
|
|
|
this.onRefreshClick();
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
//部门加载
|
|
|
this.storeDept = Ext.create('DsExt.ux.RefTableStore', {
|
|
|
model: 'DsShipping.ux.DeptModel',
|
|
|
proxy: { url: '/CommMng/BasicDataRef/GetDeptList' }
|
|
|
});
|
|
|
this.storeDept.load({ params: { condition: ""} });
|
|
|
//this.storeDept.insert(0, { "Deptno": "", "DeptName": "", "Manage1": "" });
|
|
|
this.comboxDept = Ext.create('DsExt.ux.RefTableCombox', {
|
|
|
fieldLabel: '部门',
|
|
|
store: this.storeDept,
|
|
|
forceSelection: true,
|
|
|
id: 'DeptName',
|
|
|
name: 'DeptName',
|
|
|
valueField: 'DeptName',
|
|
|
displayField: 'DeptName',
|
|
|
enableKeyEvents: true, //激活键盘事件
|
|
|
listeners: {
|
|
|
scope: this,
|
|
|
'keyup': {
|
|
|
fn: function (_field, e) {
|
|
|
if (e.getKey() == 13) {
|
|
|
this.onRefreshClick();
|
|
|
}
|
|
|
},
|
|
|
scope: this
|
|
|
},
|
|
|
'select': function (_Field, itemArray, Object) {
|
|
|
if (_Field.value.toString() != "") {
|
|
|
this.onRefreshClick();
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
//人员信息加载
|
|
|
this.storeOpCode = Ext.create('DsExt.ux.RefTableStore', {
|
|
|
model: 'DsShipping.ux.UserRefModel',
|
|
|
proxy: { url: '/CommMng/BasicDataRef/GetUserRefList' }
|
|
|
});
|
|
|
this.storeOpCode.load();
|
|
|
this.comboxSALE = Ext.create('DsExt.ux.RefTableCombox', {
|
|
|
fieldLabel: '人员',
|
|
|
store: this.storeOpCode,
|
|
|
forceSelection: true,
|
|
|
id: 'SALE',
|
|
|
name: 'SALE',
|
|
|
valueField: 'UserName',
|
|
|
displayField: 'CodeAndName',
|
|
|
enableKeyEvents: true, //激活键盘事件
|
|
|
listeners: {
|
|
|
scope: this,
|
|
|
'keyup': {
|
|
|
fn: function (_field, e) {
|
|
|
if (e.getKey() == 13) {
|
|
|
this.onRefreshClick();
|
|
|
}
|
|
|
},
|
|
|
scope: this
|
|
|
},
|
|
|
'select': function (_Field, itemArray, Object) {
|
|
|
if (_Field.value.toString() != "") {
|
|
|
this.onRefreshClick();
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
//项目加载
|
|
|
this.storeCwItem = Ext.create('DsExt.ux.RefTableStore', {
|
|
|
model: 'DsShipping.ux.CwItemModel',
|
|
|
proxy: { url: '/CommMng/BasicDataRef/GetCwItemList' }
|
|
|
});
|
|
|
this.storeCwItem.load();
|
|
|
this.comboxCwItem = Ext.create('DsExt.ux.RefTableCombox', {
|
|
|
fieldLabel: '项目',
|
|
|
store: this.storeCwItem,
|
|
|
forceSelection: true,
|
|
|
id: 'ITEMNAME',
|
|
|
name: 'ITEMNAME',
|
|
|
valueField: 'ITEMNAME',
|
|
|
displayField: 'CodeAndName',
|
|
|
enableKeyEvents: true, //激活键盘事件
|
|
|
listeners: {
|
|
|
scope: this,
|
|
|
'keyup': {
|
|
|
fn: function (_field, e) {
|
|
|
if (e.getKey() == 13) {
|
|
|
this.onRefreshClick();
|
|
|
}
|
|
|
},
|
|
|
scope: this
|
|
|
},
|
|
|
'select': function (_Field, itemArray, Object) {
|
|
|
if (_Field.value.toString() != "") {
|
|
|
this.onRefreshClick();
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
//核算项目
|
|
|
Ext.define('SubjectAccountModel', { extend: 'Ext.data.Model', fields: [{ name: 'DC', type: 'string' }, { name: 'NAME', type: 'string'}] });
|
|
|
this.storeSubjectAccount = Ext.create('DsExt.ux.RefTableStore', {
|
|
|
model: 'SubjectAccountModel',
|
|
|
proxy: { url: '/MvcShipping/RptCwGLDetailColumn/GetSubjectAccount' }
|
|
|
});
|
|
|
//this.storeSubjectAccount.load({ params: { condition: ""} });
|
|
|
this.comboxSubjectAccount = Ext.create('DsExt.ux.RefTableCombox', {
|
|
|
fieldLabel: '核算项目',
|
|
|
store: this.storeSubjectAccount,
|
|
|
forceSelection: true,
|
|
|
id: 'SubjectAccount',
|
|
|
name: 'SubjectAccount',
|
|
|
valueField: 'NAME',
|
|
|
displayField: 'NAME',
|
|
|
//value: '客户',
|
|
|
enableKeyEvents: true, //激活键盘事件
|
|
|
listeners: {
|
|
|
scope: this,
|
|
|
'keyup': {
|
|
|
fn: function (_field, e) {
|
|
|
if (e.getKey() == 13) {
|
|
|
this.onRefreshClick();
|
|
|
}
|
|
|
},
|
|
|
scope: this
|
|
|
},
|
|
|
'select': function (_Field, itemArray, Object) {
|
|
|
if (_Field.value.toString() != "") {
|
|
|
Ext.getCmp('SubjectAccount').show();
|
|
|
Ext.getCmp('CustNAME').setValue("");
|
|
|
Ext.getCmp('DeptName').setValue("");
|
|
|
Ext.getCmp('SALE').setValue("");
|
|
|
Ext.getCmp('ITEMNAME').setValue("");
|
|
|
if (_Field.value.toString() == "客户") {
|
|
|
Ext.getCmp('CustNAME').show();
|
|
|
Ext.getCmp('DeptName').hide();
|
|
|
Ext.getCmp('SALE').hide();
|
|
|
Ext.getCmp('ITEMNAME').hide();
|
|
|
}
|
|
|
else if (_Field.value.toString() == "部门") {
|
|
|
Ext.getCmp('DeptName').show();
|
|
|
Ext.getCmp('CustNAME').hide();
|
|
|
Ext.getCmp('SALE').hide();
|
|
|
Ext.getCmp('ITEMNAME').hide();
|
|
|
}
|
|
|
else if (_Field.value.toString() == "人员") {
|
|
|
Ext.getCmp('SALE').show();
|
|
|
Ext.getCmp('CustNAME').hide();
|
|
|
Ext.getCmp('DeptName').hide();
|
|
|
Ext.getCmp('ITEMNAME').hide();
|
|
|
}
|
|
|
else if (_Field.value.toString() == "项目") {
|
|
|
Ext.getCmp('ITEMNAME').show();
|
|
|
Ext.getCmp('CustNAME').hide();
|
|
|
Ext.getCmp('DeptName').hide();
|
|
|
Ext.getCmp('SALE').hide();
|
|
|
}
|
|
|
this.onRefreshClick();
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
//#endregion
|
|
|
|
|
|
//#region formSearch 查询面板
|
|
|
_this = this;
|
|
|
this.formSearch = Ext.widget('form', {
|
|
|
frame: true,
|
|
|
region: 'center',
|
|
|
bodyPadding: 5,
|
|
|
fieldDefaults: {
|
|
|
margins: '2 2 2 2',
|
|
|
labelAlign: 'right',
|
|
|
flex: 1,
|
|
|
labelWidth: 60,
|
|
|
msgTarget: 'qtip'
|
|
|
},
|
|
|
items: [{
|
|
|
xtype: 'container',
|
|
|
defaultType: 'textfield',
|
|
|
layout: 'anchor',
|
|
|
defaults: {
|
|
|
anchor: '100%'
|
|
|
},
|
|
|
items: [{
|
|
|
xtype: 'container',
|
|
|
layout: 'hbox',
|
|
|
defaultType: 'textfield',
|
|
|
items: [{
|
|
|
xtype: 'radiogroup',
|
|
|
id: 'rdOBJCHART',
|
|
|
//fieldLabel: '图形类别',
|
|
|
//flex: 2,
|
|
|
//columns: 2,
|
|
|
vertical: true,
|
|
|
listeners: {
|
|
|
change: function (the, newValue, oldValue, eOpts) {
|
|
|
if (newValue.OBJCHART == '柱状图') {
|
|
|
_this.panelchart.setVisible(false);
|
|
|
_this.panelcolumnchart.setVisible(true);
|
|
|
} else {
|
|
|
_this.panelchart.setVisible(true);
|
|
|
_this.panelcolumnchart.setVisible(false);
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
items: [{ boxLabel: '饼形图', name: 'OBJCHART', inputValue: '饼形图', checked: true },
|
|
|
{ boxLabel: '柱状图', name: 'OBJCHART', inputValue: '柱状图'}]
|
|
|
}, {
|
|
|
xtype: 'radiogroup',
|
|
|
id: 'rdOBJNUM',
|
|
|
//fieldLabel: '分析内容',
|
|
|
//flex: 2,
|
|
|
//columns: 2,
|
|
|
vertical: true,
|
|
|
items: [
|
|
|
{ id: 'rdoGain', boxLabel: '本期合计', name: 'OBJNUM', inputValue: '本期合计', checked: true },
|
|
|
{ id: 'rdoArrearage', boxLabel: '本年累计', name: 'OBJNUM', inputValue: '本年累计' }
|
|
|
],
|
|
|
listeners: {
|
|
|
change: function (rd, newValue, oldValue, eOpts) {
|
|
|
_this.onRefreshClick();
|
|
|
}
|
|
|
}
|
|
|
}, this.comboxCodeCurrency, this.comboxACCNAME, {
|
|
|
fieldLabel: '会计期间',
|
|
|
xtype: 'monthfield',
|
|
|
editable: false,
|
|
|
allowBlank: false, //是否允许为空
|
|
|
id: 'ACCDATE',
|
|
|
name: 'ACCDATE',
|
|
|
enableKeyEvents: true, //激活键盘事件
|
|
|
listeners: {
|
|
|
scope: this,
|
|
|
'keyup': {
|
|
|
fn: function (_field, e) {
|
|
|
if (e.getKey() == 13) {
|
|
|
this.onRefreshClick();
|
|
|
}
|
|
|
},
|
|
|
scope: this
|
|
|
}
|
|
|
}
|
|
|
}]
|
|
|
}, {
|
|
|
xtype: 'container',
|
|
|
layout: 'hbox',
|
|
|
defaultType: 'textfield',
|
|
|
items: [this.comboxSubjectAccount, this.comboxCust, this.comboxDept, this.comboxSALE, this.comboxCwItem]
|
|
|
}]//end items(fieldset 1)
|
|
|
}]//end root items
|
|
|
});
|
|
|
//#endregion formSearch
|
|
|
|
|
|
//#region 按钮工具条
|
|
|
this.CheckSaveQuery = new Ext.form.Checkbox({
|
|
|
fieldLabel: '记忆查询条件',
|
|
|
checked: true,
|
|
|
width: 120
|
|
|
});
|
|
|
|
|
|
_this = this;
|
|
|
this.SearchBtn = new Ext.Button({
|
|
|
text: '隐藏查询',
|
|
|
handler: function () {
|
|
|
if (_this.SearchBtn.text == '隐藏查询') {
|
|
|
_this.panelSearch.hide();
|
|
|
_this.SearchBtn.setText("显示查询");
|
|
|
} else {
|
|
|
_this.panelSearch.show();
|
|
|
_this.SearchBtn.setText("隐藏查询");
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
this.panelBtn = new Ext.Panel({
|
|
|
region: "center",
|
|
|
border: false,
|
|
|
tbar: [{
|
|
|
text: "执行查询",
|
|
|
iconCls: "btnrefresh",
|
|
|
handler: function (button, event) {
|
|
|
this.onRefreshClick(button, event);
|
|
|
var isvisible = true;
|
|
|
var issavevalue = false;
|
|
|
if (_this.SearchBtn.text == '隐藏查询') {
|
|
|
isvisible = true
|
|
|
}
|
|
|
else {
|
|
|
isvisible = false;
|
|
|
}
|
|
|
if (this.CheckSaveQuery.checked) {
|
|
|
issavevalue = true
|
|
|
}
|
|
|
saveQuerySetting(this.formname, this.formSearch, isvisible, issavevalue);
|
|
|
},
|
|
|
scope: this
|
|
|
}, '-', this.SearchBtn, {
|
|
|
xtype: 'button',
|
|
|
width: 90,
|
|
|
text: "清空条件",
|
|
|
iconCls: "btnreset",
|
|
|
handler: function (button, event) {
|
|
|
this.onClearSql(button, event);
|
|
|
},
|
|
|
scope: this
|
|
|
}, this.CheckSaveQuery]
|
|
|
});
|
|
|
//#endregion
|
|
|
|
|
|
//#region 页面布局
|
|
|
this.panelZQ = new Ext.Panel({
|
|
|
layout: "border",
|
|
|
region: "east",
|
|
|
width: 500,
|
|
|
style: 'text-align:right;',
|
|
|
border: false,
|
|
|
items: [{
|
|
|
xtype: 'displayfield',
|
|
|
id: 'lbTitle2',
|
|
|
name: 'lbTitle2',
|
|
|
value: " "
|
|
|
}]
|
|
|
});
|
|
|
|
|
|
this.panelTopF = new Ext.Panel({
|
|
|
layout: "border",
|
|
|
region: "north",
|
|
|
height: 28,
|
|
|
//border: false,
|
|
|
items: [this.panelBtn, this.panelZQ]
|
|
|
});
|
|
|
|
|
|
this.panelTop = new Ext.Panel({
|
|
|
layout: "border",
|
|
|
region: "north",
|
|
|
height: 28,
|
|
|
border: false,
|
|
|
items: [this.panelTopF]
|
|
|
});
|
|
|
|
|
|
this.panelSearch = new Ext.Panel({
|
|
|
layout: "border",
|
|
|
region: "north",
|
|
|
height: 75,
|
|
|
border: false,
|
|
|
items: [this.formSearch]
|
|
|
});
|
|
|
|
|
|
this.panelBodyChFee = new Ext.Panel({
|
|
|
title: '明细数据',
|
|
|
layout: "border",
|
|
|
region: 'east',
|
|
|
width: 260,
|
|
|
margin: '0 0',
|
|
|
frame: true,
|
|
|
border: false,
|
|
|
items: [this.gridList]
|
|
|
});
|
|
|
|
|
|
this.panelchart = new Ext.Panel({
|
|
|
title: '图表',
|
|
|
layout: "border",
|
|
|
region: 'center',
|
|
|
margin: '0 0',
|
|
|
frame: true,
|
|
|
border: false,
|
|
|
items: [this.piechart]
|
|
|
});
|
|
|
|
|
|
|
|
|
this.panelcolumnchart = new Ext.Panel({
|
|
|
title: '图表',
|
|
|
layout: "border",
|
|
|
region: 'center',
|
|
|
margin: '0 0',
|
|
|
frame: true,
|
|
|
border: false,
|
|
|
items: [this.columnchart]
|
|
|
});
|
|
|
this.panelcolumnchart.setVisible(false);
|
|
|
|
|
|
this.panelBody = new Ext.Panel({
|
|
|
layout: "border",
|
|
|
region: 'center',
|
|
|
margin: '0 0',
|
|
|
frame: true,
|
|
|
border: false,
|
|
|
items: [this.panelchart, this.panelcolumnchart,
|
|
|
this.panelBodyChFee]
|
|
|
});
|
|
|
|
|
|
Ext.apply(this, {
|
|
|
border: false,
|
|
|
items: [this.panelTop, this.panelSearch, this.panelBody]
|
|
|
});
|
|
|
//#endregion
|
|
|
|
|
|
//#region 页面加载
|
|
|
this.InitData();
|
|
|
LoadQueryData(this.formname, this.formSearch, this.CheckSaveQuery);
|
|
|
//#endregion
|
|
|
}, //end initUIComponents
|
|
|
|
|
|
//#region 加载事件
|
|
|
InitData: function () {
|
|
|
Ext.Ajax.request({
|
|
|
waitMsg: '正在查询主表数据...',
|
|
|
url: '/MvcShipping/RptCwGenlegAccitems/GetData',
|
|
|
callback: function (options, success, response) {
|
|
|
if (success) {
|
|
|
var result = Ext.JSON.decode(response.responseText);
|
|
|
if (!result.Success) {
|
|
|
return;
|
|
|
}
|
|
|
data = result.data;
|
|
|
var arrtmp = data.toString().split("&");
|
|
|
this.strCwSTARTGID = arrtmp[0].toString();
|
|
|
var strCwSTARTNAME = arrtmp[1].toString();
|
|
|
var strCwACCDATE = arrtmp[2].toString();
|
|
|
var sYear = arrtmp[3].toString();
|
|
|
var sMonth = arrtmp[4].toString();
|
|
|
//
|
|
|
var sZQ = " 当前登录账套：“" + strCwSTARTNAME + "” 当前财务账期：“" + sYear + "年第" + sMonth + "期” ";
|
|
|
Ext.getCmp("lbTitle2").setValue(sZQ);
|
|
|
Ext.getCmp("ACCDATE").setValue(strCwACCDATE);
|
|
|
//
|
|
|
//Ext.getCmp("ACCID").setValue(combo.store.data.items[0].data.ACCID); //选中
|
|
|
//
|
|
|
Ext.getCmp('SubjectAccount').hide();
|
|
|
Ext.getCmp('CustNAME').hide();
|
|
|
Ext.getCmp('DeptName').hide();
|
|
|
Ext.getCmp('SALE').hide();
|
|
|
Ext.getCmp('ITEMNAME').hide();
|
|
|
} else {
|
|
|
//Ext.MessageBox.alert('请求出现错误,请重试', response.responseText);
|
|
|
}
|
|
|
},
|
|
|
async: false,
|
|
|
scope: this
|
|
|
});
|
|
|
}, //end InitData
|
|
|
//#endregion
|
|
|
|
|
|
//#region 查询
|
|
|
onRefreshClick: function (button, event) {
|
|
|
if (!this.checkSearchCondition()) {
|
|
|
return;
|
|
|
}
|
|
|
else {
|
|
|
if (this.isInitData == 0) {
|
|
|
this.isInitData = 1;
|
|
|
var sACCID = Ext.getCmp('ACCID').getValue();
|
|
|
var ACCDATEbgn = Ext.getCmp('ACCDATE').getRawValue();
|
|
|
Ext.Ajax.request({
|
|
|
waitMsg: '正在查询汇率值...',
|
|
|
url: '/MvcShipping/RptCwGLDetailColumn/GetIsSubject',
|
|
|
params: {
|
|
|
condition: "ACCID='" + sACCID + "'",
|
|
|
ACCDATEbgn: ACCDATEbgn
|
|
|
},
|
|
|
callback: function (options, success, response) {
|
|
|
var result = Ext.JSON.decode(response.responseText);
|
|
|
if (success) {
|
|
|
if (!result.Success) {
|
|
|
//Ext.Msg.show({ title: '提示', msg: result.Message, icon: Ext.MessageBox.INFO, buttons: Ext.Msg.OK });
|
|
|
//_Field.setValue("");
|
|
|
return;
|
|
|
}
|
|
|
//
|
|
|
//Ext.getCmp('CustNAME').setValue("");
|
|
|
//Ext.getCmp('DeptName').setValue("");
|
|
|
//Ext.getCmp('SALE').setValue("");
|
|
|
//Ext.getCmp('ITEMNAME').setValue("");
|
|
|
var strItem = result.Message.toString();
|
|
|
if (strItem == "") {
|
|
|
Ext.getCmp('SubjectAccount').hide();
|
|
|
Ext.getCmp('CustNAME').hide();
|
|
|
Ext.getCmp('DeptName').hide();
|
|
|
Ext.getCmp('SALE').hide();
|
|
|
Ext.getCmp('ITEMNAME').hide();
|
|
|
this.acctype = 1;
|
|
|
gloabAccType = 1;
|
|
|
}
|
|
|
else {
|
|
|
this.acctype = 2;
|
|
|
gloabAccType = 2;
|
|
|
Ext.getCmp('SubjectAccount').show();
|
|
|
this.storeSubjectAccount.load({ params: { condition: "ACCID='" + sACCID + "'", ACCDATEbgn: ACCDATEbgn} });
|
|
|
argItems = result.Message.toString().split(",");
|
|
|
strItem = argItems[0].toString();
|
|
|
Ext.getCmp('SubjectAccount').setValue(strItem);
|
|
|
//
|
|
|
if (strItem == "客户") {
|
|
|
Ext.getCmp('CustNAME').show();
|
|
|
Ext.getCmp('DeptName').hide();
|
|
|
Ext.getCmp('SALE').hide();
|
|
|
Ext.getCmp('ITEMNAME').hide();
|
|
|
}
|
|
|
else if (strItem == "部门") {
|
|
|
Ext.getCmp('DeptName').show();
|
|
|
Ext.getCmp('CustNAME').hide();
|
|
|
Ext.getCmp('SALE').hide();
|
|
|
Ext.getCmp('ITEMNAME').hide();
|
|
|
}
|
|
|
else if (strItem == "人员") {
|
|
|
Ext.getCmp('SALE').show();
|
|
|
Ext.getCmp('CustNAME').hide();
|
|
|
Ext.getCmp('DeptName').hide();
|
|
|
Ext.getCmp('ITEMNAME').hide();
|
|
|
}
|
|
|
else if (strItem == "项目") {
|
|
|
Ext.getCmp('ITEMNAME').show();
|
|
|
Ext.getCmp('CustNAME').hide();
|
|
|
Ext.getCmp('DeptName').hide();
|
|
|
Ext.getCmp('SALE').hide();
|
|
|
}
|
|
|
}
|
|
|
//this.onRefreshClick();
|
|
|
}
|
|
|
},
|
|
|
async: false,
|
|
|
scope: this
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
//
|
|
|
var form = this.formSearch.getForm();
|
|
|
var rdOBJNUM = Ext.getCmp('rdOBJNUM');
|
|
|
var OBJNUM = rdOBJNUM.getValue();
|
|
|
//
|
|
|
this.sqlcontext = "";
|
|
|
var strACCDATE = form.findField('ACCDATE').getRawValue();
|
|
|
var strCURRENCY = form.findField('CURRENCY').getValue();
|
|
|
var strACCID = form.findField('ACCID').getValue();
|
|
|
var isDETAILED = "";
|
|
|
var AccitemsList = DsStoreQueryBy(this.storeCwAccitems, 'ACCID', strACCID.toString());
|
|
|
if (AccitemsList.length > 0) {
|
|
|
var AccitemsRaw = AccitemsList.getAt(0).raw;
|
|
|
isDETAILED = AccitemsRaw.DETAILED.toString();
|
|
|
}
|
|
|
var strCustNAME = form.findField('CustNAME').getValue();
|
|
|
var strDeptName = form.findField('DeptName').getValue();
|
|
|
var strSALE = form.findField('SALE').getValue();
|
|
|
var strITEMNAME = form.findField('ITEMNAME').getValue();
|
|
|
var strSubjectAccount = form.findField('SubjectAccount').getValue();
|
|
|
//
|
|
|
this.storeList.removeAll();
|
|
|
this.storeList.load({
|
|
|
params: { start: 0, limit: this.PageSize, strACCDATE: strACCDATE, strCURRENCY: strCURRENCY, strACCID: strACCID, strCustNAME: strCustNAME, strDeptName: strDeptName, strSALE: strSALE, strITEMNAME: strITEMNAME, strSubjectAccount: strSubjectAccount, acctype: this.acctype, sumfieldtype: OBJNUM, isDETAILED: isDETAILED },
|
|
|
waitMsg: "正在查询数据...",
|
|
|
scope: this
|
|
|
});
|
|
|
},
|
|
|
//#endregion
|
|
|
|
|
|
//#region 其他
|
|
|
checkSearchCondition: function () {
|
|
|
var form = this.formSearch.getForm();
|
|
|
if (!form.isValid()) {
|
|
|
//Ext.Msg.alert('提示', '查询条件赋值错误，请检查。');
|
|
|
return false;
|
|
|
}
|
|
|
return true;
|
|
|
},
|
|
|
|
|
|
onClearSql: function () {
|
|
|
var form = this.formSearch.getForm();
|
|
|
form.reset();
|
|
|
this.InitData();
|
|
|
},
|
|
|
|
|
|
OprationSwap: function () {
|
|
|
var ret = new Array();
|
|
|
ret[0] = this.OprationStatus;
|
|
|
ret[1] = this.storeList;
|
|
|
ret[2] = this.SelectedRecord;
|
|
|
ret[3] = this.SelectedRecord.data.BSNO;
|
|
|
ret[4] = "RptCwGLDetailColumnChartIndex";
|
|
|
return ret;
|
|
|
}
|
|
|
//#endregion
|
|
|
});
|
|
|
|
|
|
function $() {
|
|
|
return document.getElementById(arguments[0]) || false;
|
|
|
}
|
|
|
function openNewDiv(_id, DivHtml, newDivWidth, newDivHeight, strYear, strMonth) {
|
|
|
var accdate = Ext.getCmp('ACCDATE').getRawValue();
|
|
|
var condition = Ext.getCmp('ACCID').getValue();
|
|
|
var currency = Ext.getCmp('cmbCURRENCY').getValue()
|
|
|
//alert(accdate+" "+condition);
|
|
|
|
|
|
var m = "mask";
|
|
|
var _leftDatumPoint = document.body.scrollLeft + document.body.clientWidth / 2 - newDivWidth / 2;
|
|
|
var _topDatumPoint = document.body.scrollTop + document.body.clientHeight / 2 - newDivHeight / 2;
|
|
|
var _innerHTML = "<div style='padding-top:130px;width:1083px;text-align:center;'><img src='../../../images/wait.gif' width='80' height='80' bordr='0' /></div>"; // "<div style='padding-left:60px;padding-top:0px;padding-bottom:30px;width:500px;height:262px;line-height:22px;font-size:12px;color:#000;font-family:\"微软雅黑\";overflow-x:hidden;overflow-y:auto;'>韩国航线<br />日本九州<br />日本关东<br />日本关西<br />日本航线<br />日本关西<br />日本关西<br />日本关西<br />日本关西<br />日本关西<br />日本关西<br />日本关西<br />日本关西<br />日本关西<br />日本关西<br />日本关西<br />日本关西<br /><br /></div>"; //
|
|
|
var _storeDictionary = new Array();
|
|
|
var _storeDictionaryClass = new Array();
|
|
|
var _storeDictionaryValue = 0;
|
|
|
var outputStr = "";
|
|
|
var outputStrTitle = "";
|
|
|
var outputStrAmount = "";
|
|
|
|
|
|
var datetimeStr = "";
|
|
|
var recordCount = 0;
|
|
|
|
|
|
var dispClass = 0;
|
|
|
|
|
|
var strSumfieldType = "";
|
|
|
|
|
|
if ($(_id)) document.body.removeChild($(_id));
|
|
|
if ($(m)) document.body.removeChild($(m));
|
|
|
//mask遮罩层
|
|
|
var newMask = document.createElement("div");
|
|
|
newMask.id = m;
|
|
|
newMask.style.position = "absolute";
|
|
|
newMask.style.zIndex = "1";
|
|
|
_scrollWidth = Math.max(document.body.scrollWidth, document.documentElement.scrollWidth);
|
|
|
_scrollHeight = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
|
|
|
newMask.style.width = _scrollWidth + "px";
|
|
|
newMask.style.height = _scrollHeight + "px";
|
|
|
newMask.style.top = "0px";
|
|
|
newMask.style.left = "0px";
|
|
|
newMask.style.background = "#33393C";
|
|
|
newMask.style.filter = "alpha(opacity=1)";
|
|
|
newMask.style.opacity = "0.01";
|
|
|
document.body.appendChild(newMask);
|
|
|
|
|
|
//消息层框架
|
|
|
var newDiv = document.createElement("div");
|
|
|
newDiv.id = _id;
|
|
|
newDiv.style.position = "absolute";
|
|
|
newDiv.style.zIndex = "9999";
|
|
|
newDivWidth = newDivWidth || 1004;
|
|
|
if (document.body.clientHeight > 768) {
|
|
|
newDivHeight = newDivHeight || 630;
|
|
|
}
|
|
|
else {
|
|
|
newDivHeight = 500;
|
|
|
}
|
|
|
_topDatumPoint = document.body.scrollTop + document.body.clientHeight / 2 - newDivHeight / 2;
|
|
|
newDiv.style.width = newDivWidth + "px";
|
|
|
newDiv.style.height = newDivHeight + "px";
|
|
|
newDiv.style.top = _topDatumPoint + "px";
|
|
|
newDiv.style.left = _leftDatumPoint + "px";
|
|
|
newDiv.style.background = "#dfe9f6";
|
|
|
newDiv.style.border = "1px solid #99bce8";
|
|
|
newDiv.style.padding = "5px";
|
|
|
//newDiv.innerHTML = DivHtml;
|
|
|
document.body.appendChild(newDiv);
|
|
|
|
|
|
|
|
|
//消息层标题
|
|
|
var newDivTitle = document.createElement("div");
|
|
|
newDivTitle.id = "_title" + _id;
|
|
|
newDivTitle.style.position = "absolute";
|
|
|
newDivTitle.style.zIndex = "10002";
|
|
|
newDivWidth = newDivWidth || 1083;
|
|
|
newDivHeight = newDivHeight || 630;
|
|
|
newDivTitle.style.width = 1083 + "px";
|
|
|
newDivTitle.style.height = 16 + "px";
|
|
|
newDivTitle.style.top = _topDatumPoint + "px";
|
|
|
newDivTitle.style.left = _leftDatumPoint + "px";
|
|
|
newDivTitle.style.border = "0px solid #99bce8";
|
|
|
newDivTitle.style.padding = "5px";
|
|
|
newDivTitle.style.fontWeight = "bold";
|
|
|
newDivTitle.style.color = "#15498b";
|
|
|
newDivTitle.style.fontSize = "14px";
|
|
|
newDivTitle.style.fontFamily = "微软雅黑";
|
|
|
document.body.appendChild(newDivTitle);
|
|
|
|
|
|
//消息层按钮
|
|
|
var newDivTitleBtn = document.createElement("div");
|
|
|
newDivTitleBtn.id = "_titleBtn" + _id;
|
|
|
newDivTitleBtn.style.position = "absolute";
|
|
|
newDivTitleBtn.style.zIndex = "10005";
|
|
|
newDivWidth = newDivWidth || 1083;
|
|
|
newDivHeight = newDivHeight || 630;
|
|
|
newDivTitleBtn.style.width = 14 + "px";
|
|
|
newDivTitleBtn.style.height = 14 + "px";
|
|
|
newDivTitleBtn.style.top = _topDatumPoint + 2 + "px";
|
|
|
newDivTitleBtn.style.left = _leftDatumPoint + 1064 + "px";
|
|
|
newDivTitleBtn.style.border = "0px solid #99bce8";
|
|
|
newDivTitleBtn.style.padding = "0px";
|
|
|
document.body.appendChild(newDivTitleBtn);
|
|
|
|
|
|
//消息层内容
|
|
|
var newDivContent = document.createElement("div");
|
|
|
newDivContent.id = "_contentFrame" + _id;
|
|
|
newDivContent.style.position = "absolute";
|
|
|
newDivContent.style.zIndex = "10000";
|
|
|
newDivContent.style.width = 1083 + "px";
|
|
|
|
|
|
if (document.body.clientHeight > 768) {
|
|
|
newDivContent.style.height = 593 + "px";
|
|
|
}
|
|
|
else {
|
|
|
newDivContent.style.height = 464 + "px";
|
|
|
}
|
|
|
newDivContent.style.top = _topDatumPoint + 35 + "px";
|
|
|
newDivContent.style.left = _leftDatumPoint + "px";
|
|
|
newDivContent.innerHTML = _innerHTML;
|
|
|
document.body.appendChild(newDivContent);
|
|
|
|
|
|
//查询消息
|
|
|
|
|
|
//消息层滚动居中
|
|
|
function newDivCenter() {
|
|
|
newDiv.style.top = _topDatumPoint + "px";
|
|
|
newDiv.style.left = _leftDatumPoint + "px";
|
|
|
}
|
|
|
if (document.all) {
|
|
|
window.attachEvent("onscroll", newDivCenter);
|
|
|
}
|
|
|
else {
|
|
|
window.addEventListener('scroll', newDivCenter, false);
|
|
|
}
|
|
|
//关闭新图层和mask遮罩层
|
|
|
var newA = document.createElement("a");
|
|
|
newA.style.color = "#15498b";
|
|
|
newA.style.fontSize = "14px";
|
|
|
newA.style.fontFamily = "微软雅黑";
|
|
|
newA.style.cssText = "font-size:14px;text-decoration:none;"
|
|
|
newA.href = "#";
|
|
|
newA.innerHTML = "×";
|
|
|
newA.onclick = function () {
|
|
|
if (document.all) {
|
|
|
window.detachEvent("onscroll", newDivCenter);
|
|
|
}
|
|
|
else {
|
|
|
window.removeEventListener('scroll', newDivCenter, false);
|
|
|
}
|
|
|
document.body.removeChild($(_id));
|
|
|
document.body.removeChild($("_title" + _id));
|
|
|
document.body.removeChild($("_titleBtn" + _id));
|
|
|
document.body.removeChild($("_contentFrame" + _id));
|
|
|
document.body.removeChild($(m));
|
|
|
return false;
|
|
|
}
|
|
|
newDivTitleBtn.appendChild(newA);
|
|
|
|
|
|
if (Ext.getCmp('rdoGain').getValue()) { strSumfieldType = "本期合计"; }
|
|
|
else if (Ext.getCmp('rdoArrearage').getValue()) { strSumfieldType = "本年累计"; }
|
|
|
|
|
|
Ext.onReady(function () {
|
|
|
_store = Ext.create('DsExt.ux.RefTableStore', { //OBJNAME, OBJNUM, ACCATTRIBUTE, ACCNAME, DC, ACCDATE, ACCTYPE
|
|
|
fields: [
|
|
|
{ name: 'VOUDATE', type: 'string' },
|
|
|
{ name: 'VKNO', type: 'string' },
|
|
|
{ name: 'VOUNO', type: 'string' },
|
|
|
{ name: 'EXPLAN', type: 'string' },
|
|
|
{ name: 'DR', type: 'string' },
|
|
|
{ name: 'CR', type: 'string' },
|
|
|
{ name: 'DC', type: 'string' }
|
|
|
],
|
|
|
proxy: { url: '/MvcShipping/RptCwGLDetailColumnChart/GetDataListDetail' },
|
|
|
scope: this
|
|
|
});
|
|
|
_store.load({ params: { strACCDATE: accdate, strCURRENCY: currency, strACCID: condition, strInquireField: objName, acctype: gloabAccType, sumfieldtype: strSumfieldType} });
|
|
|
|
|
|
_store.on("load", function (_store) {
|
|
|
newDivTitle.innerHTML = " " + DivHtml + " - " + objName;
|
|
|
|
|
|
outputStrTitle = "<table id=\"ResultTitle\" align=\"left\" class=\"tab\" width=\"840\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\">";
|
|
|
outputStrTitle += "<tr>";
|
|
|
outputStrTitle += "<td width=\"100\" height=\"40\" align=\"center\" valign=\"middle\" class=\"tabTitle tabTopBorder\">日期</td>";
|
|
|
outputStrTitle += "<td width=\"60\" height=\"40\" align=\"center\" valign=\"middle\" class=\"tabTitle tabTopBorder\">凭证字</td>";
|
|
|
outputStrTitle += "<td width=\"60\" height=\"40\" align=\"center\" valign=\"middle\" class=\"tabTitle tabTopBorder\">凭证号</td>";
|
|
|
outputStrTitle += "<td width=\"220\" height=\"40\" align=\"center\" valign=\"middle\" class=\"tabTitle tabTopBorder\">摘要</td>";
|
|
|
outputStrTitle += "<td width=\"40\" height=\"40\" align=\"center\" valign=\"middle\" class=\"tabTitle tabTopBorder\">方向</td>";
|
|
|
outputStrTitle += "<td width=\"180\" height=\"40\" align=\"center\" valign=\"middle\" class=\"tabTitle tabTopBorder\">借方金额</td>";
|
|
|
outputStrTitle += "<td width=\"180\" height=\"40\" align=\"center\" valign=\"middle\" class=\"tabTitle tabTopBorder\">贷方金额</td>";
|
|
|
outputStrTitle += "</tr>";
|
|
|
outputStrTitle += "</table>";
|
|
|
|
|
|
outputStr = "<table id=\"Result\" width=\"840\" align=\"left\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\" class=\"tab\" style=\"border-top:0px #fff solid;border-bottom:0px #fff solid;\">";
|
|
|
|
|
|
for (var i = 0; i < _store.getCount(); i++) {
|
|
|
outputStr += "<tr>";
|
|
|
if (i % 2 == 0) {
|
|
|
outputStr += "<td width=\"100\" height=\"20\" align=\"center\" valign=\"middle\" class=\"tabLeftCollumn tabLeftTopBorder\" style=\"width:100px;max-width:100px;min-width:100px;\">" + _store.getAt(i).get("VOUDATE") + "</td>";
|
|
|
outputStr += "<td width=\"60\" height=\"20\" align=\"center\" valign=\"middle\" class=\"tabLightCollumnNormal tabTopBorder\" style=\"width:60px;max-width:60px;min-width:60px;\">" + _store.getAt(i).get("VKNO") + "</td>";
|
|
|
outputStr += "<td width=\"60\" height=\"20\" align=\"center\" valign=\"middle\" class=\"tabLightCollumnNormal tabTopBorder\" style=\"width:60px;max-width:60px;min-width:60px;\">" + _store.getAt(i).get("VOUNO") + "</td>";
|
|
|
outputStr += "<td width=\"220\" height=\"20\" align=\"center\" valign=\"left\" class=\"tabLightCollumnNormal tabTopBorder\" style=\"width:220px;max-width:220px;min-width:220px;text-align:left;\"><span style=\"padding-left:5px;display:block;\">" + _store.getAt(i).get("EXPLAN") + "</span></td>";
|
|
|
outputStr += "<td width=\"40\" height=\"20\" align=\"center\" valign=\"middle\" class=\"tabLightCollumnNormal tabTopBorder\" style=\"width:40px;max-width:40px;min-width:40px;\">" + _store.getAt(i).get("DC") + "</td>";
|
|
|
outputStr += "<td width=\"180\" height=\"20\" align=\"center\" valign=\"right\" class=\"tabLightCollumnNormal tabTopBorder\" style=\"width:180px;max-width:180px;min-width:180px;text-align:right;\"><span style=\"padding-right:20px;display:block;\">" + _store.getAt(i).get("DR") + "</span></td>";
|
|
|
outputStr += "<td width=\"180\" height=\"20\" align=\"center\" valign=\"right\" class=\"tabLightCollumnNormal tabTopBorder\" style=\"width:180px;max-width:180px;min-width:180px;text-align:right;\"><span style=\"padding-right:20px;display:block;\">" + _store.getAt(i).get("CR") + "</span></td>";
|
|
|
}
|
|
|
else {
|
|
|
outputStr += "<td width=\"100\" height=\"20\" align=\"center\" valign=\"middle\" class=\"tabLeftCollumn tabLeftTopBorder\" style=\"width:100px;max-width:100px;min-width:100px;\">" + _store.getAt(i).get("VOUDATE") + "</td>";
|
|
|
outputStr += "<td width=\"60\" height=\"20\" align=\"center\" valign=\"middle\" class=\"tabDarkCollumnNormal tabTopBorder\" style=\"width:60px;max-width:60px;min-width:60px;\">" + _store.getAt(i).get("VKNO") + "</td>";
|
|
|
outputStr += "<td width=\"60\" height=\"20\" align=\"center\" valign=\"middle\" class=\"tabDarkCollumnNormal tabTopBorder\" style=\"width:60px;max-width:60px;min-width:60px;\">" + _store.getAt(i).get("VOUNO") + "</td>";
|
|
|
outputStr += "<td width=\"220\" height=\"20\" align=\"center\" valign=\"left\" class=\"tabDarkCollumnNormal tabTopBorder\" style=\"width:220px;max-width:220px;min-width:220px;text-align:left;\"><span style=\"padding-left:5px;display:block;\">" + _store.getAt(i).get("EXPLAN") + "</span></td>";
|
|
|
outputStr += "<td width=\"40\" height=\"20\" align=\"center\" valign=\"middle\" class=\"tabDarkCollumnNormal tabTopBorder\" style=\"width:40px;max-width:40px;min-width:40px;\">" + _store.getAt(i).get("DC") + "</td>";
|
|
|
outputStr += "<td width=\"180\" height=\"20\" align=\"center\" valign=\"right\" class=\"tabDarkCollumnNormal tabTopBorder\" style=\"width:180px;max-width:180px;min-width:180px;text-align:right;\"><span style=\"padding-right:20px;display:block;\">" + _store.getAt(i).get("DR") + "</span></td>";
|
|
|
outputStr += "<td width=\"180\" height=\"20\" align=\"center\" valign=\"right\" class=\"tabDarkCollumnNormal tabTopBorder\" style=\"width:180px;max-width:180px;min-width:180px;text-align:right;\"><span style=\"padding-right:20px;display:block;\">" + _store.getAt(i).get("CR") + "</span></td>";
|
|
|
}
|
|
|
outputStr += "</tr>";
|
|
|
recordCount++;
|
|
|
}
|
|
|
outputStr += "</table>";
|
|
|
|
|
|
if (document.body.clientHeight > 768) {
|
|
|
_innerHTML = "<div id='ResultFrame' style='padding-left:24px;padding-right:24px;padding-top:0px;width:840px;height:593px;line-height:22px;font-size:12px;color:#000;font-family:\"微软雅黑\";'>";
|
|
|
_innerHTML += "<div style='margin:0px;padding:0px;width:840px;height:46px;font-size:12px;color:#fff;font-family:\"微软雅黑\";text-align:center;'>" + outputStrTitle + "</div>";
|
|
|
_innerHTML += "<div style='margin:0px;padding:0px;width:840px;height:502px;font-size:12px;color:#fff;font-family:\"微软雅黑\";text-align:center;overflow-x:hidden;overflow-y:auto;'>" + outputStr + "</div>"; /*height:502px;*/
|
|
|
_innerHTML += "</div>";
|
|
|
}
|
|
|
else {
|
|
|
_innerHTML = "<div id='ResultFrame' style='padding-left:24px;padding-right:24px;padding-top:0px;width:840px;line-height:22px;font-size:12px;color:#000;font-family:\"微软雅黑\";'>"; /*height:593px;*/
|
|
|
_innerHTML += "<div style='margin:0px;padding:0px;width:840px;height:41px;font-size:12px;color:#fff;font-family:\"微软雅黑\";text-align:left;'>" + outputStrTitle + "</div>";
|
|
|
_innerHTML += "<div id='Result' style='margin:0px;padding:0px;width:840px;font-size:12px;color:#fff;font-family:\"微软雅黑\";text-align:left;overflow-x:hidden;overflow-y:auto;'>" + outputStr + "</div>"; /*height:373px;*/
|
|
|
_innerHTML += "</div>";
|
|
|
}
|
|
|
newDivContent.innerHTML = _innerHTML;
|
|
|
|
|
|
if (parseInt(newDivContent.style.height.substring(0, 3)) > parseInt(document.getElementById("ResultFrame").offsetHeight)) {
|
|
|
|
|
|
newDivContent.style.height = document.getElementById("ResultFrame").offsetHeight + "px";
|
|
|
newDiv.style.width = 890 + "px";
|
|
|
newDivTitleBtn.style.left = _leftDatumPoint + 872 + "px";
|
|
|
newDiv.style.height = parseInt(newDivTitle.style.height.substring(0, 2)) + parseInt(newDivContent.style.height.substring(0, 3)) + 40 + "px"; //40
|
|
|
_topDatumPoint = document.body.scrollTop + document.body.clientHeight / 2 - parseInt(newDiv.style.height.substring(0, 3)) / 2
|
|
|
newDiv.style.top = _topDatumPoint + "px";
|
|
|
newDivTitle.style.top = _topDatumPoint + "px";
|
|
|
newDivContent.style.top = _topDatumPoint + 35 + "px";
|
|
|
newDivTitleBtn.style.top = _topDatumPoint + 2 + "px";
|
|
|
}
|
|
|
else {
|
|
|
document.getElementById("Result").style.height = parseInt(newDivContent.style.height.substring(0, 3)) - 20 - 46 + "px"; //470
|
|
|
newDivContent.style.height = parseInt(newDivContent.style.height.substring(0, 3)) - 20 + "px"; //561
|
|
|
newDiv.style.width = 890 + "px";
|
|
|
newDivTitleBtn.style.left = _leftDatumPoint + 872 + "px";
|
|
|
newDiv.style.height = parseInt(newDivTitle.style.height.substring(0, 2)) + parseInt(newDivContent.style.height.substring(0, 3)) + 40 + "px";
|
|
|
_topDatumPoint = document.body.scrollTop + document.body.clientHeight / 2 - parseInt(newDiv.style.height.substring(0, 3)) / 2
|
|
|
newDiv.style.top = _topDatumPoint + "px";
|
|
|
newDivTitle.style.top = _topDatumPoint + "px";
|
|
|
newDivContent.style.top = _topDatumPoint + 35 + "px";
|
|
|
newDivTitleBtn.style.top = _topDatumPoint + 2 + "px";
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|