apps/com.actionsoft.apps.coe.pal/template/page/pal.pl.repository.create.htm
2022-06-27 23:38:56 +08:00

403 lines
16 KiB
HTML
Executable File

<!Doctype html>
<html xmlns=http://www.w3.org/1999/xhtml>
<head>
<meta charset="UTF-8">
<title>流程资源库文件portal</title>
<script src="../commons/js/jquery/scripts/jquery.js"></script>
<link rel="stylesheet" href="../commons/css/awsui.css">
<script src="../commons/js/awsui.js"></script>
<script>
var 名称 = "<I18N#名称>";
var 层次 = "<I18N#层次>";
var 编号 = "<I18N#编号>";
var 编号长度不得大于36个字符= "<I18N#编号长度不得大于36个字符>";
var 不允许为空 = "<I18N#不允许为空>";
var 里程碑 = "<I18N#里程碑>";
var 执行方式 = "<I18N#执行方式>";
var sid="<#sid>";
var wsid="<#wsid>";
var pid="<#pid>";
var selectCategoryValue="<#selectCategory>";
var selectContainer="_blank";
var processType="";
var defaultMessageJson={};
function selectCategory(o) {
$("li").removeClass("current");
$(o).addClass("current");
var type=$(o).attr("category");
//设置cookie
setCookie("processType",type);
processType=type;
//if(type==undefined||type=="undefined"){$("#defaultProcess").hide();$("#blank_temp").show();}
if(type=="default"){
returnDefaultMessage();
//$("#template-container").empty().html($("#defaultProcess").html());
$("#defaultProcess").show();
$("#template").hide();
}else {
$.ajax({
type: "POST",
url: "./jd?sid=" + "<#sid>" + "&cmd=com.actionsoft.apps.coe.pal_processlevel_create_template",
dataType: "json",
data: {
methodId: $(o).attr("category")
},
success: function(msg) {
$("#template").html(msg.data.html);
selectCategoryValue=$(o).attr("category");
$("#defaultProcess").hide();
$("#template").show();
}
})
}
}
function selectTemplateContainer(obj) {
$(".item-container").removeClass("template_selected");
obj.addClass("template_selected");
selectContainer = obj.attr("id");
}
//获取流程规划所需要的信息
function returnDefaultMessage(){
var url="./w?sid="+encodeURIComponent(sid)+"&cmd=com.actionsoft.apps.coe.pal_processlevel_create_ajax&wsid="+wsid+"&pid="+pid+"&id=0";
$.ajax({
url:url,
async:false,
success:function(msg){
//alert(msg);
var str = eval("("+msg+")");
defaultMessageJson=str;
//alert(str.plParentId);
$("#plOrderIndex").val(str.plOrderIndex);
$("#wsid").val(str.wsID);
$("#oldplAwsPid").val(str.plAwsPid);
$("#oldplAwsPidName").val(str.plAwsName);
$("#plAwsPid").val(str.plAwsPid);
$("#plSecurityW").val(str.plSecurityW);
$("#plSecurityR").val(str.plSecurityR);
$("#plParentId").val(str.plParentId);
$("#oldplSecurityW").val(str.plSecurityW);
$("#oldplSecurityR").val(str.plSecurityR);
$("#type").val(str.type);
}
});
}
/**
* 功能:去除字符串中所有空格
* 传参:需要处理的字符串
* 返回值:去除空格后的字符串
*/
function trimSpaces (Str) {
var ResultStr = "";
var Temp = Str.split(/\s/);
for(i = 0; i < Temp.length; i++) {
ResultStr += Temp[i];
}
return ResultStr;
}
function returnProcessJson(){
var id="0";
var wsId=jQuery("#wsid").val();
var plNo=jQuery("#plNo").val();
var plName=transferSpecialChar($("#plName").val().trim());
var plLevel=jQuery("#plLevel").val();
var plParentId=jQuery("#plParentId").val();
var plDesc=transferSpecialChar(trimSpaces(jQuery("#plDesc").val()));
var plOrderIndex=jQuery("#plOrderIndex").val();
var plIsBottomLevel=jQuery("#plIsBottomLevel").val();
var plRDId=jQuery("#plRDId").val();
var plRP=jQuery("#plRP").val();
var plM=jQuery("#plM").val();
var plExecType=jQuery("#plExecType").val();
var systemName=jQuery("#systemName").val();
var plAwsPid=jQuery("#plAwsPid").val();
var oldPlAwsPid=jQuery("#oldplAwsPid").val();
var plDiagramUrl=jQuery("#plDiagramUrl").val();
var plColor=jQuery("#plColor").val();
var plSecurityR=jQuery("#plSecurityR").val();
var plSecurityW=jQuery("#plSecurityW").val();
var oldplSecurityW=jQuery("#oldplSecurityW").val();
var oldplSecurityR=jQuery("#oldplSecurityR").val();
var methodId=jQuery("#methodId").val();
var json = "{'id':'"+id+"','wsId':'"+wsId+"','plNo':'"+plNo+"','plName':'"+plName+"','plLevel':'"+plLevel+"','plParentId':'"+plParentId+"','plDesc':'"+plDesc+"','plOrderIndex':'"+plOrderIndex+"','plIsBottomLevel':'"+plIsBottomLevel+"','plRDId':'"+plRDId+"','plRP':'"+plRP+"','plM':'"+plM+"','plExecType':'"+plExecType+"','systemName':'"+systemName+"','plAwsPid':'"+plAwsPid+"','oldPlAwsPid':'"+oldPlAwsPid+"','plDiagramUrl':'"+plDiagramUrl+"','plColor':'"+plColor+"','plSecurityR':'"+plSecurityR+"','plSecurityW':'"+plSecurityW+"','oldplSecurityW':'"+oldplSecurityW+"','oldplSecurityR':'"+oldplSecurityR+"','methodId':'"+methodId+"'}";
return json;
}
// 单双引号转义
function transferSpecialChar(str) {
return str.replace(/'/g,"&apos;").replace(/"/g,"&quot;");
}
//设置cookie
function setCookie(name, value) {
var today = new Date()
var expires = new Date()
expires.setTime(today.getTime() + 1000*60*60*24*365)
document.cookie = name + "=" + escape(value) + "; expires=" + expires.toGMTString()
}
function getCookie(Name) {
var search = Name + "=";
if(document.cookie.length > 0) {
offset = document.cookie.indexOf(search);
if(offset != -1) {
offset += search.length;
end = document.cookie.indexOf(";", offset);
if(end == -1) end = document.cookie.length;
return unescape(document.cookie.substring(offset, end));
}
else return "";
}
}
function dbclickEventT(obj){
if(!$("#textarea-dialog").is(":hidden")){return ;}
var title = $(obj).parent().siblings("td").text();
$("#textarea-dialog textarea").val( $(obj).val());
$(obj).blur();
$("#textarea-dialog textarea").blur();
$("#textarea-dialog").attr("title", title);
$("#textarea-dialog").dialog({
buttons : [{
text : '确定',
cls : "blue",
handler : function() {
$(obj).text($("#textarea-dialog textarea").val());
//autoSave(obj);
$("#textarea-dialog").dialog("close");
}
},{
text : '取消',
handler : function() {
$("#textarea-dialog").dialog("close");
}
}]
});
}
</script>
<script type="text/javascript" src="../<I18N#COEPATH>/js/pal.pl.repository.create.js"></script>
<style>
.top-tip {
height: 28px;
line-height: 28px;
padding-left: 10px;
background: #eeeeee;
float: left;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
li {
height: 35px;
line-height: 35px;
border-bottom: 1px solid #CEDAE1;
cursor: pointer;
padding-left: 8px;
display: list-item;
text-align: -webkit-match-parent;
}
li.current {
background: url(../apps/com.actionsoft.apps.coe.pal/img/pl/smooth_item-selected.png) no-repeat right center;
color: #ffffff;
border-bottom: 0px;
margin-right: -16px;
}
div{
resize: none;
outline: none;
font-size: 13px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.item-container.template_selected {
background-color: #63ABF7;
color: #FFFFFF;
}
.item-container div {
border: 1px solid #ccc;
width: 130px;
height: 130px;
margin-bottom: 5px;
background: #ffffff;
}
.item-container {
float: left;
text-align: center;
font-size: 12px;
color: #333;
margin: 10px 0px 0px 8px;
width: 132px;
padding: 5px 5px 0px 5px;
height: 170px;
cursor: pointer;
}
</style>
</head>
<body style='width:640px;margin:auto'>
<!-- <h2 style='margin:15px;color:#5B636B;font-size:24px;font-weight:200'>请选择</h2> -->
<div style="border:1px solid #CEDAE1; float:left;margin-top:5px; width:100%;">
<div class="top-tip" style="width:160px; border-right:1px solid #CEDAE1; border-bottom:1px solid #CEDAE1;">分类</div>
<div class="top-tip" style="width:459px;border-bottom:1px solid #CEDAE1;">模板</div>
<div style="float:left;width:170px; border-right:1px solid #CEDAE1;height:340px;">
<ul id="template-category-select" class="template-category">
<#lihtml>
</ul>
</div>
<div id="template-container" style="float:left;width:428px;height:340px;padding-left:10px;overflow-y: auto;">
<div id="template" style="display: none;">
<div id="blank_temp" onclick="selectTemplateContainer(this)" chartid="">
<div></div>
空模板
</div>
</div>
<div id="defaultProcess">
<div style="margin-left: 10px;margin-top: 10px;">
<table style="width:100%;" class="awsui-ux">
<tbody id="moreAttr">
<tr style="display:none">
<td class="awsui-ux-title" style="width:15%;"><I18N#编号></td>
<td><input class="awsui-textbox" type="text" id="plNo" value="" name="plNo"></td>
</tr>
<tr id="plNameTr">
<td class="awsui-ux-title" style="width:15%;"><I18N#名称></td>
<td><span class="required"><input class="awsui-textbox" type="text" id="plName" value="" name="plName" ></span></td>
</tr>
<tr id="methodIdTr" style="display:none">
<td class="awsui-ux-title">分类</td>
<td>
<select id="methodId" class="awsui-select">
<option value="default">默认</option>
<option value="process.bpmn2">BPMN流程图</option><option value="process.epc">事件驱动的过程链图</option><option value="process.evc">价值链图</option><option value="process.flowchart">流程图</option>
</select>
</td>
</tr>
<tr style="display:none">
<td class="awsui-ux-title">级别</td>
<td><input class="awsui-textbox" type="text" readonly="" value="0" id="plLevel" name="plLevel"></td>
</tr>
<tr>
<td class="awsui-ux-title" id="plDescTD"><I18N#描述></td>
<td>
<textarea ondblclick="dbclickEventT(this);" class="awsui-input awsui-textarea" name="plDesc" id="plDesc" ></textarea>
<div id="textarea-dialog" title="" style="display:none; width:500px; height:300px;">
<textarea style="width:100%; height:200px; border:1px solid rgb(178, 178, 178);" class="awsui-input awsui-textarea">52252552</textarea>
</div>
</td>
</tr>
<tr>
<td class="awsui-ux-title"><I18N#层次></td>
<td >
<select class="awsui-select" id="plIsBottomLevel" style="">
<option value="0" selected="true">高层流程</option>
<option value="1">底层流程</option>
</select>
</td>
</tr>
<tr style="display:none">
<td class="awsui-ux-title">责任部门</td>
<td name="">
<input type="hidden" value="" readonly="" id="plRDId" name="plRDId">
<input type="text" class="awsui-input" value="" readonly="" id="plRD" name="plRD">
</td>
</tr>
<tr style="display:none">
<td class="awsui-ux-title">责任人</td>
<td>
<input type="text" class="awsui-input" value=" " readonly="" id="plRP" name="plRP">
</td>
</tr>
<tr style="display:none">
<td class="awsui-ux-title">里程碑</td>
<td name="">
<select class="awsui-select" id="plM" >
<option value="0">规划</option>
<option value="1">梳理</option>
<option value="2">设计</option>
<option value="3">实施</option>
<option value="4">测试</option>
<option value="5">运行</option>
<option value="6">暂停</option>
</select></td>
</tr>
<tr style="display:none">
<td class="awsui-ux-title">执行方式</td>
<td>
<select class="awsui-select" name="plExecType" id="plExecType">
<option value="0">未执行</option>
<option value="1">制度执行</option>
<option value="2">部分系统执行</option>
<option value="3">完全系统执行</option>
</select></td>
</tr>
<tr id="systemNameTr" style="display: none">
<td class="awsui-ux-title">系统名称</td>
<td>
<select class="awsui-select" name="systemName" id="systemName">
<option value="-1">请选择...</option><option value="1">AWS BPM</option><option value="10">金蝶EAS</option><option value="11">金蝶K3</option><option value="12">浪潮ERP</option><option value="13">微软CRM</option><option value="14">Salesforce CRM</option><option value="15">微软ERP</option><option value="16">Infor ERP</option><option value="17">曼哈顿WMS</option><option value="2">SAP ERP</option><option value="3">Oracle ERP</option><option value="4">Oracle Siebel CRM</option><option value="5">Oracle JDE ERP</option><option value="6">Oracle PeopleSoft</option><option value="7">用友NC</option><option value="8">用友U9</option><option value="9">用友U8</option>
</select></td>
</tr>
<!--
<tr id="plAwsPidNameTr" style="display: none">
<td align="right" style="padding-right:5px">关联流程:</td>
<td name="">
<input type="text" style="width: 95%;" value="" readonly="" id="plAwsPidName" name="plAwsPidName" >
<span onclick="openTree()" style="height: 21px; margin-top: 1px; right: 47px;" class="awsui-buttonedit-right">...</span>
</td>
</tr> -->
<tr id="colortr" style="display:none">
<td class="awsui-ux-title">颜色标记</td>
<td>
<select class="awsui-select" name="plColor" id="plColor" >
<option value="#FFF">白色</option>
<option value="#FF99CC">粉红色</option>
<option value="#FBEC89">黄色</option>
<option value="#5BC0DE">浅蓝色</option>
<option value="#BEBEC5">浅灰色</option>
<option value="#999">灰色</option>
</select>
</td>
</tr>
<tr style="display:none">
<td class="awsui-ux-title">流程图</td>
<td>
<input class="awsui-textbox" type="text" value="" id="plDiagramUrl" name="plDiagramUrl">
</td>
</tr>
<tr style="display:none">
<td class="awsui-ux-title">维护组</td>
<td name="">
<input type="text" class="awsui-input" value="" readonly="" id="plSecurityWName" name="plSecurityWName" >
</td>
</tr>
<tr style="display:none">
<td class="awsui-ux-title">浏览组</td>
<td name="">
<input type="text" class="awsui-input" value="" readonly="" id="plSecurityRName" name="plSecurityRName" >
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div style="clear:both"></div>
</div>
<!--流程规划所需要的信息 -->
<input type="hidden" name="plOrderIndex" id="plOrderIndex" value="">
<input type="hidden" name="wsid" id="wsid" value="">
<input type="hidden" name="oldplAwsPid" id="oldplAwsPid" value =""/>
<input type="hidden" name="oldplAwsPidName" id="oldplAwsPidName" value =""/>
<input type="hidden" name="plAwsPid" id="plAwsPid" value =""/>
<input type="hidden" name="plSecurityW" id="plSecurityW" value="" />
<input type="hidden" name="plSecurityR" id="plSecurityR" value="" />
<input type="hidden" name="plParentId" id="plParentId" value =""/>
<input type="hidden" name="oldplSecurityW" id="oldplSecurityW" value="" />
<input type="hidden" name="oldplSecurityR" id="oldplSecurityR" value="" />
<input type="hidden" name="type" id="type" value =""/>
</body>
</html>