233 lines
8.0 KiB
HTML
233 lines
8.0 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<base href="/twoduty/">
|
||
<meta charset="utf-8">
|
||
<meta name="renderer" content="webkit">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
||
<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">
|
||
<link rel="stylesheet" type="text/css" href="assets/js/vendor/viewer/viewer.min.css">
|
||
<link rel="stylesheet" type="text/css" href="assets/js/vendor/swiper/swiper-bundle.css">
|
||
|
||
<style>
|
||
.swiper-container {
|
||
width: 90%;
|
||
height: 400px;
|
||
margin-bottom: 15px;
|
||
margin-top: 15px;
|
||
}
|
||
.swiper-slide{
|
||
width: 90%;
|
||
height: 400px;
|
||
}
|
||
.swiper-slide img{
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
</style>
|
||
|
||
</head>
|
||
<body>
|
||
<div class="main" id="main">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
<script id="data" type="text/html">
|
||
<style>
|
||
*{margin:0;padding:0;}
|
||
.main{width: 1000px;margin: 0 auto;background: #fff;padding: 0 100px;box-sizing: border-box;overflow: hidden}
|
||
.title{text-align: center;padding: 10px 0;border-bottom: 1px solid #ddd;margin-top:60px;margin-bottom: 30px;}
|
||
.title h3{font-size: 27px;color: #1f5781;margin-bottom: 10px;font-weight: bolder;}
|
||
.title p{font-size: 15px;color: #333;}
|
||
.content{min-height: 500px;margin-top: 10px;}
|
||
.content p{font-size: 18px;color: #000;line-height:40px;}
|
||
.title p span{margin-right: 50px}
|
||
.button-box{position: fixed;top:20px;right: 40px;}
|
||
.button-box button{border: none;outline:none;width: 60px;height: 40px;background: #004acd;cursor: pointer;color: #fff}
|
||
.moretext {text-indent: 2em}
|
||
</style>
|
||
<div class="title">
|
||
<h3>{{ d.title}}</h3>
|
||
<p>
|
||
<span>上报时间：{{ d.gmtCreate}}</span>
|
||
<span>上报人：{{ d.creatorName }}</span>
|
||
|
||
</p>
|
||
</div>
|
||
{{# if(d.imagesList.length > 0) { }}
|
||
<div class="swiper-container">
|
||
<div class="swiper-wrapper" id="indexGeneralImagesFileBox">
|
||
{{# layui.each(d.imagesList, function(index, item){ }}
|
||
<div class="swiper-slide"><img src="route/file/download/false/{{item.fileId}}" align="加载失败"></div>
|
||
{{# }); }}
|
||
</div>
|
||
<!-- 如果需要分页器 -->
|
||
<div class="swiper-pagination"></div>
|
||
<!-- 如果需要导航按钮 -->
|
||
<!--<div class="swiper-button-prev"></div>-->
|
||
<!--<div class="swiper-button-next"></div>-->
|
||
<!-- 如果需要滚动条 -->
|
||
<div class="swiper-scrollbar"></div>
|
||
</div>
|
||
{{# } }}
|
||
<div class="content">
|
||
<!-- <p>会议标题：{{ d.title }}</p>-->
|
||
<p>会议时间：{{ d.meetingTime }}</p>
|
||
<p>会议地点：{{ d.meetingPlace }}</p>
|
||
<p>记录人：{{ d.noteTaker }}</p>
|
||
<p>主持人：{{ d.meetingHost }}</p>
|
||
<p>参会人数：{{ d.joinPersonCount }}</p>
|
||
<p>参会人员：{{ d.joinPerson }}</p>
|
||
<p>会议议程：{{ d.meetingAgenda }}</p>
|
||
<p>(党委会纪要、党委书记讲话内容)</p>
|
||
<p class="moretext">{{ d.partySecretaryTalk }}</p>
|
||
</div>
|
||
</script>
|
||
|
||
<div class="button-box">
|
||
<button class="print" style="display:none;">打印</button>
|
||
<button class="close">返回</button>
|
||
</div>
|
||
<script src="assets/js/vendor/wangEditor/wangEditor.min.js"></script>
|
||
<script src="assets/js/vendor/ckplayer/ckplayer/ckplayer.js"></script>
|
||
<script src="assets/js/vendor/viewer/viewer.min.js"></script>
|
||
<script src="assets/layuiadmin/layui/layui.js"></script>
|
||
<script src="assets/js/jquery-1.7.2.js"></script>
|
||
<script src="assets/js/jquery.jqprint-0.3.js"></script>
|
||
<script src="assets/js/vendor/swiper/swiper-bundle.js"></script>
|
||
<script>
|
||
layui.config({
|
||
base: 'assets/layuiadmin/' //静态资源所在路径
|
||
}).extend({
|
||
index: 'lib/index' //主入口模块
|
||
}).use(['index', 'form', 'laydate', 'laytpl'], function(){
|
||
var $ = layui.$;
|
||
var form = layui.form;
|
||
var laytpl = layui.laytpl;
|
||
var laydate = layui.laydate;
|
||
var id = top.restAjax.params(window.location.href).id;
|
||
|
||
var wangEditor = window.wangEditor;
|
||
var wangEditorObj = {};
|
||
var viewerObj = {};
|
||
|
||
function closeBox() {
|
||
parent.layer.close(parent.layer.getFrameIndex(window.name));
|
||
}
|
||
|
||
function refreshDownloadTemplet(fileName, file) {
|
||
var dataRander = {};
|
||
dataRander[fileName] = file;
|
||
|
||
laytpl(document.getElementById(fileName +'FileDownload').innerHTML).render(dataRander, function(html) {
|
||
document.getElementById(fileName +'FileBox').innerHTML = html;
|
||
});
|
||
}
|
||
|
||
function initImages(formdata){
|
||
top.restAjax.get(top.restAjax.path('api/file/list', []), {
|
||
ids: formdata.meetingPhoto
|
||
}, null, function(code, data) {
|
||
formdata['imagesList'] = data;
|
||
dataTemplet(formdata)
|
||
}, function(code, data) {
|
||
top.dialog.msg(data.msg);
|
||
});
|
||
}
|
||
|
||
|
||
function dataTemplet(data){
|
||
var getTpl = document.getElementById('data').innerHTML
|
||
,view = document.getElementById('main');
|
||
laytpl(getTpl).render(data, function(html){
|
||
view.innerHTML = html;
|
||
});
|
||
var viewer = new Viewer(document.getElementById('indexGeneralImagesFileBox'), {navbar: false});
|
||
initSwiper();
|
||
}
|
||
|
||
|
||
|
||
function initSwiper(){
|
||
var swiper = new Swiper('.swiper-container', {
|
||
// direction: 'vertical',
|
||
loop: true, // 循环模式选项
|
||
autoplay:true,
|
||
slidesPerView: 1,
|
||
spaceBetween: 30,
|
||
keyboard: {
|
||
enabled: true,
|
||
},
|
||
pagination: {
|
||
el: '.swiper-pagination',
|
||
clickable: true,
|
||
},
|
||
// navigation: {
|
||
// nextEl: '.swiper-button-next',
|
||
// prevEl: '.swiper-button-prev',
|
||
// },
|
||
autoplay: {
|
||
delay: 2000,//1秒切换一次
|
||
stopOnLastSlide: false,
|
||
disableOnInteraction: false,
|
||
},
|
||
renderBullet: function (index, className) {
|
||
return '<span class="' + className + '">' + (index + 1) + '</span>';
|
||
},
|
||
});
|
||
}
|
||
|
||
|
||
// 初始化内容
|
||
function initData() {
|
||
var loadLayerIndexl;
|
||
top.restAjax.get(top.restAjax.path('api/dutylistform/getpartycleanmeeting/{id}', [id]), {}, null, function(code, data) {
|
||
initPrintButton(data.indexAuditStatus)
|
||
initImages(data)
|
||
}, function(code, data) {
|
||
top.dialog.msg(data.msg);
|
||
}, function() {
|
||
loadLayerIndex = top.dialog.msg(top.dataMessage.loading, {icon: 16, time: 0, shade: 0.3});
|
||
}, function() {
|
||
top.dialog.close(loadLayerIndex);
|
||
});
|
||
}
|
||
initData();
|
||
|
||
|
||
function initPrintButton(s){
|
||
if(s == '1' || s == '2'){
|
||
$(".print").show();
|
||
}
|
||
}
|
||
|
||
|
||
$('.close').on('click', function() {
|
||
closeBox();
|
||
});
|
||
$('.print').on('click', function() {
|
||
$("#main").jqprint({
|
||
debug: false, //是否显示iframe查看效果
|
||
importCSS: true,
|
||
printContainer: true,
|
||
operaSupport: false
|
||
});
|
||
});
|
||
|
||
// 校验
|
||
form.verify({
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |