messagecenter.html 11.1 KB
<!DOCTYPE html>
<!--[if IE 8]>
<html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]>
<html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->

<head>
    <meta charset="utf-8"/>
    <title>消息中心</title>
    <meta name="google" value="notranslate"><!-- 禁止Chrome 浏览器中自动提示翻译 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge"><!--IE=edge:保持使用最高级别模式显示内容-->
    <meta name="renderer" content="webkit"><!--360浏览器-->
    <meta content="width=device-width, initial-scale=1" name="viewport"/>
    <meta content="" name="description"/>
    <meta content="" name="author"/>
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="../../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN THEME GLOBAL STYLES -->
    <link href="../../assets/global/plugins/bootstrap-select/css/bootstrap-select.min.css" rel="stylesheet" type="text/css"/>
    <!--新增 sta-->
    <link href="../../assets/global/plugins/bootstrap-switch/bootstrap-switch.css" rel="stylesheet" type="text/css">
    <!--新增 end-->
    <link href="../../assets/global/plugins/uniform/css/uniform.default.min.css" rel="stylesheet" type="text/css" />
    <link href="../../assets/global/css/bootstrap-table.min.css" rel="stylesheet">
    <link href="../../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css"/>
    <link href="../../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet"
          type="text/css">
    <link href="../../assets/global/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.css" rel="stylesheet"
          type="text/css"/>
    <!-- END THEME GLOBAL STYLES -->
    <!-- BEGIN THEME LAYOUT STYLES -->
    <link href="../../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../assets/layouts/layout/css/themes/blue.css" rel="stylesheet" type="text/css"
          id="style_color"/>
    <script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
    <script src="../../assets/pages/config/config.js"></script>
    <link rel="stylesheet" type="text/css" href="../../assets/pages/css/commonsetcss/commonsetcss.css?a=1"/>
    <link rel="stylesheet" type="text/css" href="../../assets/pages/css/home/messagecenter.css?a=2"/>

    <!-- END THEME LAYOUT STYLES -->
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
</head>
<!-- END HEAD -->

<body class="page-header-fixed page-sidebar-closed-hide-logo page-container-bg-solid">
<!-- BEGIN HEADER -->
<div class="page-header navbar navbar-fixed-top" id="header">

</div>
<!-- END HEADER -->

<!-- BEGIN HEADER & CONTENT DIVIDER -->
<div class="clearfix"></div>
<!-- END HEADER & CONTENT DIVIDER -->

<!-- BEGIN -->
<div class="page-container">
    <!-- 左侧菜单栏 sta -->
    <div class="page-sidebar-wrapper">
        <div class="page-sidebar navbar-collapse collapse" id="navbar_left">
        </div>
    </div>
    <!-- 左侧菜单栏 end -->
    <!-- 右侧账单内容 sta -->
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="ITD-directory-name ITD-common-fontsize16 ITD-common-color margin-bottom-20"><span>消息中心</span></div>
            <div class="row">
                <div class=" col-md-12 col-sm-12 ITD-padding-common margin-bottom-18 ">
                    <div class=" ITD-padding22-24 ITD-bgcolor-white ITD-border-radius ITD-box-shadow pos-rel clearfix">
                        <div class="row">
                            <div class="col-lg-5 col-md-5 col-sm-5 col-xs-12 ">
                                <span class="control-label ITD-common-parking-l  ITD-common-color070 ITD-common-fontsize14">选择时间</span>
                                <div class="input-group ITD-daterange-btn" style="width: 35%">
                                    <input type="text" class="form-control ITD-daterange-bg ITD-common-color070" id="msg-daterange-btnsta" readonly="">
                                </div>
                                <span class="float-left" style="height: 34px;line-height: 34px;margin: 0 5px;">-</span>
                                <div class="input-group ITD-daterange-btn" style="width: 35%">
                                    <input type="text" class="form-control daterange-str ITD-daterange-bg ITD-common-color070" id="msg-daterange-btnend" readonly="">
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                                <select id="msg-type" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true">
                                    <option value="-1">所有消息类型</option>
                                    <option value="1">待办通知</option>
                                    <option value="2">异常通知</option>
                                </select>
                            </div>

                            <div class="col-lg-5 col-md-5 col-sm-5 col-xs-12">
                                <div class="float-right">
                                    <div class="ITD-common-searchbtn" id="queryBtn">查询</div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12 display-none">
                                <select id="parkAreaCode" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true">
                                </select>
                            </div>
                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 display-none">
                                <span class="control-label ITD-common-parking-l float-left ITD-common-color070 ITD-common-fontsize14">名称/编号</span>
                                <input type="text" class="ITD-parkinput78 paddingleft-10 ITD-input-bordercolor" maxlength="32" id="groupCodeid" >
                            </div>
                        </div>

                        <div class="row margin-top-15">
                            <div id="msg-toptab" class="col-lg-11 col-md-11 col-sm-11 col-xs-12">
                                <div class="ITD-graynav-topbar ITD-graynav-topbaractive" data-msg="all" >全部</div>
                                <div class="ITD-graynav-topbar" data-msg="10">未读</div>
                                <div class="ITD-graynav-topbar" data-msg="20">已读</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--记录 sta -->
            <div class="row ">
                <div class=" col-md-12 col-sm-12 ITD-padding-common">
                    <div class="ITD-box-shadow ITD-border-radius padding0-20">
                        <ul class="ITD-new-table-title ITD-common-fontsize14 ITD-common-color070">

                            <li class="float-left ">消息列表</li>
                            <li class="float-right" >
                                <input type="button" class="ITD-readall-btn" id="readallBtn" value="全部标为已读">
                            </li>
                        </ul>
                        <table id="msgcentertable" class="ITD-fix-table common-tableh47"></table>
                    </div>
                </div>
            </div>
            <!--记录 end -->
        </div>
    </div>
    <!-- 右侧账单内容 end -->
</div>

<!--[if lt IE 9]>
<script src="../../assets/global/plugins/respond.min.js"></script>
<script src="../../assets/global/plugins/excanvas.min.js"></script>
<![endif]-->
<!-- scritp BEGIN -->
<script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js"
        type="text/javascript"></script>
<!--新增 sta-->
<script src="../../assets/global/plugins/bootstrap-switch/bootstrap-switch.js" type="text/javascript"></script>
<!--新增 end-->
<script src="../../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/bootstrap-daterangepicker/moment.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/bootstrap-daterangepicker/daterangepicker.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.js"
        type="text/javascript"></script>
<script src="../../assets/global/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.zh-CN.js"
        type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN THEME GLOBAL SCRIPTS -->
<script src="../../assets/global/plugins/bootstrap-select/js/bootstrap-select.min.js" type="text/javascript"></script>
<script src="../../assets/global/scripts/bootstrap-table.min.js"></script>
<script src="../../assets/global/scripts/bootstrap-table-fixed-columns.js?a=1"></script>
<script src="../../assets/global/plugins/bootstrap-table-zh-CN.js?a=1" type="text/javascript"></script>
<script src="../../assets/global/scripts/app.min.js" type="text/javascript"></script>
<script src="../../assets/pages/scripts/components-bootstrap-select.min.js" type="text/javascript"></script>
<!-- END THEME GLOBAL SCRIPTS -->
<!-- BEGIN THEME LAYOUT SCRIPTS -->

<script src="../../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
<script src="../../assets/layouts/layout/scripts/demo.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/quick-sidebar.min.js" type="text/javascript"></script>
<script src="../../assets/pages/scripts/public/unit.js"></script>
<script src="../../assets/pages/scripts/public/header-navbar.js?a=1" type="text/javascript"></script>
<script src="../../assets/global/plugins/DateUtils.js"></script>
<script src="../../assets/pages/scripts/public/common-select.js"></script>
<script src="../../assets/pages/config/config.js?a=2" type="text/javascript"></script>

<script type="text/javascript">
    document.write("<s" + "cript type='text/javascript' src='../../assets/pages/scripts/home/messagecenter.js?" + Math.random() + "'></s" + "cript>");
</script>

<!-- END THEME LAYOUT SCRIPTS -->
</body>

</html>