/**
|
* 主数据引擎在流程中显示的内容
|
* @author weidy
|
* @date 2022-2-23
|
*/
|
layui.define(['layer','element','form','table','dynamicCondition' ,'tree','mdm/MdmEngineForm'],function(exports){
|
var webUtil = $webUtil;
|
var Class = function() {
|
this.MODELNAME = "mdm/MdmEngineInProcess";
|
this.moduleKey = "MdmEngineInProcess";
|
this.id = "MdmEngineInProcess";
|
this.backPath = configData.compatibility ? path : configData.mdmService;
|
this.url = {
|
controller: 'mdmEngineController/',
|
tableUI: 'getUIInfoByClassifyOid',
|
formUI: 'getFormDefineByClassifyOid',
|
tableData: 'gridTableDataByClassifyOid',
|
getDataByOid: 'getDataByOid',
|
getPhaseByClassifyOid: 'listPhaseAttrByClassifyOid',
|
markpass:'markPass'
|
};
|
this.sourceData = {};
|
this.config={}
|
this.getContent = function () {
|
var that = this;
|
return '<div id="UIContent_' + that.id + '" style="overflow: auto;padding:0 5px"></div>';
|
};
|
this.showContent = function () {
|
var html = "";
|
var that = this;
|
html = [
|
'<div class="layui-layout easyui-layout UIContentLayout" id="easyuiLayout_', that.id, '" data-options="fit:true" style="display:block;overflow-y: hidden">',
|
'<div data-options="region:\'west\',split:true" title="编码" style="width:210px;padding: 5px;">',
|
'<div class="layui-vci-tree" style="overflow: auto">',
|
'<ul layui-filter="tree_', that.id, '"><ul>',
|
'</div>',
|
'</div>',
|
'<div data-options="region:\'center\'" title="编码详细信息" style="" id="border_', that.id, '">',
|
'<div class="layui-center">',
|
that.getToolbarHtml(),
|
'<div class="easyui-layout" id="easyuiLayoutCenter_', that.id, '" data-options="fit:true" style="display:block;overflow-y: hidden;">',
|
'<div data-options="region:\'center\'" style="padding: 5px;border: 0;">',
|
'<form id="form_' + that.id + '" lay-filter="form_' + that.id + '" class="layui-form " style="margin-top:5px" ></form>',
|
'</div>',
|
'<div data-options="region:\'south\',split:true,collapsed:true" style="height:270px;padding-left: 5px;padding-right: 5px;border-left: 0;border-right: 0;border-bottom: 0;" id="border_center_', that.id, '">',
|
'<div class="layui-layout-border layui-tab" lay-filter="tab_',that.id ,'" style="display:block;margin:5px;">',
|
'<ul class="layui-tab-title tabTitle tab_center_', that.id, '" lay-allowClose="false">',
|
'<li class="layui-this" lay-id="resemble">相似项查询</li>',
|
'</ul>',
|
'<ul class="layui-tab-content tabContent">',
|
'<li class="layui-tab-item layui-show" lay-id="resemble">',
|
'<table id="resemble_', that.id , '" lay-filter="resemble_',that.id , '" style="overflow-x:auto;"></table>',
|
'</li>',
|
'</ul>',
|
'</div>',
|
'</div>',
|
'</div>'
|
,
|
'</div>',
|
'</div>',
|
'</div>',
|
].join("");
|
$("#UIContent_" + that.id).html(html);
|
};
|
this.init = function () {
|
var that = this;
|
this.config[that.id] = {
|
id:that.id,
|
sourceData:that.sourceData
|
};
|
if(that.config[that.id].sourceData.maxHeight && that.config[that.id].sourceData.maxHeight<250){
|
that.config[that.id].sourceData.maxHeight=250
|
}else {
|
that.config[that.id].sourceData.maxHeight=$('#portal_body').height() - 102
|
}
|
var dateStore = that.sourceData['dataStore'];
|
that.config[that.id].codeClassifyOid = dateStore[0]['codeclsfid'];
|
webUtil.copyConfig(that, that.moduleKey);
|
if ($webUtil.isNull(that.config[that.id].codeClassifyOid)) {
|
$webUtil.showErrorMsg("数据中没有主题库分类主键");
|
return false;
|
}
|
that.MdmEngineForm = layui['mdm/MdmEngineForm'];
|
that.config[that.id].componentVO = null;
|
setTimeout(function () {
|
that.showContent();
|
var easyuiLayout = $('#easyuiLayout_' + that.id)
|
easyuiLayout.css({height:that.config[that.id].sourceData.maxHeight-10, width: $('#portal_body').width() - 360})
|
easyuiLayout.layout();
|
var easyuiLayoutCenter = $('#easyuiLayoutCenter_' + that.id)
|
easyuiLayoutCenter.css({
|
height: $("#border_" + that.id).height() - 68,
|
width: $("#border_" + that.id).width() - 20
|
})
|
easyuiLayoutCenter.layout();
|
that.showForm(that.id);
|
that.initTree(dateStore);
|
}, 1);
|
};
|
this.getToolbarHtml = function () {
|
var that = this;
|
return ['<div layui-filter="toolbar_',that.id,'" class="layui-btn-container layui-buttons" style="margin:0 5px">',
|
that.sourceData.noEdit?'':('<button class="layui-btn layui-btn-sm" id="toolbar_'+that.id+'_SAVEDATA" style="display:none;"><i class="layui-icon layui-icon-star"></i>保存</button>'),
|
'<button class="layui-btn layui-btn-sm" id="toolbar_',that.id,'_resembleDATA" style="display:none;"><i class="layui-icon layui-icon-star"></i>相似项查询</button>',
|
'</div>'].join('');
|
};
|
this.refresh = function (configId){
|
var that= this;
|
that.setValueForForm(configId);
|
};
|
this.initTree = function (dateStore) {
|
var that = this;
|
var tree = layui.tree;
|
var scrollHeight = that.config[that.id].sourceData.maxHeight || (window.innerHeight-210);
|
var treeUL = $('[layui-filter="tree_' + that.id + '"]');
|
var treeHeight = scrollHeight-100;
|
treeUL.parent().height(treeHeight);
|
$webUtil.post("processDefineController/getVariableByKey", {
|
executionId: that.config[that.id].sourceData['executionid'],
|
keys: 'processUse'
|
}, function (result) {
|
if (result.success) {
|
var processUse = result.obj['processUse'];
|
webUtil.get('mdmEngineController/getFieldByProcessTemplate', {templateOid: dateStore[0].codetemplateoid,executionId:that.config[that.id].sourceData['executionid'],processUse:processUse}, function (result) {
|
if (!result.success) {
|
$webUtil.showErrorMsg(result.msg);
|
} else {
|
var treeData = [];
|
layui.each(dateStore,function(_index,_item){
|
var text=[]
|
if(result.obj && result.obj.length>0){
|
for (var i=0;i<result.obj.length;i++){
|
var record = result.obj[i];
|
text.push(_item[record] || '');
|
}
|
}else{
|
text.push(_item['name'] || ('第' + (_index + 1) + "行数据"));
|
}
|
|
var tree = {
|
oid: _item.oid,
|
text: text.join(' '),
|
leaf: true,
|
attributes: _item
|
}
|
treeData.push(tree);
|
});
|
tree.init("tree_" + that.id, treeUL, {
|
data: treeData,
|
showSearch: true,
|
configId:that.id,
|
templet:function (d) {
|
if (d.attributes.passing === false || d.attributes.passing === 'false') {
|
return '<span style="color: red;">' + d.name + '</span>' + '<i class="layui-icon layui-icon-ok" style="margin-left:10px;font-size:14px;display: inline-block;padding: 0 5px 0 10px;color: red"></i> '
|
}if (d.attributes.passing === true || d.attributes.passing === 'true') {
|
return '<span style="color: green;">' + d.name + '</span>' + '<i class="layui-icon layui-icon-edit" style="margin-left:10px;font-size:14px;display: inline-block;padding: 0 5px 0 10px;color: green"></i> '
|
} else {
|
return d.name + '<i class="layui-icon layui-icon-edit" style="margin-left:10px;font-size:14px;display: inline-block;padding: 0 5px 0 10px;"></i>'
|
}
|
},
|
click: function (item, elem, options,event) {
|
that.config[options.configId].currentItemOid = item.oid;
|
that.config[options.configId].currentItemAttributes = item.attributes;
|
that.setValueForForm(options.configId);
|
if (event.target.className == 'layui-icon layui-icon-ok') {
|
that.setMarkPass(options.configId,item.oid,item.attributes.btmname,true)
|
return false;
|
}
|
if (event.target.className == 'layui-icon layui-icon-edit') {
|
that.setMarkPass(options.configId,item.oid,item.attributes.btmname,false)
|
return false;
|
}
|
},
|
done:function (filter,children,elem){
|
var currentelem=layui.tree.getElemByItem(filter, children[0].oid);
|
if(currentelem.length>0){
|
currentelem.children('a').trigger('click')
|
}
|
}
|
});
|
}
|
}, function (xhr, err) {
|
}, that.backPath,true);
|
}else{
|
var treeData = [];
|
layui.each(dateStore,function (_index,_item){
|
var tree = {
|
oid: _item.oid,
|
text: (_item.name || ('第' + (_index + 1) + "行数据")),
|
leaf: true,
|
attributes: _item
|
}
|
treeData.push(tree);
|
});
|
tree.init("tree_" + that.id, treeUL, {
|
data: treeData,
|
showSearch: true,
|
configId:that.id,
|
templet:function (d) {
|
if (d.attributes.passing === false || d.attributes.passing === 'false') {
|
return '<span style="color: red;">' + d.name + '</span>' + '<i class="layui-icon layui-icon-ok" style="margin-left:10px;font-size:14px;display: inline-block;padding: 0 5px 0 10px;color: red"></i> '
|
}if (d.attributes.passing === true || d.attributes.passing === 'true') {
|
return '<span style="color: green;">' + d.name + '</span>' + '<i class="layui-icon layui-icon-edit" style="margin-left:10px;font-size:14px;display: inline-block;padding: 0 5px 0 10px;color: green"></i> '
|
} else {
|
return d.name + '<i class="layui-icon layui-icon-edit" style="margin-left:10px;font-size:14px;display: inline-block;padding: 0 5px 0 10px;"></i>'
|
}
|
},
|
click: function (item, elem, options,event) {
|
that.config[options.configId].currentItemOid = item.oid;
|
that.config[options.configId].currentItemAttributes = item.attributes;
|
that.setValueForForm(options.configId);
|
if (event.target.className == 'layui-icon layui-icon-ok') {
|
that.setMarkPass(options.configId,item.oid,item.attributes.btmname,true)
|
return false;
|
}
|
if (event.target.className == 'layui-icon layui-icon-edit') {
|
that.setMarkPass(options.configId,item.oid,item.attributes.btmname,false)
|
return false;
|
}
|
},
|
done:function (filter,children,elem){
|
var currentelem=layui.tree.getElemByItem(filter, children[0].oid);
|
if(currentelem.length>0){
|
currentelem.children('a').trigger('click')
|
}
|
}
|
});
|
}
|
},function (error,xhr){
|
$webUtil.showErrorMsg("获取可编辑项出错")
|
},that.backPath,true);
|
|
};
|
|
this.setMarkPass = function (configId,oid,btmname,pass){
|
var that=this
|
webUtil.ajax('post', that.url.controller+that.url.markpass, {oid:oid,btmName:btmname,pass:pass}, function (result) {
|
if (result.success) {
|
webUtil.showMsgFromResult(result, "标记成功");
|
var options=layui.tree.getOptions("tree_" +configId)
|
layui.each(options.data,function (i,item){
|
if(item.oid==oid){
|
options.data[i].attributes.passing=pass;
|
}
|
})
|
layui.tree.setOptions("tree_" +configId,options)
|
layui.tree.reload("tree_" +configId,options)
|
} else {
|
webUtil.showErrorMsg(result.msg);
|
}
|
}, function (xhr, err) {
|
webUtil.showErrorMsg("请求服务出现了错误，可能服务器未开启");
|
}, that.backPath);
|
}
|
this.setValueForForm = function (configId) {
|
var that = this;
|
//只传递了数据的主键，所以我们需要从后台获取一下
|
var filter = "form_" + that.config[configId].id;
|
//先从
|
var lables = $("#form_" + that.config[configId].id + " label");
|
if(lables && lables.length>0){
|
layui.each(lables,function (_index,_item){
|
var itemEL = $(_item);
|
if(itemEL.attr("class").indexOf("label-name-" + filter + "-")>-1) {
|
itemEL.css("color", "#000");
|
}
|
});
|
}
|
|
if(that.config[configId].currentItemOid && that.config[configId].componentVO) {
|
$webUtil.get(that.url.controller + that.url.getDataByOid, {
|
oid: that.config[configId].currentItemOid,
|
templateOid: that.config[configId].componentVO.templateVO.oid
|
}, function (result) {
|
if (result.success) {
|
layui.form.setValues(result.obj, filter);
|
if (result.data && result.data.length > 0) {
|
var difFields = result.data[0];
|
if (difFields) {
|
for (var key in difFields) {
|
var nameEl = $("#form_" + that.config[configId].id + " .label-name-" + filter + "-" + key);
|
if (nameEl) {
|
nameEl.css("color", "red");
|
}
|
}
|
}
|
}
|
} else {
|
$webUtil.showErrorMsg(result.msg);
|
}
|
}, function (err, xhr) {
|
$webUtil.showErrorMsg("获取数据出错了，请稍后再试");
|
}, that.backPath);
|
}
|
};
|
|
this.showForm = function (configId) {
|
//我们需要先获取变量里记录的阶段是什么
|
var that = this;
|
//移除以前的内容
|
$("#form_" + that.config[configId].id).html('');
|
$webUtil.post("processDefineController/getVariableByKey", {
|
executionId: that.config[configId].sourceData['executionid'],
|
keys: 'phase,processUse'
|
}, function (result) {
|
if (result.success) {
|
var phase = result.obj['phase'];
|
//根据阶段获取本次可以编辑的字段
|
$webUtil.get(that.url.controller + that.url.getPhaseByClassifyOid, {
|
codeClassifyOid: that.config[configId].codeClassifyOid,
|
phase: phase
|
}, function (pharseResult) {
|
that.getFormDefine(configId,function (componentVO) {
|
that.config[configId].componentVO = componentVO;
|
var formDefineVO = componentVO.formDefineVO;
|
if (formDefineVO) {
|
var filter = "form_" + that.config[configId].id;
|
var form = layui.form;
|
var colCount = that.MdmEngineForm.getFormCol(formDefineVO,{width:$('#border_'+that.config[configId].id).width()});
|
var items = that.getFormItemsByVO(formDefineVO, pharseResult.obj,phase,colCount);
|
|
form.addItems(filter, items,
|
function () {
|
that.setValueForForm(configId);
|
if((pharseResult.obj && pharseResult.obj.length>0) || phase == 'all'){
|
var saveBtn = $("#toolbar_" + that.config[configId].id +"_SAVEDATA");
|
saveBtn.show();
|
saveBtn.unbind('click').click(function (){
|
//执行保存
|
that.saveData(configId);
|
});
|
}
|
|
var hasResemble = (componentVO.resembleTableVO && componentVO.resembleTableVO.cols && componentVO.resembleTableVO.cols.length > 0);
|
if(!hasResemble){
|
$('#easyuiLayoutCenter_' + that.config[configId].id).layout('remove','south');
|
return;
|
}else {
|
$('#easyuiLayoutCenter_' + that.config[configId].id).layout('expand','south');
|
that.MdmEngineForm.initResembleTable(componentVO, that.config[configId].id);
|
var resembleBtn = $("#toolbar_" + that.config[configId].id + "_resembleDATA");
|
resembleBtn.show();
|
resembleBtn.unbind('click').click(function () {
|
if (form.validata(filter)) {
|
webUtil.get('mdmEngineController/getCodeRuleByClassifyOid', {codeClassifyOid: that.config[configId].codeClassifyOid}, function (result) {
|
if (!result.success) {
|
$webUtil.showErrorMsg(result.msg);
|
} else {
|
var values = form.getDefaultValues(filter, true);
|
that.config[configId].codeRuleOid = result.obj.oid;
|
var datas = {
|
codeClassifyOid: that.config[configId].codeClassifyOid,
|
templateOid: componentVO.templateVO.oid,
|
codeRuleOid: result.obj.oid,
|
data: values.otherValue
|
}
|
$.extend(datas, values.defaultValues);
|
webUtil.manualAjax('post', 'mdmEngineController/resembleQuery', JSON.stringify(datas), function (res) {
|
if (res.success) {
|
layui.table.reload("resemble_" + that.config[configId].id, {
|
data: res.data
|
});
|
} else {
|
webUtil.showErrorMsg(res.msg);
|
}
|
}, function (xhr, err) {
|
webUtil.showErrorMsg("请求服务出现了错误，可能服务器未开启");
|
}, that.backPath);
|
}
|
});
|
}
|
});
|
}
|
}, {}, {defaultColumnOneRow: colCount, labelWidth: 160,useLabelFlag:true});
|
}
|
});
|
}, function (error, xhr) {
|
$webUtil.showErrorMsg("主数据服务可能没有启动")
|
}, that.backPath,true);
|
} else {
|
$webUtil.showErrorMsg(result.msg);
|
}
|
}, function (error, xhr) {
|
$webUtil.showErrorMsg("流程的服务可能没有启动");
|
}, configData.compatibility ? path : configData.processServicePath,true)
|
};
|
this.saveData = function (configId){
|
var that = this;
|
if(!that.config[configId].currentItemOid){
|
$webUtil.showErrorMsg("请选择编码");
|
return false;
|
}
|
var form = layui.form;
|
var filter = "form_" + that.config[configId].id;
|
if (form.validata(filter)) {
|
var values = form.getDefaultValues(filter, true);
|
var datas = {
|
codeClassifyOid:that.config[configId].codeClassifyOid,
|
templateOid:that.config[configId].componentVO.templateVO.oid,
|
editInProcess:true,
|
oid:that.config[configId].currentItemOid,
|
data: values.otherValue
|
}
|
$.extend(datas, values.defaultValues);
|
webUtil.manualAjax('put', that.url.controller+'editSaveCode', JSON.stringify(datas), function (result) {
|
if (result.success) {
|
webUtil.showMsgFromResult(result, "修改成功");
|
that.refresh(configId)
|
} else {
|
webUtil.showErrorMsg(result.msg);
|
}
|
}, function (xhr, err) {
|
webUtil.showErrorMsg("请求服务出现了错误，可能服务器未开启");
|
}, that.backPath);
|
}
|
};
|
this.getFormDefine = function (configId,callback) {
|
var that = this;
|
webUtil.get(that.url.controller + that.url.formUI, {codeClassifyOid: that.config[configId].codeClassifyOid}, function (result) {
|
if (!result.success) {
|
$webUtil.showErrorMsg(result.msg);
|
} else {
|
if (callback) {
|
callback(result.obj);
|
}
|
}
|
}, function (xhr, err) {
|
webUtil.showErrorMsg("请求服务出现了错误，可能服务器未开启");
|
}, that.backPath,true);
|
};
|
this.getFormItemsByVO = function (formDefineVO, showFields,phase,colCount) {
|
layui.each(formDefineVO.items, function (_index, _item) {
|
//因为表单上的字段上已经设置了readOnly，在默认上设置的readOnly不会生效，我们需要自行转换一下
|
if (_item.field == 'id' || _item.field == 'lcstatus' ) {
|
_item.readOnly = true;
|
} else {
|
if(showFields && showFields.length>0) {
|
var finded = false;
|
layui.each(showFields, function (fieldIndex, field) {
|
if (_item.field == field) {
|
finded = true;
|
return true;
|
}
|
});
|
_item.readOnly = !finded;
|
}else{
|
if(phase!='all'){
|
_item.readOnly = true;
|
}
|
}
|
}
|
_item.inputWidth = 250;
|
if(_item.type=="textarea"){
|
_item.useAllWidth=true;
|
_item.inputWidth = 415 * colCount - 160;
|
}
|
});
|
return formDefineVO.items;
|
};
|
};
|
var cs = new Class();
|
exports(cs.MODELNAME,cs);
|
});
|
