123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=0.5">
- <link href="img/favicon.ico" rel="shortcut icon">
- <link rel="stylesheet" href="./layui/layui.css">
- <link rel="stylesheet" href="./css/newdecision.css">
- <title>重庆市南岸区人民政府--重大行政决策公开</title>
- <style type="text/css">
- body{
- min-width: 1280px;
- }
- /*chrome 和Safari*/
- body::-webkit-scrollbar {
- display: none;
- }
- /*IE 10+*/
- body {
- -ms-overflow-style: none !important;
- }
- .search {
- display: flex;
- justify-content: center;
- width: 30% !important;
- margin: 0 auto;
- margin-bottom: 50px;
- }
- .search input {
- width: 80%;
- height: 36px;
- border: 1px solid #F3D39B;
- padding-left: 10px;
- }
- .search input::placeholder {
- color: #ccc;
- }
- .search button {
- width: 20%;
- color: #fff;
- text-align: center;
- cursor: pointer;
- border: 1px solid #F3D39B;
- border-left: none;
- background-color: #F3D39B;
- }
- .bf-ds-ct {
- display: flex;
- justify-content: space-around;
- width: 27% !important;
- margin: 0 auto;
- }
- .bf-ds-ct p {
- cursor: pointer;
- }
- .ly-last {
- width: 58%;
- margin: 0 auto;
- margin-top: 50px;
- margin-bottom: 50px;
- }
- .ly-last img {
- width: 100%;
- }
- /*.bf-ds-ct {*/
- /* background-image: url("img/click-top2.bmp");*/
- /* background-size: 100% 100%;*/
- /* cursor: pointer;*/
- /*}*/
- .yearChioce {
- width: 1158px;
- margin: auto;
- height: 60px;
- position: relative;
- display: flex;
- align-items: center;
- justify-content: space-evenly;
- }
- .yearChioce .year {
- position: relative;
- display: flex;
- justify-content: center;
- font-size: 28px;
- font-family: Microsoft YaHei;
- color: #E3C285;
- }
- .active {
- font-size: 32px;
- font-weight: bold;
- font-style: italic;
- color: #B48D44 !important;
- }
- .yearChioce .num {
- position: absolute;
- top: -40px;
- cursor: pointer;
- }
- .yearChioce .diamond{
- z-index: 11;
- }
- .yearChioce .line {
- position: absolute;
- top: 50%;
- }
- .mainTable {
- width: 1159px;
- margin: auto;
- margin-bottom: 50px;
- }
- .title {
- width: 1159px;
- height: 75px;
- background: linear-gradient(90deg, #F9DDAB, #D4AB63);
- font-size: 28px;
- font-family: Microsoft YaHei;
- font-weight: bold;
- color: #AA843D;
- line-height: 72px;
- text-align: center;
- }
- .layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even) {
- background-color: #FAF6F0;
- }
- .layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row] {
- border-color: #EBE1D2;
- font-size: 18px;
- }
- .layui-table-view .layui-table td, .layui-table-view .layui-table th {
- padding: 15px 0;
- }
- .layui-table, .layui-table-view {
- margin: 0;
- }
- .layui-table-body tr td:last-child {
- color: #999999 !important;
- }
- .layui-table-cell, .layui-table-tool-panel li {
- overflow: inherit;
- text-overflow: revert;
- white-space: normal;
- }
- .layui-table-cell {
- height: auto;
- line-height: 20px;
- }
- </style>
- </head>
- <body>
- <div class="head"></div>
- <div class="process">
- <div class="bf-pc">决策流程</div>
- <div class="line"></div>
- <div class="pc-ct">
- <div class="ct">
- <div class="ct-1"></div>
- <div class="ct-tx">决策公示</div>
- </div>
- <div class="arrow-1"></div>
- <div class="ct">
- <div class="ct-2"></div>
- <div class="ct-tx">意见征集</div>
- </div>
- <div class="arrow-2"></div>
- <div class="ct">
- <div class="ct-3"></div>
- <div class="ct-tx">意见反馈</div>
- </div>
- <div class="arrow-3"></div>
- <div class="ct">
- <div class="ct-4"></div>
- <div class="ct-tx">决策完成</div>
- </div>
- </div>
- </div>
- <div class="main" style="margin-bottom: 20px;">
- <div class="con">
- <div class="search">
- <input type="text" id="search" placeholder="请输入搜索内容">
- <button class="search-btn">全站搜索</button>
- </div>
- <!-- <div class="bf-ds-ct">-->
- <!-- <p data-id="1" style="width: 150px;height: 48px;"></p>-->
- <!-- <p data-id="2" style="width: 150px;height: 48px;"></p>-->
- <!-- </div>-->
- <ul class="yearChioce">
- <li class="year active" data-id="1">
- <div class="num">2022</div>
- <img class="diamond" src="img/lingxing-c.png">
- </li>
- <li class="year" data-id="2">
- <div class="num">2021</div>
- <img class="diamond" src="img/lingxing.png"></img>
- </li>
- <img class="line" src="img/line1.png" style="width: 1158px;height: 2px">
- </ul>
- <div class="ly-first layui-hide mainTable">
- <div class="title">2021年度重庆市南岸区人民政府重大行政决策事项目录</div>
- <table class="layui-hide" id="tableData1"></table>
- <!--<div id="decision_Content"></div>-->
- <div class="moreNullData" id="nulldata" style="display: none">无数据!</div>
- <!--<div class="more " id="moreConntent" onclick="addMoreContent()">更多>></div>-->
- </div>
- <div class="mainTable ly-last">
- <!-- <img alt="" src="/data/zdjc_ml/zdgk-index-table-v2-1.jpg">-->
- <div class="title">2022年度重庆市南岸区人民政府重大行政决策事项目录</div>
- <table class="layui-hide" id="tableData"></table>
- </div>
- <div class="foot"></div>
- </div>
- </div>
- <script type="text/javascript" src="./layui/layui.js"></script>
- <script type="text/javascript" src="./js/jquery-3.5.1.min.js"></script>
- <script type="text/javascript" src="../constans.js"></script>
- <script type="text/javascript" src="./js/decision.js"></script>
- <script id="_trs_ta_js" src="//ta.trs.cn/c/js/ta.js?mpid=3973" async="async" defer="defer"></script>
- <script>
- function isMobileUserAgent() {
- return /iphone|ipod|android.*mobile|windows.*phone|blackberry.*mobile/i.test(
- window.navigator.userAgent.toLowerCase()
- );
- }
- </script>
- <script>
- layui.use(['table', 'layer'], function () {
- if (isMobileUserAgent()) {
- location.href = "decisionmobile.html";
- }
- var layer = layui.layer,
- table = layui.table;
- var opra = function (data) {
- var btn = "";
- btn += '<a style="color:#b48d44" href="details.html?id=' + data.id + '" target="_blank">' + data.postTitle
- + '</a>';
- return btn;
- }
- var timeFormat = function (data) {
- var date = data.opinionFeedbackEnd.split(" ")[0];
- var year = date.split("-")[0];
- var month = Number(date.split("-")[1]);
- var btn = "";
- btn += '<div>' + year + '年' + month + '月'
- + '</div>';
- return btn;
- }
- var typeFormat = function (data) {
- var conName = "";
- switch (data.type) {
- case 0:
- conName = '决策公示';
- break;
- case 1:
- conName = '意见征集';
- break;
- case 2:
- conName = '意见反馈';
- break;
- case 3:
- conName = '待公示';
- break;
- case 4:
- conName = '决策完成';
- break;
- default:
- conName = '';
- break;
- }
- return '<div>' + conName + '</div>';
- }
- //展示已知数据
- table.render({
- elem: '#tableData'
- ,url: PATH + '/postManagement/queryAllImportmentByYear?year=2022'
- , width: 1158
- , cols: [[ //标题栏
- {type: 'numbers', title: '序号', width: 80,align:"center"}
- , {field: 'postTitle', title: '决策事项', templet: opra,align:"center"}
- , {field: 'deptName', title: '承办单位', width: 220,align:"center"}
- , {field: 'releaseTime', title: '决策时间', width: 150, templet: timeFormat,align:"center"}
- , {field: 'type', title: '决策状态', width: 120, templet: typeFormat,align:"center"}
- ]]
- //,skin: 'line' //表格风格
- , even: true
- //,page: true //是否显示分页
- //,limits: [5, 7, 10]
- //,limit: 5 //每页默认显示的数量
- });
- table.render({
- elem: '#tableData1'
- ,url: PATH + '/postManagement/queryAllImportmentByYear?year=2021'
- , width: 1158
- , cols: [[ //标题栏
- {type: 'numbers', title: '序号', width: 80,align:"center"}
- , {field: 'postTitle', title: '决策事项', templet: opra,align:"center"}
- , {field: 'deptName', title: '承办单位', width: 220,align:"center"}
- , {field: 'releaseTime', title: '决策时间', width: 150, templet: timeFormat,align:"center"}
- , {field: 'type', title: '决策状态', width: 120, templet: typeFormat,align:"center"}
- ]]
- //,skin: 'line' //表格风格
- , even: true
- //,page: true //是否显示分页
- //,limits: [5, 7, 10]
- //,limit: 5 //每页默认显示的数量
- });
- });
- </script>
- </body>
- </html>
|