apps/com.actionsoft.apps.workbench/template/form/委托审批流程-委托申请表单.htm

339 lines
13 KiB
HTML
Raw Normal View History

2022-06-28 01:22:45 +08:00
<!DOCTYPE html>
<html>
<head>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>委托申请表单</title>
<!--此处为AWS模板引擎动态生成的代码不被定义到模板中 -->
<script>
var 从文档库引用文件模板 = '从文档库引用文件模板';
var 确认 = '确认';
var 取消 = '取消';
var 提示 = '提示';
var 当前上传受限个数 = '当前上传受限个数';
var 附件总长度超过了设定的当前表的字段长度 = '附件总长度超过了设定的当前表的字段长度';
var 请稍后 = '请稍后...';
var 反选 = '反选';
var 全选 = '全选';
</script>
<style>
.clearfix:after{
clear: both;
content:".";
display: block;
height: 0;
visibility: hidden;
}
 .clearfix{
 zoom:1;
}
.taskDiv {
float: left;
width: 350px;
margin: 0 5px 5px 0;
height: 26px;
line-height: 22px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.processDiv {
width: 350px;
margin: 0 5px 5px 0;
height: 26px;
line-height: 22px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.processAppName{
padding-bottom:4px;
}
.processAppName img{
margin-right: 5px;
width:32px;
height:32px;
}
table.awsui-ux legend{
margin:0px;
}
.checkTool{
float: right;
font-size: 13px;
margin-top: 16px;
color: #2196F3;
cursor: pointer;
}
.checkTool:hover{
color:#1565c0;
}
.checkTool.checkA{
margin-right: 7px;
}
.checkTool.rcheck{
margin-right: 4px;
}
</style>
</style>
<meta name="viewport"
content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
[#AWSImport] [#AWSUIImport]
<link rel='stylesheet' id='schemeCss'
href='../apps/_bpm.platform/css/colorschemes/scheme_aws.css?v=1423633738000'
name='schemeCss' />
<link type='text/css' rel='stylesheet' id='themeCss'
href='../apps/_bpm.platform/css/theme/theme.css?v=1557381430000?v=1557381430000?v=1556415397000?v=1556415397000?v=1556415397000?v=1556415397000?v=1556415397000?v=1556415397000?v=1556415397000?v=1556415397000?v=1556415397000?v=1556415397000?v=1556415397000?v=1539590500000?v=1539590500000?v=1539590500000?v=1534471142442?v=1458208228000?v=1458208228000' name='themeCss' />
<link type='text/css' rel='stylesheet' id='themeCss' href='../apps/_bpm.platform/css/theme/theme.css?v=1557381430000?v=1557381430000?v=1556415397000?v=1556415397000?v=1556415397000?v=1556415397000?v=1556415397000?v=1556415397000?v=1556415397000?v=1556415397000?v=1556415397000?v=1556415397000?v=1556415397000?v=1539590500000?v=1539590500000?v=1539590500000?v=1534471142442?v=1458208228000?v=1458208228000' name='themeCss'/>
<script>
var rangeDataList = null;
var defaultRangeVal = [];
</script>
<link type='text/css' rel='stylesheet' id='themeCss' href='../apps/_bpm.platform/css/theme/theme.css' name='themeCss'/>
</head>
<body>
<form id="frmMain" method="post" name="frmMain">
<div id="aws-form-container" class="aws-form-ux-container" border="0">
<table id="aws-form-maintable" class="awsui-ux aws-form-ux-maintable" style="table-layout: auto;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr id="aws-form-titlebg" class="aws-form-ux-titlebg">
<td id="aws-form-title" class="aws-form-ux-header">委托申请表单</td>
</tr>
<tr id="aws-form-formcontent" class="aws-form-ux-formcontent">
<td>
<table width="100%" align="center">
<tbody>
<tr>
<td>
<table id="table_container" class="awsui-ux table-striped" style="padding: 0px;" width="100%" cellspacing="3" cellpadding="0">
<tbody>
<tr>
<td><fieldset><legend> 详细信息 </legend>
<table class="awsui-ux delegation"><colgroup> <col class="awsui-ux-title" /> <col style="width: 50.0%;" /> <col class="awsui-ux-title" /> <col style="width: 50.0%;" /> </colgroup>
<tbody>
<tr id="91d8c029_25ef_4bb4_ae95_b181192a0e3a">
<td class="awsui-ux-title"><label id="APPLICANTUSERLabel" class="aws-form-ux-label" for="APPLICANTUSER">申请人</label></td>
<td class="aws-form-ux-content">[#APPLICANTUSER]</td>
<td class="awsui-ux-title"><label id="USERNAMELabel" class="aws-form-ux-label" for="USERNAME">申请人姓名</label></td>
<td class="aws-form-ux-content">[#USERNAME]</td>
</tr>
<tr id="c8728688_23e0_0001_d9ce_5871bbe26c90">
<td class="awsui-ux-title"><label id="APPLICANTUSERIDENTITYLabel" class="aws-form-ux-label" for="APPLICANTUSERIDENTITY">申请人身份</label></td>
<td class="aws-form-ux-content">[#APPLICANTUSERIDENTITY]</td>
</tr>
</tbody>
</table>
</fieldset></td>
</tr>
<tr>
<td><fieldset><legend> 委托信息 </legend>
<table class="awsui-ux" style="table-layout: fixed; white-space: normal;"><colgroup> <col class="awsui-ux-title" /> <col style="width: 50.0%;" /> <col class="awsui-ux-title" /> <col style="width: 50.0%;" /> </colgroup>
<tbody>
<tr>
<td class="awsui-ux-title"><label id="DELEGATEUSERLabel" class="aws-form-ux-label" for="DELEGATEUSER">代理人</label></td>
<td class="aws-form-ux-content colspan_3">[#DELEGATEUSER]</td>
<td class="awsui-ux-title"><label id="DELEGATEUSERIDENTITYLabel" class="aws-form-ux-label" for="DELEGATEUSERIDENTITY">代理人身份</label></td>
<td class="aws-form-ux-content">[#DELEGATEUSERIDENTITY]</td>
</tr>
<tr id="c872868a_69d0_0001_db8e_153f48a516b1">
<td class="awsui-ux-title"><label id="SCOPETYPELabel" class="aws-form-ux-label" for="SCOPETYPE">范围</label></td>
<td class="aws-form-ux-content colspan_3">[#SCOPETYPE]</td>
<td class="awsui-ux-title">&nbsp;</td>
<td class="aws-form-ux-content">&nbsp;</td>
</tr>
<tr id="processRangeTr" style="display: none;">
<td class="awsui-ux-title"><label id="SCOPELabel" class="aws-form-ux-label" for="SCOPE">流程</label></td>
<td class="aws-form-ux-content colspan_3" colspan="3">
<div id="usersuper" class="awsui-superinput" border="0" style="width: 100%; max-height: 280px; overflow-x: hidden:overflow-y: auto; padding-right: 5px; position: relative;">
<div border="0"></div>
<button style="position: absolute; right: 0px; margin: -4px -1px 0px 0px; width: 28px; height: 30px; padding-left: 5px; padding-right: 5px; padding-top: 1px;" class="button" type="button" id="addButton"><img src="../apps/_bpm.platform/ui/process/relatedprocesstask/img/but_add.gif" /></button></div>
<div border="0" style="display: none;">[#SCOPE]</div>
</td>
</tr>
<tr id="deptRangeTr" style="display: none;">
<td class="awsui-ux-title"><label id="DELEGATEDEPTLabel" class="aws-form-ux-label" for="DELEGATEDEPT">部门</label></td>
<td class="aws-form-ux-content colspan_3" colspan="3">[#DELEGATEDEPT]</td>
</tr>
<tr id="roleRangeTr" style="display: none;">
<td class="awsui-ux-title">角色</td>
<td class="aws-form-ux-content colspan_3" colspan="3"><input id="delegaterole" class="awsui-input" style="width: 100%;" type="text" value="" name="delegaterole" /> <input id="delegateroleId" class="txt" type="hidden" value="" name="delegaterole" /></td>
</tr>
<tr id="9fa552d5_55a6_46ce_acbc_7cec23d2fd92">
<td class="awsui-ux-title"><label id="BEGIN_TIMELabel" class="aws-form-ux-label" for="BEGIN_TIME">生效时间</label></td>
<td class="aws-form-ux-content">[#BEGIN_TIME]</td>
<td class="awsui-ux-title"><label id="END_TIMELabel" class="aws-form-ux-label" for="END_TIME">失效时间</label></td>
<td class="aws-form-ux-content">[#END_TIME]</td>
</tr>
<tr>
<td class="awsui-ux-title"><label id="DELEGATEREASONLabel" class="aws-form-ux-label" for="DELEGATEREASON">委托说明</label></td>
<td class="aws-form-ux-content colspan_3" colspan="3">[#DELEGATEREASON]</td>
</tr>
</tbody>
</table>
</fieldset></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr class="aws-form-bottom">
<td class="aws-form-ux-actionsoft">[#Actionsoft]
<div id="hiddenArea" border="0" style="display: none;">[#USERCOMPANY][#USERDEPT][#DELEGATECOMPANYID][#DELEGATEDEPTID][#DELEGATEROLEID][#APPLICANTCOMPANYID][#APPLICANTDEPTID][#APPLICANTROLEID]</div>
</td>
</tr>
</tbody>
</table>
</div>
<div id="delegationRangeDlg" border="0" style="display: none; width: 80%; height: 70%;" title="流程范围">
<div id="content" class="dlg-content awsui-ux" border="0">
<div class="awsui-toolbar" border="0">
<div border="0" style="width: 300px; float: right;"><input id="buttoneditLiveSearch" class="txt" style="width: 300px;" type="text" placeholder="快速搜索AppIdApp名称流程名称" /></div>
</div>
<div id="delegationDataList" border="0" style="overflow: scroll;">
<table id="processRange" class="awsui-ux"></table>
</div>
</div>
</div>
</form>
<script src="../apps/com.actionsoft.apps.workbench/js/com.actionsoft.apps.workbench.delegation.js?v=1467250519000" type="text/javascript"></script>
<script id="formOnload">
function formOnload(){
}
$(function(){
//修改界面 初始化展示数据
var applicantCompanyId = $("#APPLICANTCOMPANYID").val();
var applicantDeptId = $("#APPLICANTDEPTID").val();
var applicantRoleId = $("#APPLICANTROLEID").val();
var delegateCompanyId = $("#DELEGATECOMPANYID").val();
var delegateDeptId = $("#DELEGATEDEPTID").val();
var delegateRoleId = $("#DELEGATEROLEID").val();
if(delegateCompanyId!=''&&delegateDeptId!=''&&delegateRoleId!=''){
var valueUids = [];
var value=''+'|'+delegateCompanyId+'|'+delegateDeptId+'|'+delegateRoleId;
valueUids.push(value);
awsui.ajax.request({
url: './jd',
type: 'POST',
dataType: 'json',
alert: false,
data: {
sid: $("#sid").val(),
cmd: 'com.actionsoft.apps.workbench_get_delegaterole',
valueUids: JSON.stringify(valueUids)
},
success: function (r) {
var data = r.data.chinaPath;
$("#DELEGATEUSERIDENTITY_Readonly").html(data);
}
});
}
awsui.ajax.request({
url: './jd',
type: 'POST',
dataType: 'json',
alert: false,
data: {
sid: $("#sid").val(),
uid: $("#APPLICANTUSER").val(),
cmd: 'com.actionsoft.apps.workbench_get_applicationrole'
},
success:function(r){debugger
//$("#select2-APPLICANTUSERIDENTITY-container").html('');
$("#DELEGATEREASON").css("width",($("#DELEGATEREASON").width()+20)+"px");
var data = r.data.roleArr;
var ids = applicantCompanyId+'|'+applicantDeptId+'|'+applicantRoleId;
if(applicantCompanyId==undefined){ids='||'}
if($("#APPLICANTUSERIDENTITY_Readonly").length==0){
var opt = {
width : $("#APPLICANTUSER").width(),
data :data
};
var flag = false;
for(var i=0;i<data.length;i++){
if(ids==data[i]['id']){
flag = true;
break;
}
}
if(flag){
$("#APPLICANTUSERIDENTITY").select2(opt);
$("#APPLICANTUSERIDENTITY").next().css("width",($("#APPLICANTUSER").width()+10)+"px");
$("#APPLICANTUSERIDENTITY").on("change", function (e) {
var val = $(this).val();
if(val){
var arr = val.split("|");
if(arr.length==3){
$("#APPLICANTCOMPANYID").val(arr[0]);
$("#APPLICANTDEPTID").val(arr[1]);
$("#APPLICANTROLEID").val(arr[2]);
}
}
});
$("#APPLICANTUSERIDENTITY").val(ids).trigger('change');
}else{
var opt2 = {
width : $("#APPLICANTUSER").width(),
data :[{'id':'00','text':'身份无效'}]
};
$("#APPLICANTUSERIDENTITY").select2(opt);
$("#APPLICANTUSERIDENTITY").next().css("width",($("#APPLICANTUSER").width()+10)+"px");
}
}else{
for(var i=0;i<data.length;i++){
if(data[i]['id']==ids){
$("#APPLICANTUSERIDENTITY_Readonly").html(data[i]['text']);
break;
}
}
}
}
});
});
function addressClearCallBackFun(){
var val = $("#DELEGATEUSER").val();
if(val==''){
$("#DELEGATEUSERIDENTITY").val('');
$("#DELEGATEUSERIDENTITY_Readonly").html('');
$("#DELEGATECOMPANYID").val('');
$("#DELEGATEDEPTID").val('');
$("#DELEGATEROLEID").val('');
}
}
function onAddressSelectedEvent(boItemName, val, jsonVal,valueUids){
if(boItemName=='DELEGATEUSER'){
awsui.ajax.request({
url: './jd',
type: 'POST',
dataType: 'json',
alert: false,
data: {
sid: $("#sid").val(),
cmd: 'com.actionsoft.apps.workbench_get_delegaterole',
valueUids: JSON.stringify(valueUids)
},
success: function (r) {
var data = r.data.chinaPath;
var ids = r.data.ids;
if(ids.length>0){
var arr = ids.split('|');
if(arr.length==3){
$("#DELEGATECOMPANYID").val(arr[0]);
$("#DELEGATEDEPTID").val(arr[1]);
$("#DELEGATEROLEID").val(arr[2]);
}
}
$("#DELEGATEUSERIDENTITY").val(r.data.ids);
$("#DELEGATEUSERIDENTITY_Readonly").html(data);
}
});
}
}
</script>
</body>
</html>