初始版本
This commit is contained in:
@@ -0,0 +1,105 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user