<!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">
    <!--360浏览器优先以webkit内核解析-->
    <title></title>
    <!--    <link rel="shortcut icon" href="favicon.ico">-->
    <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/style.min.css" th:href="@{/css/style.min.css}" rel="stylesheet"/>
    <th:block th:include="include :: header('模态窗口')"/>
</head>

<body class="gray-bg">
<img alt="[ BGS ]" src="../static/img/main.jpg" th:src="@{/img/main_bg.png}" width="100%" height="100%" id="img_main">
<!--<div class="ibox-content">-->
<!--    <div class="text-center">-->
<!--        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">打开示例窗口</button>-->
<!--    </div>-->
<div class="modal inmodal" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content animated bounceInRight">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" onclick="test()"><span
                        aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
                </button>
                <i class="fa fa-laptop modal-icon"></i>
                <h4 class="modal-title">报废轮挡处理提醒</h4>

            </div>
            <div class="modal-body">
                    <p style="font-size: 2rem; text-align: center">当前轮挡报废数量：<strong id="tt1" style="color:red"></strong>   ,超过仓库设定存储数量 </p>
                <!--                    <div class="form-group">-->
                <!--                        <label>Email</label>-->
                <!--                        <input type="email" placeholder="请输入您的Email" class="form-control">-->
                <!--                    </div>-->
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-white" data-dismiss="modal" onclick="test()">关闭</button>
                <!--                    <button type="button" class="btn btn-primary">保存</button>-->
            </div>
        </div>
    </div>
</div>

<!--</div>-->
<th:block th:include="include :: footer"/>
<script th:inline="javascript">
    // $(document).ready(function() {
    // 页面加载完成后执行的操作
    var data;
    $(function () {
        $.ajax({
            url: '/manage/ledger_rfid/selectWasteNumber',
            method: 'POST',
            dataType: 'json',
            success: function (response) {
                console.log(response)
                if (response.code==0){
                    data = response.data;
                    $("#tt1").text(data)
                    $("#myModal").show();
                }



            },
            error: function (xhr, status, error) {
                // 请求出错，可以在这里处理错误信息
                console.error('请求出错');
            }
        });
    });

    function test() {
        console.log("关闭")
        $("#myModal").hide();
    }
</script>
</body>
</html>
