协议管理新增预览功能
This commit is contained in:
Renpc-kilig
parent
0ef0280438
commit
3d686aaca9
@ -35,4 +35,9 @@ public class AgreementPortalRouteController extends DefaultBaseController {
|
|||||||
return new ModelAndView("agreementportal/list");
|
return new ModelAndView("agreementportal/list");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@GetMapping("view")
|
||||||
|
public ModelAndView view() {
|
||||||
|
return new ModelAndView("agreementportal/view-agreement");
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
@ -123,6 +123,14 @@
|
|||||||
return rowData;
|
return rowData;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
field: 'viewAgreement', fixed: 'right', width: 90, title: '预览', align: 'center',
|
||||||
|
templet: function (row) {
|
||||||
|
return '<a href="route/agreementportal/view?agreementId='+ row.agreementId +'' +
|
||||||
|
'" target="_blank" title="点击预览" class="layui-btn layui-btn-xs" >' +
|
||||||
|
'<i class="fa fa-eye" aria-hidden="true"></i> 预览</a>'
|
||||||
|
}
|
||||||
|
}
|
||||||
/*,
|
/*,
|
||||||
{field: 'isOpen', width: 180, title: '是否启用', align:'center',
|
{field: 'isOpen', width: 180, title: '是否启用', align:'center',
|
||||||
templet: function(row) {
|
templet: function(row) {
|
||||||
@ -146,6 +154,19 @@
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
table.on('tool(dataTable)', function (obj) {
|
||||||
|
var data = obj.data;
|
||||||
|
// 添加说明
|
||||||
|
if ('viewAgreement' == obj.event) {
|
||||||
|
viewAgreement(data);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
function viewAgreement(data) {
|
||||||
|
var url = 'route/agreementportal/view?agreementId=' + data.agreementId;
|
||||||
|
window.open(url);
|
||||||
|
}
|
||||||
|
|
||||||
form.on('switch(switchEvent)', function () {
|
form.on('switch(switchEvent)', function () {
|
||||||
let agreementportalId = $(this).attr("agreementportalId");
|
let agreementportalId = $(this).attr("agreementportalId");
|
||||||
let checked = this.checked;
|
let checked = this.checked;
|
||||||
|
|||||||
118
src/main/resources/templates/agreementportal/view-agreement.html
Normal file
118
src/main/resources/templates/agreementportal/view-agreement.html
Normal file
@ -0,0 +1,118 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html xmlns:th="http://www.thymeleaf.org">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<base th:href="${#request.getContextPath() + '/'}">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="renderer" content="webkit">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||||
|
<!-- <link rel="icon" type="image/svg+xml" href="./assets/AImzhu.svg"> -->
|
||||||
|
<link rel="stylesheet" href="assets/fonts/font-awesome/css/font-awesome.css"/>
|
||||||
|
<link rel="stylesheet" href="assets/layuiadmin/layui/css/layui.css" media="all">
|
||||||
|
<link rel="stylesheet" href="assets/layuiadmin/style/admin.css" media="all">
|
||||||
|
<title>用户服务协议</title>
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
em,
|
||||||
|
i {
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul,
|
||||||
|
li,
|
||||||
|
ol {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#app {
|
||||||
|
width: 1000px;
|
||||||
|
margin: 0 auto;
|
||||||
|
/* border: 1px solid #333; */
|
||||||
|
padding-top: 50px;
|
||||||
|
padding-bottom: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#title {
|
||||||
|
height: 60px;
|
||||||
|
line-height: 60px;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
/* border: 1px solid red; */
|
||||||
|
}
|
||||||
|
|
||||||
|
#content {
|
||||||
|
line-height: 35px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="app">
|
||||||
|
<h2 id="title"></h2>
|
||||||
|
<div id="content"></div>
|
||||||
|
</div>
|
||||||
|
<script src="assets/layuiadmin/layui/layui.js"></script>
|
||||||
|
<script type="text/javascript" src="assets/js/jquery-3.5.1.min.js"></script>
|
||||||
|
<script src="assets/js/restajax.js"></script>
|
||||||
|
<script src="assets/js/vendor/viewer/viewer.min.js"></script>
|
||||||
|
<script>
|
||||||
|
layui.config({
|
||||||
|
base: 'assets/layuiadmin/'
|
||||||
|
}).extend({
|
||||||
|
index: 'lib/index'
|
||||||
|
}).use(['index', 'table', 'laydate', 'common', 'form', 'dialog'], function() {
|
||||||
|
var $ = layui.$;
|
||||||
|
var $win = $(window);
|
||||||
|
var table = layui.table;
|
||||||
|
var admin = layui.admin;
|
||||||
|
var laydate = layui.laydate;
|
||||||
|
var common = layui.common;
|
||||||
|
var resizeTimeout = null;
|
||||||
|
var form = layui.form;
|
||||||
|
var dialog = layui.dialog;
|
||||||
|
|
||||||
|
function getQueryParam(name) {
|
||||||
|
var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
|
||||||
|
results = regex.exec(window.location.href);
|
||||||
|
if (!results) return null;
|
||||||
|
if (!results[2]) return '';
|
||||||
|
return decodeURIComponent(results[2].replace(/\+/g, ' '));
|
||||||
|
}
|
||||||
|
|
||||||
|
function initData() {
|
||||||
|
var agreementId = getQueryParam('agreementId');
|
||||||
|
alert(agreementId)
|
||||||
|
var loadLayerIndex;
|
||||||
|
restAjax.get(restAjax.path('api/agreementportal/get/{agreementId}', [agreementId]), {}, null, function(code, data) {
|
||||||
|
const content = document.querySelector('#content')
|
||||||
|
const title = document.querySelector('#title')
|
||||||
|
|
||||||
|
title.innerHTML = data.title
|
||||||
|
content.innerHTML = data.content
|
||||||
|
}, function(code, data) {
|
||||||
|
dialog.msg(data.msg);
|
||||||
|
}, function() {
|
||||||
|
loadLayerIndex = dialog.msg('加载中', {icon: 16, time: 0, shade: 0.3});
|
||||||
|
}, function() {
|
||||||
|
dialog.close(loadLayerIndex);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
initData();
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user