wangxy
/
work-portal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

提交修改

Browse Source
hangao-new
dsh 1 year ago
parent 9fccb82632
commit b8cc4a83b3
5 changed files with 197 additions and 78 deletions
Show Stats Download Patch File Download Diff File

BIN
ruoyi-admin/src/main/resources/static/home/base/bg-head4.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 473 KiB

After

Width:  |  Height:  |  Size: 320 KiB

BIN
ruoyi-admin/src/main/resources/static/home/base/map3.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 KiB

113
ruoyi-admin/src/main/resources/templates/home/base.html
Unescape View File

@ -75,9 +75,12 @@
} }
.zhuanti li{ .zhuanti li{
margin:9px; margin:9px;
margin-bottom: 20px; margin-bottom: -7px;
margin-top: 20px; margin-top: 20px;
overflow:hidden overflow:hidden;
display: flex;
flex-direction: column;
text-align: center;
} }
.zhuanti li img{ .zhuanti li img{
transition: all 0.3s; transition: all 0.3s;
@ -358,7 +361,7 @@
</head> </head>
<body class="layui-bg-gray" style=""> <body class="layui-bg-gray" style="">
<div id="content"> <div id="content">
<!--头部--> <!--头部-->
<th:block th:include="home_head1 :: home_head"/> <th:block th:include="home_head1 :: home_head"/>
<div id="back-to-top" onclick="scrollToTop()"> <div id="back-to-top" onclick="scrollToTop()">
<img th:src="@{/home/base/fanhui.png}"> <img th:src="@{/home/base/fanhui.png}">
@ -369,7 +372,7 @@
<div class="layui-carousel" id="ID-carousel-demo-image" style="width: 650px;height: 433px;"> <div class="layui-carousel" id="ID-carousel-demo-image" style="width: 650px;height: 433px;">
<div carousel-item> <div carousel-item>
<tbody th:each="url,status : ${urlList}"> <tbody th:each="url,status : ${urlList}">
<img th:src="${url.noticeUrl}"> <img th:src="${url.noticeUrl}">
</tbody> </tbody>
</div> </div>
</div> </div>
@ -394,7 +397,7 @@
</div> </div>
</div> </div>
</div> </div>
<!-- 宣传图--> <!-- 宣传图-->
<div class="layui-container" style="padding-top: 50px"> <div class="layui-container" style="padding-top: 50px">
<p> <p>
<img th:src="@{/home/data/announceimg/20da.png}" style="width: 100%"> <img th:src="@{/home/data/announceimg/20da.png}" style="width: 100%">
@ -432,11 +435,11 @@
<div class="layui-card-body"> <div class="layui-card-body">
<ul class="newslist zhuantidept"> <ul class="newslist zhuantidept">
<li th:each="trend,status : ${deptColumns}"> <li th:each="trend,status : ${deptColumns}">
<a th:href="@{/dept_trends_view.html(columnId=${trend.columnId})}" style="color:#fff;" th:title="${trend.columnName}" target="_blank"> <a th:href="@{/dept_trends_view.html(columnId=${trend.columnId})}" style="color:#fff;" th:title="${trend.columnName}" target="_blank">
<!-- <i class="fa fa-bar-chart-o" th:class="${trend.icon}"></i>--> <!-- <i class="fa fa-bar-chart-o" th:class="${trend.icon}"></i>-->
<img th:src="@{/home/base/bumen.png}" style="height: 30px;width: 29px;"> <img th:src="@{/home/base/bumen.png}" style="height: 30px;width: 29px;">
[[${trend.columnName}]] [[${trend.columnName}]]
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
@ -445,14 +448,14 @@
</div> </div>
</div> </div>
<hr style="padding-top: 25px"> <hr style="padding-top: 25px">
<!-- 跳转链接--> <!-- 跳转链接-->
<div class="layui-container" style="padding-top: 25px"> <div class="layui-container" style="padding-top: 25px">
<div class="layui-card"> <div class="layui-card">
<div class="layui-card-header"><i class="layui-icon layui-icon-website" style="display: inline-block;font-size: 21px; <div class="layui-card-header"><i class="layui-icon layui-icon-website" style="display: inline-block;font-size: 21px;
font-weight: bold;border-bottom: 3px solid #006fc4;height: 100%;line-height: 40px;color: #006fc4;">应用系统</i> font-weight: bold;border-bottom: 3px solid #006fc4;height: 100%;line-height: 40px;color: #006fc4;">应用系统</i>
</div> </div>
<div class="layui-card-body layui-row systemSlider"> <div class="layui-card-body layui-row systemSlider">
<ul class="newslist zhuantiContent"> <ul class="newslist zhuantiContent">
<li th:each="content,status : ${contentList}"> <li th:each="content,status : ${contentList}">
<a target="_blank" th:href="@{${content.contentUrl}}" th:title="${content.contentTitle}"> <a target="_blank" th:href="@{${content.contentUrl}}" th:title="${content.contentTitle}">
<!--<img th:unless="${#strings.isEmpty(content.contentLogo)}" style="height:80px;width: 80px;" th:src="${content.contentLogo}"> <!--<img th:unless="${#strings.isEmpty(content.contentLogo)}" style="height:80px;width: 80px;" th:src="${content.contentLogo}">
@ -465,7 +468,7 @@
</p> </p>
</a> </a>
</li> </li>
</ul> </ul>
<span class="button"> <span class="button">
<a class="system-left"></a> <a class="system-left"></a>
<a class="system-right"></a> <a class="system-right"></a>
@ -506,8 +509,9 @@
<ul class="newslist zhuanti"> <ul class="newslist zhuanti">
<li th:each="column,status : ${specialColumns}"> <li th:each="column,status : ${specialColumns}">
<a th:href="@{/special_view.html(columnId=${column.columnId})}" th:title="${column.columnName}" target="_blank"> <a th:href="@{/special_view.html(columnId=${column.columnId})}" th:title="${column.columnName}" target="_blank">
<img style="height:155px;width: 190px " th:src="${column.columnUrl}"> <img style="height:155px;width: 190px " th:src="${column.columnUrl}">
</a> </a>
<span style="margin-top: 5px;">[[${column.columnName}]]</span >
</li> </li>
</ul> </ul>
</div> </div>
@ -524,8 +528,9 @@
<div class="layui-card-body layui-row"> <div class="layui-card-body layui-row">
<div class="lantieContent"> <div class="lantieContent">
<ul class="right"> <ul class="right">
<li th:each="content,status : ${windowColumns}" style="width:22%;"> <li th:each="content,status : ${windowColumns}" style="width:22%;text-align:center;">
<video th:src="${content.columnUrl}" class="video" style="width:100%;"></video> <video th:src="${content.columnUrl}" class="video" style="width:100%;"></video>
<span>[[${content.columnName}]]</span>
</li> </li>
</ul> </ul>
</div> </div>
@ -536,9 +541,9 @@
<!-- 友情链接 --> <!-- 友情链接 -->
<div class="layui-container" style="padding-top: 25px"> <div class="layui-container" style="padding-top: 25px">
<div class="layui-card"> <div class="layui-card">
<!-- <div class="layui-card-header"><i class="layui-icon layui-icon-website" style="display: inline-block;font-size: 21px;--> <!-- <div class="layui-card-header"><i class="layui-icon layui-icon-website" style="display: inline-block;font-size: 21px;-->
<!-- font-weight: bold;border-bottom: 3px solid #006fc4;height: 100%;line-height: 40px;color: #006fc4;">兰铁视窗</i>--> <!-- font-weight: bold;border-bottom: 3px solid #006fc4;height: 100%;line-height: 40px;color: #006fc4;">兰铁视窗</i>-->
<!-- </div>--> <!-- </div>-->
<div class="layui-card-body layui-row"> <div class="layui-card-body layui-row">
<div class="lianjieBox"> <div class="lianjieBox">
<ul class="lianjieList"> <ul class="lianjieList">
@ -563,10 +568,10 @@
</ul> </ul>
<ul class="map"> <ul class="map">
<li> <li>
<img th:src="@{/home/base/map1.png}"> <img th:src="@{/home/base/map3.png}">
<!-- <a target="_blank" href="https://www.spp.gov.cn" title="中华人民共和国最高人民检察院">--> <!-- <a target="_blank" href="https://www.spp.gov.cn" title="中华人民共和国最高人民检察院">-->
<!-- <img th:src="@{/home/base/2Dmap.png}" class="zuigao">--> <!-- <img th:src="@{/home/base/2Dmap.png}" class="zuigao">-->
<!-- </a>--> <!-- </a>-->
<a target="_blank" href="http://www.gansu.jcy.gov.cn" title="甘肃省人民检察院"> <a target="_blank" href="http://www.gansu.jcy.gov.cn" title="甘肃省人民检察院">
<img th:src="@{/home/base/2Dmap.png}" class="gantie"> <img th:src="@{/home/base/2Dmap.png}" class="gantie">
</a> </a>
@ -588,38 +593,38 @@
</div> </div>
</div> </div>
</div> </div>
<!-- <div class="ztgg">--> <!-- <div class="ztgg">-->
<!-- <div class="ztgg_box">--> <!-- <div class="ztgg_box">-->
<!-- <div class="images" style="display: flex">--> <!-- <div class="images" style="display: flex">-->
<!-- <a target="_blank" href="https://www.spp.gov.cn" class="ariaskiptheme">--> <!-- <a target="_blank" href="https://www.spp.gov.cn" class="ariaskiptheme">-->
<!-- <img th:src="@{/home/base/supreme_procuratorate.jpg}">--> <!-- <img th:src="@{/home/base/supreme_procuratorate.jpg}">-->
<!-- </a>--> <!-- </a>-->
<!-- <a target="_blank" href="http://www.gansu.jcy.gov.cn" class="ariaskiptheme">--> <!-- <a target="_blank" href="http://www.gansu.jcy.gov.cn" class="ariaskiptheme">-->
<!-- <img th:src="@{/home/base/peopel_procuratorate.jpg}">--> <!-- <img th:src="@{/home/base/peopel_procuratorate.jpg}">-->
<!-- </a>--> <!-- </a>-->
<!-- <a target="_blank" href="http://www.lanzhoutiejian.jcy.gov.cn" class="ariaskiptheme">--> <!-- <a target="_blank" href="http://www.lanzhoutiejian.jcy.gov.cn" class="ariaskiptheme">-->
<!-- <img th:src="@{/home/base/lanzhou_procuratorate.jpg}">--> <!-- <img th:src="@{/home/base/lanzhou_procuratorate.jpg}">-->
<!-- </a>--> <!-- </a>-->
<!-- <a target="_blank" href="http://www.wuweitielu.jcy.gov.cn" class="ariaskiptheme">--> <!-- <a target="_blank" href="http://www.wuweitielu.jcy.gov.cn" class="ariaskiptheme">-->
<!-- <img th:src="@{/home/base/wuwei_procuratorate.jpg}">--> <!-- <img th:src="@{/home/base/wuwei_procuratorate.jpg}">-->
<!-- </a>--> <!-- </a>-->
<!-- <a target="_blank" href="http://www.qh.jcy.gov.cn/c/xntj/" class="ariaskiptheme">--> <!-- <a target="_blank" href="http://www.qh.jcy.gov.cn/c/xntj/" class="ariaskiptheme">-->
<!-- <img th:src="@{/home/base/xining_procuratorate.jpg}">--> <!-- <img th:src="@{/home/base/xining_procuratorate.jpg}">-->
<!-- </a>--> <!-- </a>-->
<!-- <a target="_blank" href="https://nx.jcy.gov.cn/tjsy/" class="ariaskiptheme">--> <!-- <a target="_blank" href="https://nx.jcy.gov.cn/tjsy/" class="ariaskiptheme">-->
<!-- <img th:src="@{/home/base/yinchuan_procuratorate.jpg}">--> <!-- <img th:src="@{/home/base/yinchuan_procuratorate.jpg}">-->
<!-- </a>--> <!-- </a>-->
<!-- <a target="_blank" href="http://www.qh.jcy.gov.cn/c/xntj/" class="ariaskiptheme">--> <!-- <a target="_blank" href="http://www.qh.jcy.gov.cn/c/xntj/" class="ariaskiptheme">-->
<!-- <img th:src="@{/home/base/xining_procuratorate.jpg}">--> <!-- <img th:src="@{/home/base/xining_procuratorate.jpg}">-->
<!-- </a>--> <!-- </a>-->
<!-- <a target="_blank" href="https://nx.jcy.gov.cn/tjsy/" class="ariaskiptheme">--> <!-- <a target="_blank" href="https://nx.jcy.gov.cn/tjsy/" class="ariaskiptheme">-->
<!-- <img th:src="@{/home/base/yinchuan_procuratorate.jpg}">--> <!-- <img th:src="@{/home/base/yinchuan_procuratorate.jpg}">-->
<!-- </a>--> <!-- </a>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- <a class="arrow-left"></a>--> <!-- <a class="arrow-left"></a>-->
<!-- <a class="arrow-right"></a>--> <!-- <a class="arrow-right"></a>-->
<!-- </div>--> <!-- </div>-->
</div> </div>
</div> </div>
</div> </div>

158
ruoyi-admin/src/main/resources/templates/home_head.html
Unescape View File

@ -11,8 +11,8 @@
#hd { #hd {
position: relative; position: relative;
background-image: url(/home/base/bg-head5.png); //background-image: url(/home/base/bg-head2.png);
background-position-y:56%; //background-position-y:56%;
height: 326px; height: 326px;
background-size: cover; background-size: cover;
display: flex; display: flex;
@ -30,6 +30,13 @@
height: 82px; height: 82px;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
#ltlogo2 {
position: absolute;
top: 43%; /* 将图像元素垂直居中 */
left: 30%; /* 将图像元素水平居中 */
height: 82px;
transform: translate(-50%, -50%);
}
#dhl { #dhl {
padding-bottom: 0; padding-bottom: 0;
font-style: inherit; font-style: inherit;
@ -44,9 +51,80 @@
justify-content: center; justify-content: center;
background-color: rgba(1,78,155,0.7); background-color: rgba(1,78,155,0.7);
} }
.homePage .layui-nav-more{
display:none;
}
.dept .layui-nav-child {
display: none;
position: absolute;
left: -353%;
top: 65px;
transform: translate(-50%, -50%);
width: 1331px;
//line-height: 85px;
padding: 5px 0;
box-shadow: 0 2px 4px rgba(0,0,0,.12);
border: 1px solid #eee;
background-color: rgba(255,255,255,0.89);
z-index: 100;
border-radius: 2px;
white-space: wrap;
box-sizing: border-box;
height:100px;
}
.layui-nav-item .arrow {
z-index: 999;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #1e68b0;
position: absolute;
left: 44%;
display: none;
}
.layui-nav-item .arrow2 {
z-index: 999;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #1e68b0;
position: absolute;
left: 44%;
display: none;
}
.special .layui-nav-child {
display: none;
position: absolute;
left: -581%;
top: 65px;
transform: translate(-50%, -50%);
width: 1331px;
//line-height: 85px;
padding: 5px 0;
box-shadow: 0 2px 4px rgba(0,0,0,.12);
border: 1px solid #eee;
background-color: rgba(255,255,255,0.89);
z-index: 100;
border-radius: 2px;
white-space: wrap;
box-sizing: border-box;
height:100px;
}
.childBox{
display: flex;
align-items: center;
justify-content: space-between;
height: 100%;
}
.childBox2 dd{
float: left;
fongt-size:18px;
text-align: center;
width:auto;
margin: 1px 9px;
}
.childBox2 dd a{
text-align: center;
padding: 0 14px;
}
</style> </style>
</head> </head>
@ -60,10 +138,11 @@
<img class="bg_image1" th:src="@{/home/base/bg-head2.png}"> <img class="bg_image1" th:src="@{/home/base/bg-head2.png}">
</div> </div>
<div> <div>
<img class="bg_image1" th:src="@{/home/base/bg-head3.png}"> <img class="bg_image1" th:src="@{/home/base/bg-head4.png}">
</div> </div>
</div> </div>
</div> </div>
<!-- <img class="bg_image1" th:src="@{/home/base/bg-head3.png}">-->
<img th:src="@{/home/base/lantie3.png}" id="ltlogo" > <img th:src="@{/home/base/lantie3.png}" id="ltlogo" >
<ul class="layui-nav" id="dhl"> <ul class="layui-nav" id="dhl">
<li class="layui-nav-item"> <li class="layui-nav-item">
@ -75,14 +154,34 @@
<li class="layui-nav-item"> <li class="layui-nav-item">
<a href="work_view.html" class="homePage">工作动态</a> <a href="work_view.html" class="homePage">工作动态</a>
</li> </li>
<li class="layui-nav-item"> <li class="layui-nav-item dept">
<a href="dept_trends_view.html" class="homePage">部门动态</a> <a href="dept_trends_view.html" class="homePage">部门动态</a>
<dl class="layui-nav-child">
<div class="childBox">
<dd th:each="trend,status : ${deptColumns}">
<a th:href="@{/dept_trends_view.html(columnId=${trend.columnId})}" style="color:#006fc4;font-size:18px;" th:title="${trend.columnName}" target="_blank">
[[${trend.columnName}]]
</a>
</dd>
</div>
</dl>
<div class="arrow"></div>
</li> </li>
<li class="layui-nav-item"> <li class="layui-nav-item">
<a href="business_view.html" class="homePage">检察业务</a> <a href="business_view.html" class="homePage">检察业务</a>
</li> </li>
<li class="layui-nav-item"> <li class="layui-nav-item special">
<a href="special_view.html" class="homePage">专题活动</a> <a href="special_view.html" class="homePage">专题活动</a>
<dl class="layui-nav-child">
<div class="childBox2">
<dd th:each="column,status : ${specialColumns}">
<a th:href="@{/special_view.html(columnId=${column.columnId})}" style="color:#006fc4;font-size:18px;" th:title="${column.columnName}" target="_blank">
[[${column.columnName}]]
</a>
</dd>
</div>
</dl>
<div class="arrow2"></div>
</li> </li>
<form action="" id="search_form" class="layui-form" style="display:flex;margin-top:11px;margin-left:40px;"> <form action="" id="search_form" class="layui-form" style="display:flex;margin-top:11px;margin-left:40px;">
<label> <label>
@ -94,20 +193,7 @@
</div> </div>
<script th:src="@{/js/jquery.min.js?v=3.6.3}"></script> <script th:src="@{/js/jquery.min.js?v=3.6.3}"></script>
<script th:src="@{/home/lib/layui.js}"></script> <script th:src="@{/home/lib/layui.js}"></script>
<script type="text/javascript"> <script type="text/javascript">
layui.use(function(){
var carousel = layui.carousel;
// 渲染 - 常规轮播
carousel.render({
elem: '#ID-carousel-demo-1',
width: 'auto',
indicator:'none',
arrow:'none',
width: '100%',
height: '326px',
});
});
function queryList(){ function queryList(){
var title = $("#title").val(); var title = $("#title").val();
if (title){ if (title){
@ -120,6 +206,34 @@
alert("请输入查询关键字！") alert("请输入查询关键字！")
} }
} }
layui.use(function(){
var carousel = layui.carousel;
// 渲染 - 常规轮播
carousel.render({
elem: '#ID-carousel-demo-1',
width: 'auto',
indicator:'none',
arrow:'none',
width: '100%',
height: '326px',
});
});
var deptHover = document.querySelector('.dept')
var jiantou = document.querySelector('.arrow')
deptHover.addEventListener('mouseover', function() {
jiantou.style.display = 'block';
});
deptHover.addEventListener('mouseout', function() {
jiantou.style.display = 'none';
});
//专题箭头
var specialHover = document.querySelector('.special')
var jiantou2 = document.querySelector('.arrow2')
specialHover.addEventListener('mouseover', function() {
jiantou2.style.display = 'block';
});
specialHover.addEventListener('mouseout', function() {
jiantou2.style.display = 'none';
});
</script> </script>
</div> </div>

4
ruoyi-admin/src/main/resources/templates/home_head1.html
Unescape View File

@ -138,11 +138,11 @@
<img class="bg_image1" th:src="@{/home/base/bg-head2.png}"> <img class="bg_image1" th:src="@{/home/base/bg-head2.png}">
</div> </div>
<div> <div>
<img class="bg_image1" th:src="@{/home/base/bg-head3.png}"> <img class="bg_image1" th:src="@{/home/base/bg-head4.png}">
</div> </div>
</div> </div>
</div> </div>
<!-- <img class="bg_image1" th:src="@{/home/base/bg-head3.png}">--> <!-- <img class="bg_image1" th:src="@{/home/base/bg-head3.png}">-->
<img th:src="@{/home/base/lantie3.png}" id="ltlogo" > <img th:src="@{/home/base/lantie3.png}" id="ltlogo" >
<ul class="layui-nav" id="dhl"> <ul class="layui-nav" id="dhl">
<li class="layui-nav-item"> <li class="layui-nav-item">

Write Preview
Loading…
Cancel
Save