106 lines
3.6 KiB
HTML
106 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
|
||
<div id="orderFileDialog" class="dialog functionDialog" data-width="700" data-height="600">
|
||
<style>
|
||
.functionDialog .dialogBody {
|
||
height: auto !important;
|
||
}
|
||
|
||
.functionDialog .dialogContent {
|
||
background: #fdfdfd;
|
||
}
|
||
|
||
.functionDialog .right-wrapper {
|
||
box-sizing: border-box;
|
||
display: inline-block;
|
||
vertical-align: top;
|
||
width: 100%;
|
||
height: 465px;
|
||
}
|
||
|
||
.functionDialog .main-body .head {
|
||
-webkit-box-sizing: border-box;
|
||
-moz-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
padding: 0 15px;
|
||
height: 40px;
|
||
border-bottom: 1px solid #d5d5d4;
|
||
}
|
||
|
||
.functionDialog .main-body .the-title {
|
||
font-size: 15px;
|
||
line-height: 40px;
|
||
}
|
||
|
||
.functionDialog .main-body .content {
|
||
height: 423px;
|
||
}
|
||
|
||
.functionDialog .right-wrapper .content {
|
||
overflow: auto;
|
||
}
|
||
</style>
|
||
<div class="title">
|
||
<span class="">附件</span>
|
||
<div class="dialogClose">╳</div>
|
||
</div>
|
||
<div class="dialogBody">
|
||
<div class="dialogContent">
|
||
<form>
|
||
<div class="main-body">
|
||
<div class="right-wrapper">
|
||
<div class="content tableWrap">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<!-- <th th:if="${contractFlag}">类型</th>-->
|
||
<th>名称</th>
|
||
<th>大小</th>
|
||
<th>日期</th>
|
||
<th>操作</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="attachFileList">
|
||
<tr th:each="item : ${attachFileList}" th:fileId="${item.id}">
|
||
<!-- <td th:if="${contractFlag}" th:text="${item.orderAttachFileType.name}"></td>-->
|
||
<td th:text="${item.name}"></td>
|
||
<td th:text="${item.formatSize}"></td>
|
||
<td th:text="${#dates.format(item.date, 'yyyy-MM-dd')}"></td>
|
||
<td>
|
||
<i class="fa fa-eye" th:onclick="|viewFile('${item.path}')|"></i>
|
||
<i class="fa fa-download" th:onclick="|downloadFile('${item.path}')|"></i>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<div class="dialogFooter">
|
||
<a class="cancel">取消</a>
|
||
<a class="confirm">确认</a>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
var $dialog = $("#orderFileDialog");
|
||
Dialog.start({
|
||
dialog: $dialog,
|
||
confirm: function () {
|
||
Dialog.close($dialog);
|
||
}
|
||
});
|
||
|
||
function viewFile(path) {
|
||
var fileUrl = SHIYOU_DOMAIN + '/filePreview/onlinePreview?url=' + encodeURIComponent(path);
|
||
window.open(fileUrl);
|
||
}
|
||
|
||
function downloadFile(path) {
|
||
window.open(path);
|
||
}
|
||
</script>
|
||
</div>
|
||
</html>
|