简单消息提醒模板_消息提醒的类型模板怎么定义-CSDN博客

本文链接：https://blog.csdn.net/u013408061/article/details/89916006
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8"/>
	<title> <?php echo TITLE; ?> 后台系统</title>
	<meta name="keywords" content=""/>
	<meta name="description" content=""/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
	
	<!-- basic styles -->
	
	<link href="__STATIC__/assets/css/bootstrap.min.css" rel="stylesheet"/>
	<link rel="stylesheet" href="__STATIC__/assets/css/font-awesome.min.css"/>
	
	<!--[if IE 7]>
	<link rel="stylesheet" href="__STATIC__/assets/css/font-awesome-ie7.min.css"/>
	<![endif]-->
	
	<!-- page specific plugin styles -->
	
	<!-- fonts -->
	
	<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300"/>
	
	<!-- ace styles -->
	
	<link rel="stylesheet" href="__STATIC__/assets/css/ace.min.css"/>
	<link rel="stylesheet" href="__STATIC__/assets/css/ace-rtl.min.css"/>
	<link rel="stylesheet" href="__STATIC__/assets/css/ace-skins.min.css"/>
	<link rel="stylesheet" href="__STATIC__/assets/css/chosen.css"/>
	<link rel="stylesheet" href="__STATIC__/assets/css/datepicker.css"/>
	<link rel="stylesheet" href="__STATIC__/assets/css/bootstrap-timepicker.css"/>
	<link rel="stylesheet" href="__STATIC__/assets/css/daterangepicker.css"/>
	<link rel="stylesheet" href="__STATIC__/assets/css/colorpicker.css"/>
	
	
	<!--[if lte IE 8]>
	<link rel="stylesheet" href="__STATIC__/assets/css/ace-ie.min.css"/>
	<![endif]-->
	
	<!-- inline styles related to this page -->
	
	<!-- ace settings handler -->
	
	<script src="__STATIC__/assets/js/ace-extra.min.js"></script>
	
	<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
	
	<!--[if lt IE 9]>
	<script src="__STATIC__/assets/js/html5shiv.js"></script>
	<script src="__STATIC__/assets/js/respond.min.js"></script>
	<![endif]-->
	
	<!--[if !IE]> -->
	
	<script type="text/javascript">
        window.jQuery || document.write("<script src='__STATIC__/assets/js/jquery-2.0.3.min.js'>" + "<" + "/script>");
        
        function formatter(column) {
            return column.replace(/[a-zA-Z]/g, '');

        }
	</script>
	
	<!-- <![endif]-->
	
	
	<script src="__STATIC__/assets/js/bootstrap.min.js"></script>
	<script src="__STATIC__/assets/js/jquery-ui-1.10.3.custom.min.js"></script>
	<script src="__STATIC__/assets/js/chosen.jquery.min.js"></script>
	<script src="__STATIC__/assets/js/fuelux/fuelux.spinner.min.js"></script>
	<script src="__STATIC__/assets/js/date-time/bootstrap-datepicker.min.js"></script>
	<script src="__STATIC__/assets/js/date-time/bootstrap-timepicker.min.js"></script>
	<script src="__STATIC__/assets/js/date-time/moment.min.js"></script>
	<script src="__STATIC__/assets/js/date-time/daterangepicker.min.js"></script>
	<script src="__STATIC__/assets/js/bootstrap-colorpicker.min.js"></script>
	
	<script src="__STATIC__/assets/js/jquery.autosize.min.js"></script>
	<script src="__STATIC__/assets/js/jquery.inputlimiter.1.3.1.min.js"></script>
	<script src="__STATIC__/assets/js/jquery.maskedinput.min.js"></script>
	
	<!-- ace scripts -->
	
	<script src="__STATIC__/assets/js/ace-elements.min.js"></script>
	
	<script src="__STATIC__/assets/js/ace-extra.min.js"></script>
	
	<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
	
	<!--[if lt IE 9]>
	<script src="__STATIC__/assets/js/html5shiv.js"></script>
	<script src="__STATIC__/assets/js/respond.min.js"></script>
	<![endif]-->
	<style>
		.ele {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			color: #909399;
			font-size: 16px;
			margin-top: 30px;
		}
		
		.row_one {
			margin: 0 12px;
		}
		/*==========提醒消息样式=============*/
		.Small_box {
            height: 30px;
            width: 150px;
            background-color: rgb(219, 214, 204);
            position: fixed;
            bottom: 0;
            right: 0;
            cursor: pointer;
            text-align: center;
            line-height: 30px;
            color: #666;
            z-index: 999;

        }

        .Big_box1 {
            width: 24.75rem;
            height: 18.75rem;
            border: 1px solid rgb(219, 214, 204);
            position: fixed;
            bottom: 0;
            right: 0;
            background-color: white;
            display: none;
            z-index: 999;
        }

        .Big_title {
            height: 1.875rem/* 30/16 */
            ;
            background-color: rgb(219, 214, 204);
            position: relative;
        }

        .Big_title>img {
            width: 1.25rem;
            position: absolute;
            right: 0.75rem;
            top: 0.05rem;
            cursor: pointer;
        }

        .Big_box1>.checkmessages {
            padding: 0;
            margin: 0;
            list-style: none;
        }

        .Big_box1>.checkmessages {
            width: 80%;
            margin: 0 auto;
        }

        .Big_box1>.checkmessages li {
            display: flex;
            justify-content: space-between;
            margin-top: 1.25rem;
        }
        /*==========提醒消息样式结束=============*/
	</style>
	<!-- inline scripts related to this page -->
	
	<script type="text/javascript">
        var items_per_page = 20;
        jQuery(function ($) {
            var url = window.location.href;
            var result = url.substring(url.lastIndexOf('/') + 1);
            result = result.split('.');
            var action = result[0];
            $($('#' + action).parent().parent().addClass('active open'));
            $('#' + action).addClass('active');
            $('.date-picker').datepicker({autoclose: true}).next().on(ace.click_event, function () {
                $(this).prev().focus();
            });
            $('input[name=date-range-picker]').daterangepicker().prev().on(ace.click_event, function () {
                $(this).next().focus();
            });

            $('#timepicker1').timepicker({
                minuteStep: 1,
                showSeconds: true,
                showMeridian: false
            }).next().on(ace.click_event, function () {
                $(this).prev().focus();
            });

            $('#colorpicker1').colorpicker();
            $('#simple-colorpicker-1').ace_colorpicker();
        });
	</script>
	<script type="text/javascript">
		$(function () {
			var set = setInterval(function(){
				$.post("{:url('admin/user/findIsNotice')}", '', function(res){
					if (res.code==0){
						if (res.data.total_in > 0) {
							$('.Small_box').text('您有新消息');
							$('.Small_box').css({
								backgroundColor: "orangered",
								color: "white"
							});
						}
						$('.checkmessages .check_gs').text(res.data.bank_in);
						$('.checkmessages .check_zfb').text(res.data.zhifubao_in);
						$('.checkmessages .check_wx').text(res.data.weixin_in);
						$('.checkmessages .check_tx').text(res.data.withdraw);
						$('.checkmessages .check_real').text(res.data.user_real);
						

                    //$('#num').html(data.num);  //将消息数量添加上去
                    //if (data.status = "1")
                    //	var filePath='__STATIC__/assets/audio/1.mp3';
                    //else
                    //	;
                    //var audio = new Audio(filePath);    //获取本地音频文件，ogg，mp3都可以
                    //audio.play();    //执行播放操作
                    }
                    else
                    {

                    }
            }, 'json');

			}, 1000);

        //点击查看小心，并且将消息数量清空
        //$('#a_link').click(function () {
        	//$('#num').html('');
        //})
    	})
	</script>
</head>

<body>
	<!--提醒消息开始-->
<div class="Small_box">
        审核提醒
    </div>
    <div class="Big_box1">
        <div class="Big_title">
            <img src="__STATIC__/assets/images/small_scale.png" alt="" id="smallScale">
        </div>
        <ul class="checkmessages">
            <li>
                <span>您有公司入款待审核</span>
                <span class="check_gs"></span>
            </li>
            <li>
                <span>您有支付宝入款待审核</span>
                <span class="check_zfb">0</span>
            </li>
            <li>
                <span>您有微信入款待审核</span>
                <span class="check_wx">0</span>
            </li>
            <li>
                <span>您有提现待审核</span>
                <span class="check_tx">0</span>
            </li>
            <li>
                <span>您有实名认证待审核</span>
                <span class="check_real">0</span>
            </li>
        </ul>
    </div>

    <script>
    $('#smallScale').click(function () {
        $('.Big_box1').hide();
        $('.Small_box').show();
        $('.Small_box').text('审核提醒');
        $('.Small_box').css({
            backgroundColor: "rgb(219, 214, 204)",
            color: "#666"
        })
    })
    $('.Small_box').click(function () {
        $('.Big_box1').show();
        $('.Small_box').hide();
    })


</script>
<!--提醒消息结束-->
<div class="navbar navbar-default" id="navbar">
	<script type="text/javascript">
        try {
            ace.settings.check('navbar', 'fixed')
        } catch (e) {
        }
	</script>
	
	<div class="navbar-container" id="navbar-container">
		<div class="navbar-header pull-left">
			<a href="#" class="navbar-brand">
				<small>
					<i class="icon-leaf"></i>
					<?php echo TITLE; ?> 后台管理系统
				</small>
			</a><!-- /.brand -->
		</div><!-- /.navbar-header -->
		
		<div class="navbar-header pull-right" role="navigation">
			<ul class="nav ace-nav">
				<li class="light-blue">
					欢迎登录 <?php echo session('admin_name'); ?>&nbsp;&nbsp;
				</li>
				<li class="light-blue">
					<a href="<?php echo url('user/loginOut') ?>">
						<i class="icon-off"></i>
						退出登录
					</a>
				</li>
			</ul><!-- /.ace-nav -->
		</div><!-- /.navbar-header -->
	</div><!-- /.container -->
</div>