<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport">
    <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <link rel="stylesheet" type="text/css" href="/yyqhstyle/wap.css">
    <title>预约信息查看</title>

    <script type="text/javascript" src="/yyqhstyle/jquery-1.11.0.min.js"></script>
    <script src="/yyqhstyle/detail_jszgrd.js" type="text/javascript"></script>
    <script src="/yyqhstyle/include.js" type="text/javascript"></script>
    <script src="/yyqhstyle/weixinmap.js" type="text/javascript"></script>
    <script type="text/javascript">
        var SU = SWebPath + '/js/';
        var SSU = SWebPath + "/Img/";
        var SSCSS = SWebPath + "/css/";
        var SLL = [SU + 'comm/function.js',
            SU + 'comm/prototype.js',
            SU + 'comm/commurl.js',
            SU + 'comm/showwindow.js',
            SU + 'comm/pagination.js',
            SU + 'comm/window.js',
            SU + 'comm/msg.js',
            SU + 'comm/effects.js'];
        includeJs(SLL);
        var SSULL = [SSCSS];
        includeCss(SSULL);
    </script>
    <script type="text/javascript" src="/yyqhstyle/function.js"></script>
    <script type="text/javascript" src="/yyqhstyle/prototype.js"></script>
    <script type="text/javascript" src="/yyqhstyle/commurl.js"></script>
    <script type="text/javascript" src="/yyqhstyle/showwindow.js"></script>
    <script type="text/javascript" src="/yyqhstyle/pagination.js"></script>
    <script type="text/javascript" src="/yyqhstyle/window.js"></script>
    <script type="text/javascript" src="/yyqhstyle/msg.js"></script>
    <script type="text/javascript" src="/yyqhstyle/effects.js"></script>
</head>

<body>
<div id="StrContent">
    <div class="sxdetail" th:if="${yyqhs.size()==0}">
        <div class="sxtitle_selected">预约信息</div>
        <div class="detail">
            <dl>
                <dt>暂无数据</dt>
                <dd>未查询到相关数据</dd>
            </dl>
        </div>
    </div>
    <div class="sxdetail" th:if="${yyqhs.size()>0}" th:each="item:${yyqhs}">
        <div class="sxtitle_selected" id="click_1">预约信息</div>
        <div class="detail" id="menu_1">
            <dl>
                <dt>预约时间</dt>
                <dd id="slbh">[[${#dates.format(item.bookedDay, 'yyyy-MM-dd')}]]（[[${item.bookedTime}]]）</dd>
            </dl>
            <dl>
                <dt>预 约 人</dt>
                <dd id="xmmc">[[${item.applyForName}]]</dd>
            </dl>
            <dl>
                <dt>身份证号</dt>
                <dd id="slbm">[[${item.idNum}]]</dd>
            </dl>
            <dl>
                <dt>手机号码</dt>
                <dd id="sqsj">[[${item.phongNum}]]</dd>
            </dl>
            <dl style="border-bottom:none;">
                <dt>预约类型</dt>
                <dd id="blzt">[[${item.guidanceName}]]</dd>
            </dl>
        </div>
        <a th:onclick="canle([[${item.yyqhId}]])">
            <div class="button" align="center">取 消 预 约</div>
        </a>
        <div style="height:20px;"></div>
    </div>
</div>
<script src="/wsyystyle/js/jquery-1.7.2.min.js"></script>
<script th:inline="javascript">
    function canle(id) {
        if (confirm("您确认取消本次预约吗？")) {
            $.ajax({
                url: "/yyqh/web/cancel",
                type: "post",
                dataType: 'json',
                data: {
                    "id": id,
                },
                success: function (data) {
                    if (data.State == 1) {
                        alert("取消成功");
                        location.replace(location.href);
                    } else {
                        alert("取消失败");
                        location.replace(location.href);
                    }
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    $('body').dialogBox({
                        hasMask: true,
                        hasClose: true,
                        effect: 'sign',
                        hasBtn: true,
                        confirmValue: '确定',
                        title: '提示',
                        content: "数据加载失败!"
                    });
                }
            });
        }
    }


</script>

<style>PANTOOL-PLUGIN {
    display: inline;
    cursor: pointer;
}

PANTOOL-PLUGIN-TIPS {
    white-space: nowrap;
}

.PANTOOL-PLUGIN-VALIDATE-NOTPASS {
    text-decoration: line-through;
    color: #ccc;
}

PANTOOL-PLUGIN-TIPS::before {
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    box-sizing: border-box;
    width: 1em;
    height: 1em;
    margin: 0 1px .15em 1px;
    vertical-align: middle;
    display: inline-block;
}

.PANTOOL-PLUGIN-VALIDATE-NOTPASS > PANTOOL-PLUGIN-TIPS::before {
    content: '';
    background-image: url(data:image/png;base64,[encoded data, 5520 characters])
}

.PANTOOL-PLUGIN-VALIDATE-PASS > PANTOOL-PLUGIN-TIPS::before {
    content: '';
    background-image: url(data:image/png;base64,[encoded data, 5544 characters])
}

.PANTOOL-PLUGIN-VALIDATE-UNCERTAINTY > PANTOOL-PLUGIN-TIPS::before {
    content: '';
    background-image: url(data:image/png;base64,[encoded data, 8644 characters])
}

.PANTOOL-PLUGIN-VALIDATE-LOCK > PANTOOL-PLUGIN-TIPS::before {
    content: '';
    background-image: url(data:image/png;base64,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)
}</style>
<div class="xl-chrome-ext-bar" id="xl_chrome_ext_{4DB361DE-01F7-4376-B494-639E489D19ED}" style="display: none;">
    <div class="xl-chrome-ext-bar__logo"></div>

    <a id="xl_chrome_ext_download" href="javascript:;" class="xl-chrome-ext-bar__option">下载视频</a>
    <a id="xl_chrome_ext_close" href="javascript:;" class="xl-chrome-ext-bar__close"></a>
</div>
</body>
</html>