168 lines
5.9 KiB
HTML
Executable File
168 lines
5.9 KiB
HTML
Executable File
<!doctype html>
|
||
<html lang="zn-ch">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>coe-pa-pl-upfile-portal</title>
|
||
<link rel="stylesheet" href="../commons/css/awsui.css">
|
||
<script type="text/javascript" src="../commons/js/jquery/scripts/jquery.js"></script>
|
||
<script type="text/javascript" src="../commons/js/awsui.js"></script>
|
||
<script type="text/javascript" src="../commons/js/jquery/scripts/ui/aws.util.js"></script>
|
||
<script type='text/javascript' src='../commons/js/public.js'></script>
|
||
|
||
<script type="text/javascript" src="../apps/com.actionsoft.apps.coe.pal/js/coe.pal.pl.upfile.js"></script>
|
||
|
||
<style>
|
||
.tab a{
|
||
display: inline-block;
|
||
font-size: 14px;
|
||
margin: 0px 2px -1px 2px;
|
||
padding: 8px 12px;
|
||
cursor: pointer;
|
||
}
|
||
.tab a.active{
|
||
cursor: default;
|
||
border-bottom: solid 2px rgb(28, 161, 122);
|
||
color: rgb(28, 161, 122);
|
||
}
|
||
.title_div{
|
||
display: inline-block;
|
||
margin-right: 10px;
|
||
line-height: 29px;
|
||
}
|
||
.table > thead > tr > th {
|
||
font-size: 13px;
|
||
}
|
||
.table img {
|
||
padding: 0 5px;
|
||
cursor: pointer;
|
||
}
|
||
.text_overflow {
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
.sec-text{
|
||
display: block;
|
||
float: left;
|
||
height: 30px;
|
||
line-height: 30px;
|
||
position: relative;
|
||
text-align: left;
|
||
left: 15px;
|
||
}
|
||
.sec-select{
|
||
width: 200px;
|
||
align-items: center;
|
||
display: flex;
|
||
flex-direction: row;
|
||
font-size: 12px;
|
||
position: relative;
|
||
left: 30px;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
<div id="tab" class="tab">
|
||
<a tit="selfAccessory" class="active">附件</a>
|
||
<a tit="relationAccessory">关联附件</a>
|
||
</div>
|
||
|
||
<div id="content" style="margin-top: 10px; overflow-x: hidden;">
|
||
<div tit="selfAccessory" class="tab_content" style="width: 550px;">
|
||
<div id="accessoryList" style="width: 550px;height: 280px;vertical-align: top;">
|
||
<button id="showAddPage" type="button" class="button green" style="margin-left: 20px;">新增</button>
|
||
<table class="awsui-ux">
|
||
<tbody>
|
||
<tr>
|
||
<td>
|
||
<div id='upfileAlert' style='font-size:20px;width:100%;padding-top: 68px;text-align: center;margin:0px auto;color: #CCCCCC;display:none;'>点击"新增"上传相关附件</div>
|
||
<table id="selfAccessoryTable" class="table table-thin table-hover">
|
||
<thead>
|
||
<tr>
|
||
<th width="60%">文件名</th>
|
||
<th width="40%">操作</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
</tbody>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div id="addAccessory" style="width: 535px; padding: 0px 10px 10px 10px; display: none;">
|
||
<div>
|
||
<div style="width:480px;display:inline-block;">
|
||
<!-- <input style="width:350px;float:left;" id="upfileAccessoryName" readonly="readonly" type="text" class="awsui-input">-->
|
||
<span style="float:left;" id="upfile" class="button blue" onclick="return false;">选择文件</span>
|
||
<div style="padding: 5px; font-size: 12px; color: rgb(120, 120, 120);display: inline-block;">
|
||
<span style="word-break:keep-all;">附件格式支持:jpg, jpeg, gif, png, bmp, pdf, doc, docx, ppt, pptx, xls, xlsx, txt, mp3, mp4, avi, mpeg, flv, swf, wmv, xml, rtf,zip,rar</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="height: 170px;max-height: 170px; overflow-x: hidden; overflow-y: auto;border: 1px solid #e9e9e9;padding: 5px;">
|
||
<div id="upfileBlankMsg" style="font-size: 16px;width: 100%;text-align: center;line-height: 170px;vertical-align: middle;color: #CCCCCC;">
|
||
多个附件，请按“附件1:XXXX”方式命名附件，否则附件展示顺序随机
|
||
</div>
|
||
<div id="upfileList" style="display: none;">
|
||
<p style="margin: 0px;" id="upfileCheckResultMsg">正在校验</p>
|
||
<label>校验成功：</label>
|
||
<div id="upfileSuccessList">
|
||
</div>
|
||
<label>校验失败：</label>
|
||
<div id="upfileErrList">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="margin-top: 10px;">
|
||
<span id="saveAccessory" class="button blue" onclick="addFile(loadFiles)">开始上传</span>
|
||
<span id="cancel" class="button" onclick="return false;">取消</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div tit="relationAccessory" class="tab_content" style="display:none;">
|
||
<table class="awsui-ux">
|
||
<tbody>
|
||
<tr>
|
||
<td>
|
||
<div id='relationUpfileAlert' style='font-size:20px;width:100%;padding-top: 68px;text-align: center;margin:0px auto;color: #CCCCCC;display:none;'>该区域内容显示数据属性中关联的形状上传的相关附件文件</div>
|
||
<table id="relationAccessoryTable" class="table table-thin table-hover" style="width: 504px;">
|
||
<thead>
|
||
<tr>
|
||
<th width="60%">文件名</th>
|
||
<th width="40%">操作</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
</tbody>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<input type="hidden" id='sid' value="<#sid>" />
|
||
<input type="hidden" id='type' value="<#type>" />
|
||
<input type="hidden" id='pl_uuid' value="<#pl_uuid>" />
|
||
<input type="hidden" id='shape_uuid' value="<#shape_uuid>" />
|
||
<input type="hidden" id='repositoryName' value="<#repositoryName>" />
|
||
<input type="hidden" id='isHighSecurity' value="<#isHighSecurity>" />
|
||
<input type="hidden" id='securityOptions' value='<#securityOptions>' />
|
||
<input type="hidden" id='appId' value="<#appId>" />
|
||
<input type="hidden" id='userId' value="<#userId>" />
|
||
</body>
|
||
|
||
<script>
|
||
$(function($){
|
||
var readonly = <#readonly>;
|
||
if (readonly || (parent.parent.editable != undefined && parent.parent.editable == false) || (parent.editable != undefined && parent.editable == false)) {
|
||
$("button").prop("disabled", true).addClass("disable");
|
||
}
|
||
})
|
||
</script>
|
||
</html>
|