<html lang="zh" xmlns:th="http://www.thymeleaf.org">

<head>
    <th:block th:include="include :: touchScreenHeader('办件查询')"/>
</head>
<body>
<th:block th:include="include :: touchscreenHeader"/>
<div class="main">
    <!--<div class="zhanshi">
        <img src="images/a1.png"/>
    </div>-->
    <div>
        <!--<p class="pingtit">办件查询</p>-->
        <div class="con">
            <div class="cha" id="cha">
                <p style="padding-left: 450px">
                    <span class="fl">申报号</span>
                    <!--                    <select class="myselect fl">-->
                    <!--                        <option value="受理编号">申报号</option>-->
                    <!--                        <option value="身份证号">身份证号</option>-->
                    <!--                        <option value="联系人手机号">联系人手机号</option>-->
                    <!--                    </select>-->
                    <input class="fl" id="sbh" type="number" placeholder="请输入"/>
                    <button class="btn btn-success fl"
                            style="width:100px;height:63px;margin-left:10px;font-size:26px;font-weight:bold"
                            onclick="search()">查询
                    </button>

                </p>
            </div>
            <iframe id="iframe" src="" style="height: 90%;width: 100%"></iframe>
            <!--            <div>-->
            <!--                <table class="table cha-con table-bordered" style="border-collapse:separate; ">-->
            <!--                    <tr class="success">-->
            <!--                        <td width="40%"><strong>受理编号</strong></td>-->
            <!--                        <td width="60%">4545646561</td>-->
            <!--                    </tr>-->
            <!--                    <tr>-->
            <!--                        <td><strong>受理科室</strong></td>-->
            <!--                        <td>企业设立科</td>-->
            <!--                    </tr>-->
            <!--                    <tr class="success">-->
            <!--                        <td class="active"><strong>受理事项</strong></td>-->
            <!--                        <td>企业设立</td>-->
            <!--                    </tr>-->
            <!--                    <tr>-->
            <!--                        <td><strong>申报人/单位</strong></td>-->
            <!--                        <td>河北见过集团</td>-->
            <!--                    </tr>-->
            <!--                    <tr class="success">-->
            <!--                        <td><strong>项目名称</strong></td>-->
            <!--                        <td>企业设立</td>-->
            <!--                    </tr>-->
            <!--                    <tr>-->
            <!--                        <td><strong>申报时间</strong></td>-->
            <!--                        <td>2018-01-05 12：12</td>-->
            <!--                    </tr>-->
            <!--                    <tr class="success">-->
            <!--                        <td><strong>办件状态</strong></td>-->
            <!--                        <td class="text-warning">办理中</td>-->
            <!--                    </tr>-->
            <!--                </table>-->
            <!--            </div>-->
        </div>
    </div>
    <ul class="an">
        <li class="fan"><a onclick="backup()"><img src="/touchscreenstyle/images/or.png"></a></li>
    </ul>
</div>
<div class="weui_tabbar">
    <a href="/touchscreen/index" class="weui_tabbar_item">
        <div class="weui_tabbar_icon hig20">
            <i class="fa fa-map"></i>
        </div>
        <p class="weui_tabbar_label">指引地图</p>
    </a>
    <a href="/touchscreen/jieshao" class="weui_tabbar_item">
        <div class="weui_tabbar_icon hig20">
            <i class="fa fa-star-o"></i>
        </div>
        <p class="weui_tabbar_label">中心介绍</p>
    </a>
    <!--<a href="/touchscreen/search" class="weui_tabbar_item weui_bar_item_on">
        <div class="weui_tabbar_icon hig20">
            <i class="fa fa-search"></i>
        </div>
        <p class="weui_tabbar_label">办件查询</p>
    </a>-->
    <a href="/touchscreen/nan" class="weui_tabbar_item">
        <div class="weui_tabbar_icon hig20">
            <i class="fa fa-telegram"></i>
        </div>
        <p class="weui_tabbar_label">办事指南</p>
    </a>
    <a href="/touchscreen/notice" class="weui_tabbar_item">
        <div class="weui_tabbar_icon hig20">
            <i class="fa fa-list"></i>
        </div>
        <p class="weui_tabbar_label">公示公告</p>
    </a>
    <a href="/touchscreen/hao" class="weui_tabbar_item">
        <div class="weui_tabbar_icon hig20">
            <i class="fa fa-bullhorn"></i>
        </div>
        <p class="weui_tabbar_label">叫号统计</p>
    </a>
    <a href="/touchscreen/tong" class="weui_tabbar_item ">
        <div class="weui_tabbar_icon hig20">
            <i class="fa fa-pie-chart"></i>
        </div>
        <p class="weui_tabbar_label">办件统计</p>
    </a>
</div>
<th:block th:include="include :: touchScreenFooter"/>
<script src="/touchscreenstyle/js/sweetalert.js"></script>
<script>
    shijian();
    $("#iframe").hide();

    function backup() {
        $("#iframe").hide();
        $("#cha").show();
        $("#sbh").val("");
    }

    function search() {
        var sbh = $("#sbh").val();
        if (sbh == "") {
            swal(
                '提示',
                '请输入申报号',
                'info'
            );
            return;
        }
        $("#iframe").show();
        $("#cha").hide();
        $("#iframe").attr("src", "http://zwfw.hebei.gov.cn/hbzw/yhzx/getWdbjDetail.do?projid=" + sbh);
    }
</script>
</body>
</html>
