Tenlion/twoduty
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
d8b4142c2b
twoduty/src/main/resources/static/route/web/leader.html

194 lines
8.4 KiB
HTML
Raw Normal View History

0610
2021-06-10 18:12:37 +08:00
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<base href="/twoduty/">
<meta charset="UTF-8">
<title>乡镇街道综合办公平台</title>
<link rel="stylesheet" href="assets/web/css/reset.css">
<link rel="stylesheet" href="assets/web/css/style.css">
0902
2021-09-02 11:12:23 +08:00
<link rel="stylesheet" href="assets/web/css/index.css">
0610
2021-06-10 18:12:37 +08:00
</head>
<body style="background: #f4f4f4">
<div id="app">
0902
2021-09-02 11:12:23 +08:00
<div class="header child-header">
2021-10-21 以前修改的功能
2021-10-21 16:59:35 +08:00
<div class="date-outer">
<div class="date">
<div class="day" v-cloak>
<span>今天是：</span>{{today}}
</div>
<div class="weather" v-cloak>
今天：{{weatherInfo.city}}
<img :src="weatherInfo.image" alt="">
{{weatherInfo.text}}{{weatherInfo.temperature}}℃
</div>
0902
2021-09-02 11:12:23 +08:00
</div>
0610
2021-06-10 18:12:37 +08:00
</div>
0902
2021-09-02 11:12:23 +08:00
<div class="logo-nav">
<div class="logo-nav-content">
2021-10-21 以前修改的功能
2021-10-21 16:59:35 +08:00
<!-- <div class="logo">
0610
2021-06-10 18:12:37 +08:00
<a href="indexweb">
0902
2021-09-02 11:12:23 +08:00
<img src="assets/web/images/logo.png" alt="">
0610
2021-06-10 18:12:37 +08:00
</a>
2021-10-21 以前修改的功能
2021-10-21 16:59:35 +08:00
</div>-->
<div class="nav child-nav">
0902
2021-09-02 11:12:23 +08:00
<ul>
<li>
<a href="indexweb">首页</a>
</li>
<li>
<a href="route/web/news-list-column.html?pageId=04988903-8948-4645-9024-6c97f770c8d7">党纪法规</a>
</li>
<li>
<a href="javascript: void(0);">
办公平台
<div class="child">
<span @click="goPublicPage('6f0ec363-49a9-4174-a48f-290b69495dfc')">四个清单</span>
<span @click="goPublicPage('cdd5ffd5-ebd7-4901-afce-f2e98d506c97')">五项流程</span>
<span @click="goPublicPage('c912f0ff-d1e6-4346-a0cd-c955ea559a0b')">六本台账</span>
</div>
</a>
</li>
<li>
<a href="route/web/news-list.html?pageId=3c0d1478-f75a-42a6-9bb5-7fa30d854b9b">通知公告</a>
</li>
<li>
<a href="route/web/news-list-column.html?pageId=68167be6-3dbd-49d3-a956-d07e3e4384e5">警示教育</a>
</li>
<li>
<a href="route/web/news-list-column.html?pageId=79da7965-1bff-4471-babe-7874474cb418">学习园地</a>
</li>
</ul>
</div>
</div>
0610
2021-06-10 18:12:37 +08:00
</div>
</div>
<div class="leader">
<div class="leader-title">
1.修改指标查看页面 2.修改首页展示图片
2021-07-22 15:43:57 +08:00
<span>纪检干部</span>
0610
2021-06-10 18:12:37 +08:00
</div>
<div class="leader-list">
<ul class="clearFloat" v-cloak>
<li v-for="leader in leaderList">
0616
2021-06-16 10:40:10 +08:00
<a :href="'route/web/leader-detail.html?userId=' + leader.departmentMemberId">
0610
2021-06-10 18:12:37 +08:00
<div class="avatar-leader">
0616
2021-06-16 10:40:10 +08:00
<img :src="'route/file/download/true/' + leader.departmentMemberPhoto" alt="" v-if="leader.departmentMemberPhoto" class="avatar">
0610
2021-06-10 18:12:37 +08:00
<img src="assets/web/images/default-avatar.png" alt="" v-else class="default-avatar">
</div>
0616
2021-06-16 10:40:10 +08:00
<span>{{leader.departmentMemberName}}</span>
<p>{{leader.departmentMemberPosition}}</p>
0610
2021-06-10 18:12:37 +08:00
</a>
</li>
</ul>
0616
2021-06-16 10:40:10 +08:00
<div class="pager leader-pager" v-if="page.totalPage > 1" v-cloak>
<span @click="paging(1)">首页</span>
<span @click="paging(page.page - 1)" v-if="page.page > 1">上一页</span>
<ul v-if="page.totalPage > 0 && page.totalPage <= 5">
<li v-for="cpage in page.totalPage" :class="{'active': page.page == cpage}" :key="cpage" @click="paging(cpage)">
{{cpage}}
</li>
</ul>
<ul v-if="page.totalPage > 5">
<li v-if="page.page < 3" v-for="cpage in 5" :class="{'active': page.page == cpage}" :key="cpage" @click="paging(cpage)">
{{cpage}}
</li>
<li v-if="page.page > page.totalPage - 2" v-for="cpage in 5" :class="{'active': page.page == (page.totalPage - 5 + cpage)}" :key="cpage" @click="paging(page.totalPage - 5 + cpage)">
{{page.totalPage - 5 + cpage}}
</li>
<li v-if="page.page >= 3 && page.page <= page.totalPage - 2" v-for="cpage in 5" :class="{'active': page.page == (page.page - (3 - cpage))}" :key="cpage" @click="paging(page.page - (3 - cpage))">
{{page.page - (3 - cpage)}}
</li>
</ul>
<span @click="paging(page.page + 1)" v-if="page.page < page.totalPage">下一页</span>
<span @click="paging(page.totalPage)">尾页</span>
</div>
0610
2021-06-10 18:12:37 +08:00
</div>
</div>
0616
2021-06-16 10:40:10 +08:00
<div class="loading" v-if="isLoading">
<img src="assets/web/images/loading.gif" alt="">
</div>
0610
2021-06-10 18:12:37 +08:00
<div class="footer">
功能修改
2021-08-10 16:52:17 +08:00
版权所有：沧州市运河区纪律检查委员会
0610
2021-06-10 18:12:37 +08:00
</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>
<script src="assets/js/restajax.js"></script>
<script src="assets/web/layer-v3.3.0/layer/layer.js"></script>
<script>
var vue = new Vue({
el: '#app',
data: {
departmentId: '',
0616
2021-06-16 10:40:10 +08:00
leaderList: [],
page: {
page: 1,
rows: 10,
totalPage: 1,
departmentId: ''
},
0902
2021-09-02 11:12:23 +08:00
isLoading: false,
weatherInfo: {}
0610
2021-06-10 18:12:37 +08:00
},
methods: {
getLeader: function () {
var self = this
0616
2021-06-16 10:40:10 +08:00
self.isLoading = true
top.restAjax.get(top.restAjax.path('api/departmentmember/list-page-departmentid', []), self.page, null, function(code, data) {
self.leaderList = data.rows
self.page.page = data.page
self.page.totalPage = Math.ceil(data.total / self.page.rows)
self.isLoading = false
0610
2021-06-10 18:12:37 +08:00
}, function(code, data) {
layer.msg(data.msg);
}, function() {
// loadLayerIndex1 = layer.load(0, {shade: false});
}, function() {
// layer.close(loadLayerIndex1);
});
0616
2021-06-16 10:40:10 +08:00
},
paging: function (page) {
if (!this.isLoading) {
this.page.page = page
this.getLeader()
}
0902
2021-09-02 11:12:23 +08:00
},
// 获取天气
getWeahther: function () {
var self = this
top.restAjax.get(top.restAjax.path('api/weather/get-weather-now', []), {}, null, function(code, data) {
self.weatherInfo = data
}, function(code, data) {
layer.msg(data.msg);
}, function() {
// loadLayerIndex = layer.load(0, {shade: false});
}, function() {
// layer.close(loadLayerIndex);
});
},
// 获取日期
getDate: function () {
var myDate = new Date;
var year = myDate.getFullYear(); //获取当前年
var mon = myDate.getMonth() + 1; //获取当前月
var date = myDate.getDate(); //获取当前日
var week = myDate.getDay();
var weeks = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
this.today = year + "年" + mon + "月" + date + "日 " + weeks[week]
},
0610
2021-06-10 18:12:37 +08:00
},
mounted: function () {
0616
2021-06-16 10:40:10 +08:00
this.page.departmentId = restAjax.params(window.location.href).departmentId
0610
2021-06-10 18:12:37 +08:00
this.getLeader()
0902
2021-09-02 11:12:23 +08:00
this.getWeahther()
this.getDate()
0610
2021-06-10 18:12:37 +08:00
}
})
</script>
</body>
</html>
Reference in New Issue Copy Permalink