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

398 lines
20 KiB
HTML
Raw Normal View History

ll
2021-04-13 15:54:11 +08:00
<!DOCTYPE html>
<html lang="en">
<head>
1
2021-04-13 16:50:47 +08:00
<base href="/twoduty/">
ll
2021-04-13 15:54:11 +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">
</head>
<body style="background: #f5f5f5">
<div id="app">
<div class="header assessment-header">
<div class="banner">
<img src="assets/web/images/assessment-banner.png" alt="">
</div>
<div class="nav">
<ul class="clearFloat">
<li>
<a href="index.html">
<div class="left fl">
<span>首页</span>
<p>众力监督平台</p>
</div>
<div class="right fr">
<img src="assets/web/images/nav-icon1.png" alt="">
</div>
</a>
</li>
<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>
</a>
</li>
<li>
<a href="javascript: void(0);">
<div class="left fl">
<span>责任清单</span>
<p>主体/监督责任清单</p>
</div>
<div class="right fr">
<img src="assets/web/images/nav-icon3.png" alt="">
</div>
</a>
</li>
<li class="active">
<a href="javascript: void(0);">
<div class="left fl">
<span>记实考核</span>
<p>各类记实考核</p>
</div>
<div class="right fr">
<img src="assets/web/images/nav-icon4.png" alt="">
</div>
</a>
</li>
<li>
<a href="javascript: void(0);">
<div class="left fl">
<span>成绩查看</span>
<p>成绩得分排名</p>
</div>
<div class="right fr">
<img src="assets/web/images/nav-icon5.png" alt="">
</div>
</a>
</li>
<li>
<a href="javascript: void(0);">
<div class="left fl">
<span>综合管理</span>
<p>各类信息综合管理</p>
</div>
<div class="right fr">
<img src="assets/web/images/nav-icon6.png" alt="">
</div>
</a>
</li>
</ul>
</div>
</div>
<div class="count clearFloat">
<div class="chart-box fl">
<div class="count-title">三重一大分类统计</div>
<div class="chart" id="chart"></div>
</div>
<div class="count-container fr">
<div class="count-title">三重一大管理</div>
<div class="count-out clearFloat">
<div class="count-box">
<span>0</span>
<p>待审核</p>
</div>
<div class="count-box">
<span>0</span>
<p>待审核</p>
</div>
<div class="count-box">
<span>0</span>
<p>待审核</p>
</div>
<div class="count-box">
<span>0</span>
<p>待审核</p>
</div>
<div class="count-box">
<span>0</span>
<p>待审核</p>
</div>
</div>
</div>
</div>
<div class="assessment-main clearFloat">
<div class="left-nav">
<div class="nav-title">
<span>功能一览</span>
</div>
<div class="nav-tab active">
<div class="tab-title">记录考核指标</div>
<div class="hide-list" style="display: block">
<ul>
<li class="active">主体责任清单</li>
<li>监督责任清单</li>
</ul>
</div>
</div>
<div class="nav-tab">
<div class="tab-title">待审核项</div>
<div class="hide-list">
<ul>
<li class="active">主体责任清单</li>
<li>监督责任清单</li>
</ul>
</div>
</div>
<div class="nav-tab">
<div class="tab-title">已通过审核项目</div>
<div class="hide-list">
<ul>
<li class="active">主体责任清单</li>
<li>监督责任清单</li>
</ul>
</div>
</div>
<div class="nav-tab">
<div class="tab-title">未通过审核项目</div>
<div class="hide-list">
<ul>
<li class="active">主体责任清单</li>
<li>监督责任清单</li>
</ul>
</div>
</div>
</div>
<div class="right-main">
<div class="assessment-search">
<div class="nav-title">
<span>主体责任清单</span>
</div>
<div class="assessment-search-container clearFloat">
<div class="assessment-search-box">
<div class="search-title">标题检索</div>
<input type="text" placeholder="请输入关键字模糊查询">
</div>
<div class="assessment-search-box">
<div class="search-title">单位类型</div>
<select>
<option value="0">请选择单位类型</option>
<option value="1">类型1</option>
<option value="2">类型2</option>
</select>
</div>
<div class="assessment-search-box">
<div class="search-title">单位</div>
<select>
<option value="0">请选择单位</option>
<option value="1">单位1</option>
<option value="2">单位2</option>
</select>
</div>
<div class="assessment-search-box">
<div class="search-title">年度</div>
<select class="year">
<option value="0">2020</option>
<option value="1">2021</option>
</select>
</div>
<button>搜索</button>
</div>
</div>
<div class="main-list">
<ul>
<li>
<div class="line">
<span>类别：</span>加强组织领导
</div>
<div class="line">
<span>项目：</span>各苏木镇(管委会）党（工）委自觉扛起全面从严治党政治责任，认真履行党风廉政建设主体责任（15分）：苏木镇(管委会）党(工）委召开专题会议研究部署落实党（工）委主体责任 相关工作（2分）；按照年度主体责任清单、监督责任清单，认真开展党风廉政建设督查、考核、问责等相关工作（3分）；严格落实请示报告制度，健全完善主体责任落实纪实制度（2分）； 深化国家监察体制改革试点工作，重视纪检监察干部的培养与使用（8分）
</div>
<div class="line">
<span>指标明细项：</span>1.苏木镇(管委会）党（工）委每月研究部署、学习传达党风廉政建设相关工作1次，全年不少于12次，每缺1次扣0.2分。按月上报至考核系统。 <span>分值：2分</span>
</div>
<div class="line">
<span>操作：</span>
<a href="javascript: void(0);" class="operation-btn operation-examine">待审核(0)</a>
<a href="javascript: void(0);" class="operation-btn operation-pass">已通过(0)</a>
<a href="javascript: void(0);" class="operation-btn operation-not-pass">未通过(0)</a>
<a href="javascript: void(0);" class="operation-btn operation-score">得分</a>
</div>
</li>
<li>
<div class="line">
<span>类别：</span>加强组织领导
</div>
<div class="line">
<span>项目：</span>各苏木镇(管委会）党（工）委自觉扛起全面从严治党政治责任，认真履行党风廉政建设主体责任（15分）：苏木镇(管委会）党(工）委召开专题会议研究部署落实党（工）委主体责任 相关工作（2分）；按照年度主体责任清单、监督责任清单，认真开展党风廉政建设督查、考核、问责等相关工作（3分）；严格落实请示报告制度，健全完善主体责任落实纪实制度（2分）； 深化国家监察体制改革试点工作，重视纪检监察干部的培养与使用（8分）
</div>
<div class="line">
<span>指标明细项：</span>1.苏木镇(管委会）党（工）委每月研究部署、学习传达党风廉政建设相关工作1次，全年不少于12次，每缺1次扣0.2分。按月上报至考核系统。 <span>分值：2分</span>
</div>
<div class="line">
<span>操作：</span>
<a href="javascript: void(0);" class="operation-btn operation-examine">待审核(0)</a>
<a href="javascript: void(0);" class="operation-btn operation-pass">已通过(0)</a>
<a href="javascript: void(0);" class="operation-btn operation-not-pass">未通过(0)</a>
<a href="javascript: void(0);" class="operation-btn operation-score">得分</a>
</div>
</li>
<li>
<div class="line">
<span>类别：</span>加强组织领导
</div>
<div class="line">
<span>项目：</span>各苏木镇(管委会）党（工）委自觉扛起全面从严治党政治责任，认真履行党风廉政建设主体责任（15分）：苏木镇(管委会）党(工）委召开专题会议研究部署落实党（工）委主体责任 相关工作（2分）；按照年度主体责任清单、监督责任清单，认真开展党风廉政建设督查、考核、问责等相关工作（3分）；严格落实请示报告制度，健全完善主体责任落实纪实制度（2分）； 深化国家监察体制改革试点工作，重视纪检监察干部的培养与使用（8分）
</div>
<div class="line">
<span>指标明细项：</span>1.苏木镇(管委会）党（工）委每月研究部署、学习传达党风廉政建设相关工作1次，全年不少于12次，每缺1次扣0.2分。按月上报至考核系统。 <span>分值：2分</span>
</div>
<div class="line">
<span>操作：</span>
<a href="javascript: void(0);" class="operation-btn operation-examine">待审核(0)</a>
<a href="javascript: void(0);" class="operation-btn operation-pass">已通过(0)</a>
<a href="javascript: void(0);" class="operation-btn operation-not-pass">未通过(0)</a>
<a href="javascript: void(0);" class="operation-btn operation-score">得分</a>
</div>
</li>
<li>
<div class="line">
<span>类别：</span>加强组织领导
</div>
<div class="line">
<span>项目：</span>各苏木镇(管委会）党（工）委自觉扛起全面从严治党政治责任，认真履行党风廉政建设主体责任（15分）：苏木镇(管委会）党(工）委召开专题会议研究部署落实党（工）委主体责任 相关工作（2分）；按照年度主体责任清单、监督责任清单，认真开展党风廉政建设督查、考核、问责等相关工作（3分）；严格落实请示报告制度，健全完善主体责任落实纪实制度（2分）； 深化国家监察体制改革试点工作，重视纪检监察干部的培养与使用（8分）
</div>
<div class="line">
<span>指标明细项：</span>1.苏木镇(管委会）党（工）委每月研究部署、学习传达党风廉政建设相关工作1次，全年不少于12次，每缺1次扣0.2分。按月上报至考核系统。 <span>分值：2分</span>
</div>
<div class="line">
<span>操作：</span>
<a href="javascript: void(0);" class="operation-btn operation-examine">待审核(0)</a>
<a href="javascript: void(0);" class="operation-btn operation-pass">已通过(0)</a>
<a href="javascript: void(0);" class="operation-btn operation-not-pass">未通过(0)</a>
<a href="javascript: void(0);" class="operation-btn operation-score">得分</a>
</div>
</li>
</ul>
</div>
<div class="pager">
<span @click="paging(page.page - 1)" v-if="page.page > 1">上一页</span>
<ul class="clearFloat" 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 class="clearFloat" 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(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(cpage)">
{{page.page - (3 - cpage)}}
</li>
</ul>
<span @click="paging(page.page + 1)" v-if="page.page < page.totalPage">下一页</span>
</div>
</div>
</div>
<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>
</div>
<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/echarts.js"></script>
1
2021-04-13 16:50:47 +08:00
<script src="assets/js/restajax.js"></script>
ll
2021-04-13 15:54:11 +08:00
<script>
var vue = new Vue({
el: '#app',
data: {
page: {
page: 1,
rows: 10,
totalPage: 10
}
},
methods: {
1
2021-04-13 16:50:47 +08:00
// 饼图
ll
2021-04-13 15:54:11 +08:00
initChart: function () {
var self = this;
var echartsRadar = echarts.init(document.getElementById("chart"));
var option = {
tooltip: {
trigger: 'item',
formatter: '{b} : {c} ({d}%)'
},
legend: {
x: '0',
y: '25px',
orient: 'vertical'
},
series: [
{
type: 'pie',
radius: '65%',
center: ['70%', '50%'],
selectedMode: 'single',
data: [
{value: 1548, name: '重大项目安排',},
{value: 735, name: '大额基金使用'},
],
label: { 　　　　　　
normal: {
show: false,
position: 'inside',
formatter:"{b}:{d}%"
}
},
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
],
color: ['#0097f0','#7ecef4']
};
echartsRadar.setOption(option);
1
2021-04-13 16:50:47 +08:00
},
// 获取左侧菜单
getNav: function () {
指标库新增web页面树形接口
2021-04-13 17:45:53 +08:00
var self = this;
1
2021-04-13 16:50:47 +08:00
var loadLayerIndex;
top.restAjax.get(top.restAjax.path('api/indexlib/listztreeweb', []), {}, null, function(code, data) {
console.log(data)
}, function(code, data) {
指标库新增web页面树形接口
2021-04-13 17:45:53 +08:00
dialog.msg(data.msg);
1
2021-04-13 16:50:47 +08:00
}, function() {
指标库新增web页面树形接口
2021-04-13 17:45:53 +08:00
loadLayerIndex = dialog.msg('加载中', {icon: 16, time: 0, shade: 0.3});
1
2021-04-13 16:50:47 +08:00
}, function() {
指标库新增web页面树形接口
2021-04-13 17:45:53 +08:00
dialog.close(loadLayerIndex)
1
2021-04-13 16:50:47 +08:00
});
ll
2021-04-13 15:54:11 +08:00
}
},
mounted: function () {
this.initChart()
1
2021-04-13 16:50:47 +08:00
this.getNav()
ll
2021-04-13 15:54:11 +08:00
$('.nav-tab').click(function () {
$(this).toggleClass('active')
$(this).siblings().removeClass('active')
$(this).siblings().find('.hide-list').slideUp()
$(this).find('.hide-list').slideToggle()
})
$('.hide-list').click(function (e) {
e.stopPropagation();
})
}
})
</script>
</body>
</html>
Reference in New Issue Copy Permalink