<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: touchScreenHeader('查看文档')"/>
</head>
<body>
<th:block th:include="include :: touchscreenHeader"/>
<div class="main">
    <div>
        <div class="con" style="padding-top: 0">
            <iframe id="iframe" th:if="${!#strings.isEmpty(guidanceFile.fileName)}" width='85%' height='100%'
                    frameborder='1'></iframe>
            <div id="qrcode" style="width:15%;float:right;padding-top: 20px"
                 th:if="${!#strings.isEmpty(guidanceFile.fileName)}">
                <p style="text-align: center;font-weight:bold;font-size:16px">[[${guidance.guidanceName}]]</p>
                <br/>
                <p style="text-align: center;">扫描下方二维码</p>
                <p style="text-align: center;">在移动端预览或下载当前文档</p>
                <div align="center">
                    <img style="width:200px" th:src="${guidanceFile.qrCode}">
                </div>
                <!--                <p style="text-align: center">扫描二维码下载当前文档</p>-->
                <!--                <p style="text-align: center;color: #000;opacity: 0.5;  ">(使用Android手机获得更好体验)</p>-->
            </div>
            <p class="weui_tabbar_label" th:if="${#strings.isEmpty(guidanceFile.fileName)}">暂无数据... </p>
        </div>
    </div>
    <ul class="an">
        <li class="fan"><a href="javascript:history.back(-1)"><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">
          <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 weui_bar_item_on">
        <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>
    shijian();
    var docUrl = "[[${guidanceFile.fileUrl}]]";
    var yum = window.location.protocol + "//" + window.location.host;
    var kkview = "[[${kkview}]]";
    url = yum + docUrl;
    if (url.substr(url.lastIndexOf(".") + 1, url.length).toLowerCase() == "pdf") {
        yum = kkview + "/pdfjs/web/viewer.html?file=";
    } else {
        yum = kkview + "/onlinePreview?url=";
    }
    var docSrc = yum + url;
    document.getElementById("iframe").src = docSrc;
</script>
</body>
</html>
