guozi_sys
/
daxt


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <link rel="stylesheet" href="../../lib/layui-v2.5.5/css/layui.css" media="all">
    <link rel="stylesheet" href="../../css/public.css" media="all">
    <link rel="stylesheet" href="../../lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
    <style>
        body {
            background-color: #ffffff;
        }

        #file_list li {
            line-height: 40px;
            height: 40px;
            /*border: 1px solid red;*/
        }


        #file_list li a {
            display: inline-block;
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            color: #fff;
            cursor: pointer;
            padding: 0 30px;
        }
    </style>
</head>
<body>
<div class="layui-fluid" style="height: 100%">
    <div class="layui-row">
        <div class="layui-col-md2">
            <ul id="file_list" class="layui-bg-black" style="height: calc(96vh);">
                <input id="archive_id" name="archive_id" type="hidden">
            </ul>
        </div>
        <div class="layui-col-md10">
            <iframe src=""
                    frameborder="0" id="pdf_show" style="width: 100%; height: calc(96vh);"></iframe>
        </div>
    </div>
</div>
<script src="../../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
<script src="../../js/lay-config.js?v=1.0.4" charset="utf-8"></script>
<script>
    layui.use(['http'], function () {
        let http = layui.http,
            $ = layui.$
        ;
        let archive_id = $("#archive_id").val()

        $(document).on('click', 'li>a', function () {
            $("#file_list").children("li").removeClass("layui-bg-green")
            let li = $(this).parent("li")
            li.addClass("layui-bg-green")
            let pef_src = $(this).attr('pdf_src')
            $("#pdf_show").prop('src', pef_src)
        });

        let initData = () => {
            let html = ""
            http.get('archive/archiveFile/selectByArchiveId', {
                archiveId: archive_id,
                fileType: 0
            }, true, res => {
                if (res.code == 200){
                    if (res.data.length == 0){
                        layui.layer.msg('无文件无法预览，即将自动关闭',{icon: 2},function (){
                            // 关闭弹出层
                            let iframeIndex = parent.layer.getFrameIndex(window.name);
                            parent.layer.close(iframeIndex);
                        })
                        return
                    }
                    for (let i = 0; i < res.data.length; i++) {
                        let item = res.data[i]
                        if (i == 0){
                            html += '<li class="layui-bg-green"><a pdf_src="' + item.filePath + '/' + item.fileName + '">' + (item.jnml?item.jnml:'档案文件') + '</a></li>'
                            $("#pdf_show").prop('src', item.filePath + '/' + item.fileName)
                        }else {
                            html += '<li><a pdf_src="' + item.filePath + '/' + item.fileName + '">' + (item.jnml?item.jnml:'档案文件') + '</a></li>'
                        }
                    }
                    $("#file_list").append(html)
                }
            })
        }
        initData()
    })
</script>
</body>
</html>