main-pt.html 7.64 KB
<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>怀柔区公共信用信息服务平台</title>
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/animate.min.css" th:href="@{/css/animate.min.css}" rel="stylesheet"/>
    <link href="../static/css/style.min.css" th:href="@{/css/style.min.css}" rel="stylesheet"/>
    <link th:href="@{/ajax/libs/bootstrap-table/bootstrap-table.min.css?v=1.18.3}" rel="stylesheet"/>
</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content">

        <input id="monthEndDay" th:value="${monthEndDay}" type="hidden"/>
        <input id="nowDate" th:value="${nowDate}" type="hidden"/>
<!--        五类数据上报提醒-->
        <input id="wlsjIsShow" th:value="${wlsjIsShow}" type="hidden"/>
<!--        双公示上报提醒-->
        <input id="sgsbsIsShow" th:value="${sgsbsIsShow}" type="hidden"/>
        <div class="row">
<!--            <div class="col-sm-4">-->
<!--                <div class="ibox float-e-margins">-->
<!--                    <div class="ibox-title">-->
<!--                        <h5>上报提醒</h5>-->
<!--                    </div>-->
<!--                    <div class="ibox-content" style="height: 260px">-->
<!--                        <table class="table table-hover no-margins">-->
<!--                            <tbody id="message_table">-->
<!--                            </tbody>-->
<!--                        </table>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
            <div class="col-sm-4">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>核查提醒</h5>
                    </div>
                    <div class="ibox-content" style="padding: 0 20px; height: 260px">
                        <table id="check_table"><!--class="table table-hover no-margins"-->
                            <!--<tbody >
                            </tbody>-->
                        </table>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5 th:if="${showNoticeUrl}"><a onclick="openNoticeMenu()">通知公告</a></h5>
                        <h5 th:if="${showNoticeUrl == false}">通知公告</h5>
                    </div>
                    <div class="ibox-content" style="padding: 0 20px; height: 260px">
                        <table id="notice_table"><!--class="table table-hover no-margins"-->
                            <!--<tbody id="notice_table">
                            </tbody>-->
                        </table>
                    </div>
                </div>
            </div>
        </div>

<!--        <div class="row">-->
<!--            <div class="col-sm-6" id="sgsChartPie">-->
<!--                <div class="ibox float-e-margins">-->
<!--                    <div class="ibox-title">-->
<!--                        <h5>双公示上报量</h5>-->
<!--                    </div>-->
<!--                    <div class="ibox-content">-->
<!--                        <div class="flot-chart">-->
<!--                            <div class="echarts" id="echarts-pie-half-chart"></div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
      </div>
    </div>
    <th:block th:include="include :: footer" />
    <!--<script th:src="@{/js/jquery.min.js}"></script>-->
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/js/plugins/metisMenu/jquery.metisMenu.js}"></script>
    <script th:src="@{/js/jquery.contextMenu.min.js}"></script>
    <script th:src="@{/ajax/libs/flot/jquery.flot.js}"></script>
    <script th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
    <script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
    <script th:src="@{/ruoyi/js/ry-ui.js?v=4.7.7}"></script>
    <script th:src="@{/ruoyi/js/common.js?v=4.7.7}"></script>

    <th:block th:include="include :: sparkline-js" />
    <th:block th:include="include :: echarts-js" />
    <script th:inline="javascript">
        var prefix =  "/business";
        $(function () {

            var options = {
                id: "notice_table",
                url: prefix + "/home/notice/noticeList",
                showSearch: false,
                showRefresh: false,
                showToggle: false,
                showColumns: false,
                showHeader: false,
                paginationParts: ["pageList"],
                pageSize: 5,
                modalName: "公告",
                columns: [
                {
                    field : 'noticeTitle',
                    title : '公告标题',
                    formatter: function(value, row, index) {
                        var actions = [];
                        var readColor = 'blue';
                        if (row.operateType !== 0) {
                            readColor = 'grey';
                        }
                        actions.push('<a style="color: '+readColor+'" href="javascript:void(0)" onclick="openNotice(\'' + row.noticeId + '\')">'+row.noticeTitle+'</a> ');
                        return actions.join('');
                    }
                },
                {
                    field: 'noticeType',
                    title: '公告类型',
                    align: 'center',
                }]
            };
            console.log(options);
            $.table.init(options);

            var options2 = {
                id: "check_table",
                url: prefix + "/home/notice/checkList",
                showSearch: false,
                showRefresh: false,
                showToggle: false,
                showColumns: false,
                showHeader: false,
                paginationParts: ["pageList"],
                pageSize: 5,
                modalName: "公告",
                columns: [
                {
                    field : 'noticeTitle',
                    title : '公告标题',
                    formatter: function(value, row, index) {
                        var actions = [];
                        var readColor = 'blue';
                        if (row.operateType !== 0) {
                            readColor = 'grey';
                        }
                        actions.push('<a style="color: '+readColor+'" href="javascript:void(0)" onclick="confirmNotice(\'' + row.noticeId + '\')">'+row.noticeTitle+'</a> ');
                        return actions.join('');
                    }
                },
                {
                    field: 'noticeType',
                    title: '公告类型',
                    align: 'center',
                }]
            };
            $.table.init(options2);

	     });

        function openNotice(noticeId) {
            $.modal.openTab('通知详情',  "/business/credit/notice/confirm/detail/" + noticeId);
        }

        function confirmNotice(noticeId) {
            $.get("/business/home/notice/confirm/" + noticeId, function (result) {
              $.modal.openTab('核查详情',  "/business/credit/notice/confirm/detail/" + noticeId);
            });
        }

        function openNoticeMenu() {
            $.modal.openTab('通知公告',  "/business/credit/notice");
        }
    </script>
</body>
</html>