You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

480 lines
18 KiB
JavaScript

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

Ext.namespace('Shipping');
Shipping.MsInfoClientFeedbackEdit = function (config) {
Ext.applyIf(this, config);
this.initUIComponents();
window.Shipping.MsInfoClientFeedbackEdit.superclass.constructor.call(this);
};
Ext.extend(Shipping.MsInfoClientFeedbackEdit, Ext.Panel, {
ParentWin: null,
OpStatus: 'add',
StoreList: null,
editRecord: null,
Editdata: null,
initUIComponents: function () {
//#region gridList列表 下拉框信息加载
//权限范围
this.StoreOpRange = Ext.create('DsExt.ux.RefTableStore', {
model: 'MsOP',
proxy: { url: '/MvcShipping/MsBaseInfo/GetOpRang' }
});
this.StoreOpRange.load({ params: { optype: "modMsInfoClientFeedback"} });
//问答类型
Ext.define('REMARKTYPENAMEModel', { extend: 'Ext.data.Model', fields: [{ name: 'Name', type: 'string'}] });
var dataREMARKTYPENAME = [{ "Name": "问" }, { "Name": "答"}];
this.storeREMARKTYPENAME = Ext.create('Ext.data.Store', { model: 'REMARKTYPENAMEModel', data: dataREMARKTYPENAME });
this.comboxREMARKTYPENAME = Ext.create('DsExt.ux.RefTableCombox', {
//fieldLabel: '类型',
forceSelection: true,
store: this.storeREMARKTYPENAME,
id: 'REMARKTYPENAME',
valueField: 'Name',
displayField: 'Name',
allowBlank: false
});
//客户维护方式
this.storeInfoClassACTION = Ext.create('DsExt.ux.RefTableStore', {
model: 'DsShipping.ux.MsInfoClassModel',
proxy: { url: '/CommMng/BasicDataRef/GetMsInfoClass' }
});
this.storeInfoClassACTION.load({ params: { condition: "parentID='CI20170122000001' and del_sign=0"} });
this.comboxInfoClassACTION = Ext.create('DsExt.ux.RefTableCombox', {
fieldLabel: '维护方式',
store: this.storeInfoClassACTION,
forceSelection: false, //输入值是否严格为待选列表中存在的值
//matchFieldWidth: false, //下拉款自适应宽度
//allowBlank: false,
name: 'ACTION',
valueField: 'CLASSNAME',
displayField: 'CLASSNAME',
value: ''
});
//#endregion
//#region 信息显示录入面板
this.formHead = Ext.widget('form', {
region: 'north',
frame: true,
fieldDefaults: {
labelAlign: 'right',
flex: 1,
labelWidth: 60,
msgTarget: 'qtip'
},
items: [{
xtype: 'container',
layout: 'hbox',
defaultType: 'textfield',
items: [{
fieldLabel: '反馈编号',
name: 'FEEDBACKID',
readOnly: true
},
{
fieldLabel: '信息状态',
name: 'STATUS',
readOnly: true
},
{
fieldLabel: '客户名称',
name: 'COMPANYID',
readOnly: true
},
{
fieldLabel: '客户项目',
name: 'PROJECT',
readOnly: true
},{
fieldLabel: '开始时间',
name: 'BEGINDATE',
readOnly: true
}]
}, {
xtype: 'container',
layout: 'hbox',
defaultType: 'textfield',
items: [{ xtype: 'hiddenfield', height: 10}]
}, {
xtype: 'container',
layout: 'hbox',
defaultType: 'textfield',
items: [{
fieldLabel: '反馈类型',
name: 'FEEDBACKTYPE',
readOnly: true
}, {
fieldLabel: '维护类型',
name: 'STLNAME',
readOnly: true
}, this.comboxInfoClassACTION, {
fieldLabel: '维护费用',
name: 'EXPENSE',
align: 'right',
renderer: function (value, cellmeta, record, rowIndex, columnIndex, store) {
try {
var lsValue = usMoney(value, 2, '', false);
if (lsValue != "NaN") {
value = lsValue; if (parseFloat(lsValue) < 0) {
return '<SPAN style="COLOR: red">' + lsValue + '</SPAN>';
}
}
else {
return value;
}
}
catch (e) {
return value;
}
return value;
}
}, { xtype: 'hiddenfield' }]
}, {
xtype: 'container',
layout: 'hbox',
defaultType: 'textfield',
items: [{ xtype: 'hiddenfield', height: 10}]
}]
});
//#endregion
//#region 定义数据集
this.storeList = Ext.create('Ext.data.Store', {
pageSize: this.PageSize,
model: 'MsInfoClientFeedbackInfoEntity',
remoteSort: true,
proxy: {
type: 'ajax',
url: '/SoftMng/MsInfoClientFeedback/GetFeedbackInfoList',
reader: {
id: 'REMARKID',
root: 'data',
totalProperty: 'totalCount'
}
}
});
//#endregion
//#region 定义Grid
this.girdcolums = [{
dataIndex: 'REMARKID',
hidden: true,
width: 0
}, {
dataIndex: 'REMARKTYPENAME',
header: '类型',
width: 40,
editor: this.comboxREMARKTYPENAME
}, {
dataIndex: 'REMARK',
header: '问题',
width: 500,
editor: {
xtype: 'textareafield',
selectOnFocus: true,
grow: true,
height: '100%',
anchor: '100%'
}
// ,renderer: function (value, cellmeta, record, rowIndex, columnIndex, store) {
// //ExtJS3中实现自适应行高
// /*metadata.attr = 'style="white-space:normal;"';
// return value;*/
// //ExtJS4中实现自适应行高
// return '<div style="white-space:normal;">' + value + '</div>'
// }
}];
//#endregion
//#region gridList列表显示信息
this.gridListCellEditing = Ext.create('Ext.grid.plugin.CellEditing', {
clicksToEdit: 1 //1单击2双击
});
this.gridList = new Ext.grid.GridPanel({
store: this.storeList,
region: 'center',
enableHdMenu: false, //是否显示表格列的菜单
hideHeaders: false, //是否隐藏表头
enableColumnHide: false, //隐藏表头列
sortableColumns: false, //隐藏表头排序
trackMouseOver: true, //高亮显示鼠标所在的行默认为true,
disableSelection: false, //是否禁止选择表格行或列默认为false
//stripeRows: true, //斑马线效果
rowLines: true,
columnLines: true,
//autoHeight: true,
loadMask: { msg: "数据加载中,请稍等..." },
//selType: 'cellmodel',
plugins: [this.gridListCellEditing],
columns: this.girdcolums,
viewConfig: {
enableTextSelection: true, //允许复制数据
autoFill: true
},
bbar: Ext.create('Ext.PagingToolbar', {
store: this.storeList,
displayInfo: true,
displayMsg: '当前显示 {0} - {1}条记录 /共 {2}条记录',
emptyMsg: "没有数据"
})
});
//#endregion
//#region gridList函数
this.gridList.on('cellclick', function (_thisTable, td, cellIndex, record, tr, rowIndex, e, eOpts) {
if (cellIndex == 2) {
sName = record.data.REMARK.toString().trim().replace(/<br>/g, "\r\n");
record.set("REMARK", sName);
}
}, this);
this.gridList.on('edit', function (editor, e, eOpts) {
if (e.value == e.originalValue) { return; }
//
//#region 保存
var dataHead = this.formHead.getForm().getValues(false, false, false);
var member = e.record;
sName = member.data.REMARK.toString().trim().replace(/<br>/g, "\r\n");
member.set("REMARK", sName);
//
Ext.Ajax.request({
waitMsg: '正在保存数据...',
url: '/SoftMng/MsInfoClientFeedback/SaveFeedbackInfo',
scope: this,
params: {
dataHead: Ext.JSON.encode(dataHead),
data: Ext.JSON.encode(member.data)
},
callback: function (options, success, response) {
if (success) {
//Ext.MessageBox.hide();
var jsonresult = Ext.JSON.decode(response.responseText);
if (jsonresult.Success) {
member.set("REMARK", jsonresult.Data.REMARK.toString().trim().replace(/\r\n/g, "<br>"));
e.record.commit();
} else {
Ext.Msg.show({ title: '错误', msg: jsonresult.Message, icon: Ext.Msg.ERROR, buttons: Ext.Msg.OK });
}
} else {
Ext.Msg.show({ title: '请重试', msg: '服务器响应出错', icon: Ext.Msg.ERROR, buttons: Ext.Msg.OK });
}
}
});
//#endregion
}, this);
//#endregion
//#region 页面布局
this.panelBtn = new Ext.Panel({
region: "north",
tbar: [{
text: '添加明细',
tooltip: '添加',
id: "btnadd",
iconCls: "btnadd",
handler: function (button, event) {
this.onAddClick();
},
scope: this
}, {
text: "删除明细",
iconCls: "btndelete",
handler: function (button, event) {
this.onDeleteClick(button, event);
},
scope: this
}, '-', {
text: "关闭",
handler: function (button, event) {
window.close();
},
scope: this
}]
}); //end 按钮Toolbar
this.panelTop = new Ext.Panel({
layout: "border",
region: "north",
height: 100,
border: false,
items: [this.panelBtn, this.formHead]
});
Ext.apply(this, {
items: [this.panelTop, this.gridList]
});
//#endregion
parentWin = window.parent.opener;
this.InitData();
}, //end initUIComponents
InitData: function () {
this.opStatus = 'add';
var condition = '';
_this = this;
if (parentWin) {
var ret = parentWin.OprationSwap();
this.opStatus = ret[0];
this.StoreList = ret[1];
this.editRecord = ret[2];
}
if (this.opStatus == 'edit') {
condition = " FEEDBACKID='" + this.editRecord.get('FEEDBACKID') + "'";
}
this.LoadData(this.opStatus, condition);
}, //end InitData
LoadData: function (opstatus, condition) {
this.bodyDel = [];
this.opStatus = opstatus;
if (this.opStatus == 'add') {
var basicForm = this.formHead.getForm();
basicForm.reset();
basicForm.findField('FEEDBACKID').setDisabled(false);
basicForm.findField('FEEDBACKID').setValue("*");
basicForm.findField('FEEDBACKID').setDisabled(true);
}
else {
Ext.Ajax.request({
waitMsg: '正在查询主表数据...',
url: '/SoftMng/MsInfoClientFeedback/GetData',
params: {
condition: condition
},
callback: function (options, success, response) {
if (success) {
var result = Ext.JSON.decode(response.responseText);
if (!result.Success) {
Ext.Msg.show({ title: '提示', msg: result.Message, icon: Ext.MessageBox.ERROR, buttons: Ext.Msg.OK });
return;
}
data = result.data;
this.formHead.getForm().reset();
this.formHead.getForm().setValues(data);
this.storeList.load({ params: { start: 0, limit: this.PageSize, sort: '', condition: condition }, waitMsg: "正在查询数据...", scope: this });
//this.GetEditStatus();
} else {
Ext.MessageBox.alert('请求出现错误,请重试', response.responseText);
}
},
scope: this
});
}
}, // end LoadDate
//#region 新增
onAddClick: function () {
var n = this.storeList.getCount();
var record = Ext.create('MsInfoClientFeedbackInfoEntity', {
REMARKID: '*', //编号
REMARKTYPENAME: '答', //类型
REMARK: '' //问题
});
this.storeList.add(record);
//this.storeList.insert(0, record);
this.gridListCellEditing.startEditByPosition({ row: n, column: 2 }); //n
},
//#endregion
//#region 删除
onDeleteClick: function (button, event) {
var selections = this.gridList.getSelectionModel().getSelection();
if (selections.length == 0) {
Ext.Msg.show({ title: '提示', msg: '请先选择业务!', icon: Ext.Msg.INFO, buttons: Ext.Msg.OK });
return;
}
if (selections[0].data.REMARKTYPENAME.toString() == "问") {
Ext.Msg.show({ title: '提示', msg: '客户的问题不允许删除!', icon: Ext.Msg.INFO, buttons: Ext.Msg.OK });
return;
}
//
Ext.MessageBox.confirm('提示', '确定删除该记录吗?', function (btn) {
if (btn == 'yes') {
Ext.Msg.wait('正在删除数据...');
Ext.Ajax.request({
waitMsg: '正在删除数据...',
url: '/SoftMng/MsInfoClientFeedback/DeleteFeedbackInfo',
params: {
data: Ext.JSON.encode(selections[0].data)
},
callback: function (options, success, response) {
if (success) {
var jsonresult = Ext.JSON.decode(response.responseText);
if (jsonresult.Success) {
var condition = " FEEDBACKID='" + this.editRecord.get('FEEDBACKID') + "'";
this.storeList.load({ params: { start: 0, limit: this.PageSize, sort: '', condition: condition }, waitMsg: "正在查询数据...", scope: this });
Ext.Msg.hide();
}
else {
Ext.Msg.show({ title: '错误', msg: jsonresult.Message, icon: Ext.Msg.ERROR, buttons: Ext.Msg.OK });
}
}
},
failure: function (response, options) {
Ext.Msg.show({ title: '警告', msg: '服务器响应出错,请重试', icon: Ext.Msg.INFO, buttons: Ext.Msg.OK });
},
success: function (response, options) {
},
scope: this
}); //end Ext.Ajax.request
}
}, this);
},
//#endregion
GetEditStatus: function () {
var canedit = false;
var sMODIFYUSERGID = this.formHead.getForm().findField('sMODIFYUSERGID').getValue();
_this = this;
this.StoreOpRange.load({ params: { optype: "modMsInfoClientFeedback" },
callback: function (r, options, success) {
if (success) {
if (r.length != 0) {
var recordins = DsStoreQueryBy(_this.StoreOpRange, 'OPID', sMODIFYUSERGID);
if (recordins.getCount() > 0) {
canedit = true;
} else {
canedit = false;
}
} else { canedit = false; }
_this.setSaveBtnStatus(canedit);
}
}
});
},
setSaveBtnStatus: function (enable) {
var btnESave = Ext.getCmp('btnESave');
var btnESaveAndClose = Ext.getCmp('btnESaveAndClose');
var btnESaveAndNew = Ext.getCmp('btnESaveAndNew');
if (enable) {
btnESave.enable();
btnESaveAndClose.enable();
btnESaveAndNew.enable();
} else {
btnESave.disable();
btnESaveAndClose.disable();
btnESaveAndNew.disable();
}
}
});