Tenlion/twoduty
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
bbf648e0e9
twoduty/src/main/resources/templates/index.html

291 lines
13 KiB
HTML
Raw Normal View History

新建项目
2021-03-25 18:41:52 +08:00
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<base href="/twoduty/">
后台页面跳转
2021-04-13 16:09:14 +08:00
<meta charset="UTF-8">
<title>众力监督平台-首页</title>
<link rel="stylesheet" href="assets/web/css/reset.css">
<link rel="stylesheet" href="assets/web/css/style.css">
新建项目
2021-03-25 18:41:52 +08:00
</head>
后台页面跳转
2021-04-13 16:09:14 +08:00
<body>
<div id="app">
<div class="header">
<div class="banner">
<img src="assets/web/images/banner.png" alt="">
</div>
<div class="nav">
2
2021-04-14 16:26:08 +08:00
<ul class="clearFloat" v-cloak>
<li>
<a href="index.html">
后台页面跳转
2021-04-13 16:09:14 +08:00
<div class="left fl">
<span>首页</span>
<p>众力监督平台</p>
</div>
<div class="right fr">
<img src="assets/web/images/nav-icon1.png" alt="">
</div>
新建项目
2021-03-25 18:41:52 +08:00
</a>
</li>
后台页面跳转
2021-04-13 16:09:14 +08:00
<li>
<a href="notice.html">
<div class="left fl">
<span>相关通知</span>
<p>各部门通知公告</p>
</div>
<div class="right fr">
<img src="assets/web/images/nav-icon2.png" alt="">
</div>
新建项目
2021-03-25 18:41:52 +08:00
</a>
</li>
2
2021-04-14 16:26:08 +08:00
<li v-for="(nav, idx) in topNavList" @click="goNav(nav.id)">
后台页面跳转
2021-04-13 16:09:14 +08:00
<a href="javascript: void(0);">
<div class="left fl">
2
2021-04-14 16:26:08 +08:00
<span>{{nav.name}}</span>
<!-- <p>主体/监督责任清单</p>-->
后台页面跳转
2021-04-13 16:09:14 +08:00
</div>
<div class="right fr">
2
2021-04-14 16:26:08 +08:00
<img src="assets/web/images/nav-icon3.png" alt="" v-if="idx == 0">
<img src="assets/web/images/nav-icon5.png" alt="" v-if="idx == 1">
<img src="assets/web/images/nav-icon6.png" alt="" v-if="idx == 2">
后台页面跳转
2021-04-13 16:09:14 +08:00
</div>
新建项目
2021-03-25 18:41:52 +08:00
</a>
</li>
后台页面跳转
2021-04-13 16:09:14 +08:00
<li>
2
2021-04-14 16:26:08 +08:00
<a href="javascript: void(0);">
后台页面跳转
2021-04-13 16:09:14 +08:00
<div class="left fl">
<span>记实考核</span>
<p>各类记实考核</p>
</div>
<div class="right fr">
<img src="assets/web/images/nav-icon4.png" alt="">
</div>
新建项目
2021-03-25 18:41:52 +08:00
</a>
</li>
</ul>
</div>
后台页面跳转
2021-04-13 16:09:14 +08:00
</div>
<div class="mid-link">
<img src="assets/web/images/text.png" alt="" class="text">
<div class="link">
<a href="javascript: void(0);" class="link-box">
<img src="assets/web/images/mid-img1.png" alt="">
</a>
<a href="javascript: void(0);" class="link-box">
<img src="assets/web/images/mid-img2.png" alt="">
</a>
<a href="javascript: void(0);" class="link-box">
<img src="assets/web/images/mid-img3.png" alt="">
</a>
<a href="javascript: void(0);" class="link-box">
<img src="assets/web/images/mid-img4.png" alt="">
</a>
</div>
</div>
<div class="news clearFloat">
<div class="news-box">
<div class="box-title">
<span>一周新闻</span>
<a href="javascript: void(0);">更多+</a>
</div>
<div class="news-list">
<ul>
<li>
<a href="javascript: void(0);" title="杭锦旗纪委监委传达学习刘奇凡书记">杭锦旗纪委监委传达学习刘奇凡书记</a>
<span>2020-01-01</span>
</li>
<li>
<a href="javascript: void(0);" title="杭锦旗纪委监委传达学习刘奇凡书记">杭锦旗纪委监委传达学习刘奇凡书记</a>
<span>2020-01-01</span>
</li>
<li>
<a href="javascript: void(0);" title="杭锦旗纪委监委传达学习刘奇凡书记">杭锦旗纪委监委传达学习刘奇凡书记</a>
<span>2020-01-01</span>
</li>
<li>
<a href="javascript: void(0);" title="杭锦旗纪委监委传达学习刘奇凡书记">杭锦旗纪委监委传达学习刘奇凡书记</a>
<span>2020-01-01</span>
</li>
<li>
<a href="javascript: void(0);" title="杭锦旗纪委监委传达学习刘奇凡书记">杭锦旗纪委监委传达学习刘奇凡书记</a>
<span>2020-01-01</span>
</li>
</ul>
</div>
</div>
<div class="news-box">
<div class="box-title">
<span>最新动态</span>
<a href="javascript: void(0);">更多+</a>
</div>
<div class="news-list">
<ul>
<li>
<a href="javascript: void(0);" title="杭锦旗纪委监委传达学习刘奇凡书记">杭锦旗纪委监委传达学习刘奇凡书记</a>
<span>2020-01-01</span>
</li>
<li>
<a href="javascript: void(0);" title="杭锦旗纪委监委传达学习刘奇凡书记">杭锦旗纪委监委传达学习刘奇凡书记</a>
<span>2020-01-01</span>
</li>
<li>
<a href="javascript: void(0);" title="杭锦旗纪委监委传达学习刘奇凡书记">杭锦旗纪委监委传达学习刘奇凡书记</a>
<span>2020-01-01</span>
</li>
<li>
<a href="javascript: void(0);" title="杭锦旗纪委监委传达学习刘奇凡书记">杭锦旗纪委监委传达学习刘奇凡书记</a>
<span>2020-01-01</span>
</li>
<li>
<a href="javascript: void(0);" title="杭锦旗纪委监委传达学习刘奇凡书记">杭锦旗纪委监委传达学习刘奇凡书记</a>
<span>2020-01-01</span>
</li>
</ul>
</div>
新建项目
2021-03-25 18:41:52 +08:00
</div>
后台页面跳转
2021-04-13 16:09:14 +08:00
<div class="news-box">
<div class="box-title">
<span>信息公开</span>
<a href="javascript: void(0);">更多+</a>
</div>
<div class="news-list">
<ul>
<li>
<a href="javascript: void(0);" title="杭锦旗纪委监委传达学习刘奇凡书记">杭锦旗纪委监委传达学习刘奇凡书记</a>
<span>2020-01-01</span>
</li>
<li>
<a href="javascript: void(0);" title="杭锦旗纪委监委传达学习刘奇凡书记">杭锦旗纪委监委传达学习刘奇凡书记</a>
<span>2020-01-01</span>
</li>
<li>
<a href="javascript: void(0);" title="杭锦旗纪委监委传达学习刘奇凡书记">杭锦旗纪委监委传达学习刘奇凡书记</a>
<span>2020-01-01</span>
</li>
<li>
<a href="javascript: void(0);" title="杭锦旗纪委监委传达学习刘奇凡书记">杭锦旗纪委监委传达学习刘奇凡书记</a>
<span>2020-01-01</span>
</li>
<li>
<a href="javascript: void(0);" title="杭锦旗纪委监委传达学习刘奇凡书记">杭锦旗纪委监委传达学习刘奇凡书记</a>
<span>2020-01-01</span>
新建项目
2021-03-25 18:41:52 +08:00
</li>
</ul>
</div>
后台页面跳转
2021-04-13 16:09:14 +08:00
</div>
</div>
<div class="slide-news">
<div class="slide">
<div class="bd">
<ul>
<li>
<a href="javascript: void(0);">
<img src="assets/web/images/slide.png" alt="">
<div class="slide-text">公安厅党委委员、副厅长（正厅级）赵云辉接受纪律审查和监察调查</div>
</a>
</li>
<li>
<a href="javascript: void(0);">
<img src="assets/web/images/slide.png" alt="">
<div class="slide-text">公安厅党委委员、副厅长（正厅级）赵云辉接受纪律审查和监察调查</div>
</a>
</li>
<li>
<a href="javascript: void(0);">
<img src="assets/web/images/slide.png" alt="">
<div class="slide-text">公安厅党委委员、副厅长（正厅级）赵云辉接受纪律审查和监察调查</div>
</a>
</li>
新建项目
2021-03-25 18:41:52 +08:00
</ul>
</div>
后台页面跳转
2021-04-13 16:09:14 +08:00
<a href="javascript: void(0);" class="prev"></a>
<a href="javascript: void(0);" class="next"></a>
新建项目
2021-03-25 18:41:52 +08:00
</div>
后台页面跳转
2021-04-13 16:09:14 +08:00
<div class="exposure-news">
<div class="exposure">
<div class="exposure-box">
<img src="assets/web/images/exposure.png" alt="">
</div>
<div class="exposure-title">
<a href="javascript: void(0);">在逃职务犯罪嫌疑人刘永安投案自首</a>
<p>2020-01-01</p>
</div>
</div>
<div class="exposure-news-list">
<ul>
<li>
<a href="javascript: void(0);">杭锦旗纪委监委传达学习刘奇凡书记</a>
<span>2020-01-01</span>
</li>
<li>
<a href="javascript: void(0);">杭锦旗纪委监委传达学习刘奇凡书记</a>
<span>2020-01-01</span>
</li>
<li>
<a href="javascript: void(0);">杭锦旗纪委监委传达学习刘奇凡书记</a>
<span>2020-01-01</span>
</li>
<li>
<a href="javascript: void(0);">杭锦旗纪委监委传达学习刘奇凡书记</a>
<span>2020-01-01</span>
</li>
<li>
<a href="javascript: void(0);">杭锦旗纪委监委传达学习刘奇凡书记</a>
<span>2020-01-01</span>
</li>
</ul>
新建项目
2021-03-25 18:41:52 +08:00
</div>
</div>
</div>
后台页面跳转
2021-04-13 16:09:14 +08:00
<div class="bottom-nav">
<div class="nav-title">门户导航</div>
<div class="nav-list">
<a href="javascript: void(0);">中央纪委监察部</a>
<a href="javascript: void(0);">河北省纪委监察厅</a>
<a href="javascript: void(0);">沧州市纪委监察局</a>
</div>
新建项目
2021-03-25 18:41:52 +08:00
</div>
后台页面跳转
2021-04-13 16:09:14 +08:00
<div class="footer">
版权所有：杭锦旗纪委监察局 备案号：蒙ICP备 14000612 技术支持：内蒙古成迈信息科技有限公司（0471-5316868）
</div>
</div>
<script src="assets/web/js/jquery-2.1.4.min.js"></script>
<script src="assets/web/js/jquery.SuperSlide.2.1.1.js"></script>
<script src="assets/web/js/vue.js"></script>
<script src="assets/web/js/ajax.js"></script>
2
2021-04-14 16:26:08 +08:00
<script src="assets/js/restajax.js"></script>
<script src="assets/web/layer-v3.3.0/layer/layer.js"></script>
新建项目
2021-03-25 18:41:52 +08:00
<script>
后台页面跳转
2021-04-13 16:09:14 +08:00
var vue = new Vue({
el: '#app',
2
2021-04-14 16:26:08 +08:00
data: {
topNavList: [],1
},
methods: {
// 获取顶部导航
getTopNav: function () {
var self = this
// var loadLayerIndex;
top.restAjax.get(top.restAjax.path('api/indexlib/listwebtags', []), {}, null, function(code, data) {
self.topNavList = data
}, function(code, data) {
layer.msg(data.msg);
}, function() {
// loadLayerIndex = layer.load(0, {shade: false});
}, function() {
// layer.close(loadLayerIndex);
});
},
// 顶部导航跳转页面
goNav: function (id) {
window.location.href = 'route/web/public.html?id=' + id
}
},
后台页面跳转
2021-04-13 16:09:14 +08:00
mounted: function () {
2
2021-04-14 16:26:08 +08:00
this.getTopNav()
后台页面跳转
2021-04-13 16:09:14 +08:00
jQuery(".slide").slide({mainCell:".bd ul",effect:"left",autoPlay:true,delayTime:700});
新建项目
2021-03-25 18:41:52 +08:00
}
后台页面跳转
2021-04-13 16:09:14 +08:00
})
新建项目
2021-03-25 18:41:52 +08:00
</script>
</body>
</html>
Reference in New Issue Copy Permalink