guozi_sys
/
daxt


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860
							<!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;
        }

        .layui-form-label {
            padding-left: 0;
        }

        .layui-form-item {
            text-align: center;
        }

        .layui-form-item .layui-input-inline {
            width: 100px;
            min-width: 100px;
        }

        .layui-main {
            min-width: 1000px;
            width: 1000px;
        }

        .layui-btn {
            /*display: block;*/
            /*margin: 0 auto;*/
            /*float: left;*/
        }
    </style>
</head>
<body>

<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
    <ul class="layui-tab-title">
        <li class="layui-this">编辑档案</li>
        <li id="file_tab_list">挂接</li>
    </ul>
    <div class="layui-tab-content">
        <div class="layui-tab-item layui-show">
            <div class="layui-main">
                <div class="layui-form layuimini-form" lay-filter="addDict" id="add" style="text-aglin:center">
                    <input type="hidden" class="layui-input" name="id" id="id">
                    <div class="layui-form-item">
                        <label class="layui-form-label required">归档年度：</label>
                        <div class="layui-input-inline" style="">
                            <input type="text" class="layui-input" placeholder="请选择归档年度" name="gdnd" id="gdnd"
                                   lay-filter="gdnd"
                                   lay-verify="required" lay-reqtext="归档年度不能为空" readonly>
                        </div>

                        <label class="layui-form-label required">档案门类：</label>
                        <div class="layui-input-inline">
<!--                            <input type="hidden" id="mlId" class="layui-input">-->
<!--                            <input type="hidden" id="mlCode" class="layui-input">-->
                            <input type="text" id="ml" name="ml" lay-filter="ml" class="layui-input">
<!--                            <select name="ml" id="ml" lay-filter="ml" lay-verify="required" lay-reqtext="档案门类不能为空">-->
<!--                                <option value="">请选择档案门类</option>-->
<!--                            </select>-->
                        </div>


                        <label class="layui-form-label required">全宗号：</label>
                        <div class="layui-input-inline">
                            <select name="qzh" id="qzh" lay-filter="qzh" lay-verify="required" lay-reqtext="全宗号不能为空">
                                <option value="">请选择全宗号</option>
                            </select>
                        </div>
                        <label class="layui-form-label required">目录号：</label>
                        <div class="layui-input-inline">
                            <input type="number" class="layui-input" placeholder="请输入目录号" name="mlh" id="mlh"
                                   lay-filter="mlh"
                                   lay-verify="required" lay-reqtext="目录号不能为空">
                        </div>

                    </div>
                    <div class="layui-form-item" id="hide_div">
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label required" id="jh_label">卷（件）号：</label>
                        <div class="layui-input-inline">
                            <input type="number" class="layui-input" name="jh" id="jh" placeholder="请输入件号"
                                   lay-filter="jh"
                                   lay-verify="required" lay-reqtext="件号不能为空" min="0">
                        </div>

                        <label class="layui-form-label required">保管期限：</label>
                        <div class="layui-input-inline">
                            <select name="bgqx" id="bgqx" lay-filter="bgqx" lay-verify="required"
                                    lay-reqtext="保管期限不能为空">
                                <option value="">请选择保管期限</option>
                            </select>
                        </div>

                        <label class="layui-form-label required">档号：</label>
                        <div class="layui-input-inline" style="width: 344px;">
                            <input type="text" class="layui-input" id="dh" name="dh" placeholder="自动生成"
                                   lay-verify="required"
                                   lay-reqtext="档号不能为空" readonly>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label required">题名：</label>
                        <div class="layui-input-inline" style="width: 834px;">
                            <input type="text" class="layui-input" name="tm" id="tm" lay-filter="tm" placeholder="请输入题名"
                                   lay-verify="required" lay-reqtext="题名不能为空">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">内容概述：</label>
                        <div class="layui-input-inline" style="width: 834px;">
                            <textarea class="layui-textarea" name="nrgs" id="nrgs" placeholder="请输入内容概述"></textarea>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label required">文件形成时间：</label>
                        <div class="layui-input-inline" style="width: 135px;">
                            <input type="text" class="layui-input" name="wjxcsj" id="wjxcsj" lay-filter="wjxcsj"
                                   placeholder="开始时间"
                                   lay-verify="required" lay-reqtext="文件形成时间不能为空" readonly>
                        </div>
                        <div class="layui-form-mid">-</div>
                        <div class="layui-input-inline" style="width: 135px">
                            <input type="text" class="layui-input" name="wjdqsj" id="wjdqsj" lay-filter="wjdqsj"
                                   placeholder="结束时间"
                                   lay-verify="required" lay-reqtext="文件形成时间不能为空" readonly>
                        </div>

                        <label class="layui-form-label required">归档日期：</label>
                        <div class="layui-input-inline" style="width: 150px;">
                            <input type="text" class="layui-input" name="gdrq" id="gdrq" lay-filter="wjdqsj"
                                   style="cursor: pointer"
                                   readonly>
                        </div>

                        <label class="layui-form-label required">密级：</label>
                        <div class="layui-input-inline">
                            <select name="mj" id="mj" lay-filter="mj" lay-verify="required" lay-reqtext="密级不能为空">
                                <option value="">请选择密级</option>
                            </select>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label required">文件编号：</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input" name="wjbh" id="wjbh" lay-filter="wjbh"
                                   lay-verify="required"
                                   lay-reqtext="文号不能为空" placeholder="请输入文号">
                        </div>
                        <label class="layui-form-label required">责任者：</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input" name="zrz" id="zrz" lay-filter="zrz"
                                   lay-verify="required"
                                   lay-reqtext="责任者不能为空" placeholder="请输入责任者">
                        </div>


                        <label class="layui-form-label">载体数量：</label>
                        <div class="layui-input-inline">
                            <input type="number" class="layui-input" name="ztsl" id="ztsl" lay-filter="ztsl"
                                   placeholder="请输入载体数量"
                                   min="0">
                        </div>

                        <label class="layui-form-label">主题词：</label>
                        <div class="layui-input-inline">
                            <input type="number" class="layui-input" name="ztc" id="ztc" lay-filter="ztc"
                                   placeholder="请输入主题词">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">主办部门：</label>
                        <div class="layui-input-inline" style="width: 344px;">
                            <input type="text" class="layui-input" name="zbbm" id="zbbm" lay-filter="zbbm"
                                   placeholder="请输入主办部门">
                        </div>
                        <label class="layui-form-label">协办部门：</label>
                        <div class="layui-input-inline" style="width: 344px;">
                            <input type="text" class="layui-input" name="xbbm" id="xbbm" lay-filter="xbbm"
                                   placeholder="请输入协办部门">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">存放位置描述：</label>
                        <div class="layui-input-inline" style="width: 834px;">
                            <input type="text" class="layui-input" name="cfwzms" id="cfwzms" lay-filter="cfwzms"
                                   placeholder="请输入存在位置描述">
                        </div>

                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">备注：</label>
                        <div class="layui-input-inline" style="width: 834px;">
                            <textarea class="layui-textarea" name="bz" id="bz" placeholder="请输入备注"></textarea>
                        </div>
                    </div>


                    <div class="layui-form-item">
                        <button class="layui-btn layui-btn"
                                id="cancel"
                                style="background-color: white;color:#1E9FFF;border: 1px solid #1E9FFF">取消
                        </button>
                        <button id="zj" class="layui-btn" lay-submit lay-filter="zj" style="background-color: #f7b374">
                            追加
                        </button>
                        <button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">保存</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-tab-item">
            <div class="layuimini-container">
                <div class="layuimini-main">
                    <div>
                        <div class="layui-form toolbar">
                            <div class="layui-form-item">
                                <div class="layui-inline">
                                    <!--                                <input type="hidden" id="archive_id" class="layui-input">-->
                                    <input type="hidden" id="fileType" name="fileType" class="layui-input">
                                </div>
                                <div class="layui-inline">
                                    <!--                        <button id="upload" class="layui-btn icon-btn"><i-->
                                    <!--                                class="layui-icon"></i>上传-->
                                    <!--                        </button>-->
                                </div>
                                <!--                    <div class="layui-inline">-->
                                <!--                        <button id="btnSearch" lay-submit lay-filter="search" class="layui-btn icon-btn"><i-->
                                <!--                                class="layui-icon"></i>搜索-->
                                <!--                        </button>-->
                                <!--                    </div>-->
                            </div>
                        </div>
                        <table class="layui-hide" id="user-table" lay-filter="table"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--  头部工具栏  -->
<script type="text/html" id="toolbar">
    <!--    <button class="layui-btn layui-btn-sm" lay-event="upload" id="upload">上传</button>-->
    <!--    <a class="layui-btn layui-btn-sm" lay-even="aaa" >上传</a>-->
    <a class="layui-btn layui-btn-sm" lay-event="upload">上传</a>

</script>
<!-- 操作列 -->
<script type="text/html" id="operating">
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="openPDF">预览</a>
    <!--    <a class="layui-btn layui-btn-xs" lay-event="openPDF">下载</a>-->
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</a>
</script>
<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(['form', 'http', 'iconPickerFa', 'treeSelect', 'laydate', 'upload', 'element', 'table'], function () {
        /**变-------------------------------量-------------------------------定-------------------------------义*/
        var form = layui.form,
            layer = layui.layer,
            http = layui.http,
            $ = layui.$,
            element = layui.element,
            laydate = layui.laydate,
            upload = layui.upload,
            table = layui.table,
            treeSelect = layui.treeSelect;
        let id = $('#id').val();
        let bgqxappend = false;

        let fileType = $("#fileType").val()
        let curr = 1;


        let isAddhsdw = false;
        let isAddxmdh = false;

        let sl = '';
        let ml = '';

        /**方-------------------------------法-------------------------------定-------------------------------义*/

        /** 初始化日期控件*/
        let initDate = function () {
            laydate.render({
                elem: '#gdnd',
                type: 'year',
                trigger: 'click'
            });

            laydate.render({
                elem: '#wjxcsj',
                type: 'date',
                trigger: 'click',
                done: function (value, date) {
                    let year = parseInt(value.substring(0, 4))
                    let bgqx = $("#bgqx").val()
                    if (bgqx) {
                        switch (bgqx) {
                            case '005':
                            case 'D10':
                                year += 10
                                $("#wjdqsj").val(year + value.substring(4))
                                break;
                            case '004':
                            case 'D30':
                                year += 30
                                $("#wjdqsj").val(year + value.substring(4))
                                break;
                            default:
                                return;
                        }
                    }
                }
            });

            laydate.render({
                elem: '#gdrq',
                type: 'date',
                trigger: 'click',
                value: new Date()
            });

            laydate.render({
                elem: '#wjdqsj',
                type: 'date',
                trigger: 'click'
            });

        }

        let initUpload = function () {
            let fileList = $('#file-list')
            let uploadListIns = upload.render({
                elem: '#selectFile'
                , url: http.requestUrl + 'system/file/upload'
                , headers: {
                    accessToken: (layui.data('auth').data ? layui.data('auth').data.accessToken : '') || ''
                }
                , accept: 'file'
                , multiple: true
                , auto: false
                , bindAction: '#start-upload'
                , choose: function (obj) {
                    var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
                    //读取本地文件
                    obj.preview(function (index, file, result) {
                        var tr = $(['<tr id="upload-' + index + '">'
                            , '<td>' + file.name + '</td>'
                            , '<td>' + (file.size / 1024).toFixed(1) + 'kb</td>'
                            , '<td>等待上传</td>'
                            , '<td>'
                            , '<button class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>'
                            , '<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>'
                            , '</td>'
                            , '</tr>'].join(''));

                        //单个重传
                        tr.find('.demo-reload').on('click', function () {
                            obj.upload(index, file);
                        });

                        //删除
                        tr.find('.demo-delete').on('click', function () {
                            delete files[index]; //删除对应的文件
                            tr.remove();
                            uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
                        });

                        fileList.append(tr);
                    });
                }
                , done: function (res, index, upload) {
                    console.log(res)
                    if (res.code === 200) { //上传成功
                        var tr = fileList.find('tr#upload-' + index)
                            , tds = tr.children();
                        tds.eq(2).html('<span style="color: #5FB878;">上传成功</span>');
                        tds.eq(3).html(''); //清空操作
                        return delete this.files[index]; //删除文件队列已经上传成功的文件
                    }
                    this.error(index, upload);
                }
                , error: function (index, upload) {
                    var tr = fileList.find('tr#upload-' + index)
                        , tds = tr.children();
                    tds.eq(2).html('<span style="color: #ff5722;">上传失败</span>');
                    tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
                }
            });
        }

        // 保存方法
        let save = function (data, method) {
            data.ml = sl
            http.post(id == '' ? 'archive/archive/insert' : 'archive/archive/update', data, true, function (res) {
                if (res.code == 200) {
                    let index = layer.alert('保存成功!', {
                        title: id == '' ? '添加' : '修改' + '信息'
                    }, function () {
                        if (method == 'save') {
                            // 关闭弹出层
                            let iframeIndex = parent.layer.getFrameIndex(window.name);
                            parent.layer.close(iframeIndex);
                        }
                        layer.close(index);
                    });
                }
            })
        }

        let getJh = function () {
            http.get('archive/archive/getJH', {
                    code: ml
                }, false, function (res) {
                    if (res.code == 200) {
                        if (res.data) {
                            $("#jh").val(res.data)
                        } else {
                            $("#jh").val(1)
                        }
                    }
                }
            )
        }

        // 加载下拉框
        let loadMlSelect = function () {
            // http.get('/system/menu/select',null,false,function (res) {
            //     let html = ''
            //     for (let index in res.data) {
            //         html += '<option value="'+res.data[index].id+'">'+res.data[index].title+'</option>'
            //     }
            //     $('#parentId').append(html)
            //     form.render();//菜单渲染 把内容加载进去
            // })
            treeSelect.render({
                // 选择器
                elem: '#ml',
                // 数据
                data: 'system/archivesTree/selectTree',
                // 异步加载方式：get/post，默认get
                type: 'get',
                // 占位符
                placeholder: '请选择门类',
                // 是否开启搜索功能：true/false，默认false
                search: true,
                // 一些可定制的样式
                style: {
                    folder: {
                        enable: true
                    },
                    line: {
                        enable: true
                    }
                },
                click: function (d){
                    let code = ''
                    let parent = d.current.getParentNode()
                    if(parent != null){
                        code = parent.code
                    }else {
                        code = d.current.code
                    }

                    ml = code
                    sl = d.current.code

                    getJh()
                    let jhLable = '';
                    switch (code) {
                        case 'SJ':
                        case 'MT':
                        case 'SW':
                        case 'WS':
                            jhLable = '件号：'
                            break;
                        case 'KU':
                        case 'KJ':
                        case 'ZY':
                            jhLable = '卷号：'
                            break;
                        case 'YX':
                            break;
                        case 'WS':
                            jhLable = '张号/盘号：'
                            break;
                        default:
                            jhLable = '卷（件）号：'
                            break;
                    }

                    $("#jh_label").text(jhLable)

                    let html = ''

                    switch (code) {
                        case 'KU':
                            if(!isAddhsdw){
                                html += ' <label class="layui-form-label required" id="hsdwdh_label">核算单位代号：</label>\n' +
                                    '        <div class="layui-input-inline" style="width: 540px;" id="hsdwdh_input">\n' +
                                    '            <input type="text" class="layui-input" name="hsdwdh" id="hsdwdh" placeholder="请输入核算单位代号" lay-filter="hsdwdh"\n' +
                                    '                   lay-verify="required" lay-reqtext="核算单位代号不能为空">\n' +
                                    '        </div>'
                                isAddhsdw = !isAddhsdw
                            }
                            break;
                        case 'KJ':
                            if(!isAddxmdh){
                                html += '<label class="layui-form-label required" id="xmdh_label" >项目代号：</label>\n' +
                                    '        <div class="layui-input-inline" style="width: 540px;" id="xmdh_input" >\n' +
                                    '            <input type="text" class="layui-input" name="xmdh" id="xmdh" placeholder="请输入项目代号" lay-filter="xmldh"\n' +
                                    '                   lay-verify="required" lay-reqtext="项目代号不能为空">\n' +
                                    '        </div>'
                            }
                            break;
                    }
                    $('#hide_div').append(html)


                },
                success: function (res) {
                    // if(id != '' && parentId != '' && parentId != -1){
                    //     treeSelect.checkNode('parentId', parentId);
                    // }
                }
            });
        }

        loadMlSelect()

        let loadDictSelect = function () {

            // http.get('system/archivesTree/selectParentByCode', {
            //     code: mlCode
            // }, false, res => {
            //     if (res.code == 200) {
            //         let html = ''
            //
            //     }
            // })

            // http.get('system/archivesTree/selectChildById', {
            //     id: mlId
            // }, false, res => {
            //     let html = '';
            //     for (let i in res.data) {
            //         html += '<option value="' + res.data[i].code + '">' + res.data[i].title + '</option>'
            //     }
            //     $("#ml").append(html)
            //     form.render();//菜单渲染 把内容加载进去
            // })

            // 加载全宗号
            http.get('system/dict/selectDictByCode', {code: 'QUANZONGHAO'}, false, function (res) {
                let html = '';
                for (let i in res.data) {
                    html += '<option value="' + res.data[i].dictCode + '">' + res.data[i].dictName + '</option>'
                }
                $("#qzh").append(html)
                form.render();//菜单渲染 把内容加载进去
            })

            // 加载密集
            http.get('system/dict/selectDictByCode', {code: 'MIJI'}, false, function (res) {
                let html = '';
                for (let i in res.data) {
                    html += '<option value="' + res.data[i].dictCode + '">' + res.data[i].dictName + '</option>'
                }
                $("#mj").append(html)
                form.render();//菜单渲染 把内容加载进去
            })
        }

        let generateDh = function () {
            var d = {};
            var t = $('#add [name]').serializeArray();
            $.each(t, function () {
                d[this.name] = this.value;
            });
            d.sl = sl
            d.ml = ml
            http.post('archive/archive/generateDh', d, true, res => {
                if (res.code === 200) {
                    $("#dh").val(res.data)
                }
            })
            // let data = {
            //     qzh: $("#qzh").val(),
            //     ml: mlCode,
            //     sl: $("#ml").val(),
            //     bgqx: $("#bgqx").val(),
            //     jh: $("#jh").val(),
            //     hsdwdh: $("#hsdwdh").val(),
            //     xmdh: $("#xmdh").val(),
            //     mlh: $("#mlh").val(),
            //     gdnd: $("#gdnd").val()
            // }
            // console.log(data)
        }

        // 加载数据
        let initData = function () {
            let adata = ''
            if (id != '') {
                $("#file_tab_list").show();
                $("#zj").hide()
                http.get('/archive/archive/selectByPrimaryKey', {
                    id: id
                }, false, function (res) {
                    adata = res.data
                    form.val("addDict", res.data);
                    form.render();
                })
            }else {
                $("#file_tab_list").hide();
            }

            if (!bgqxappend) {
                let ml = $("#ml").val()
                // 加载保管期限
                http.get('system/dict/selectDictByCode', {code: ml === 'WS' ? 'BAOGUANQIXIANYI' : 'BAOGUANQIXIANER'}, false, function (res) {
                    let html = '';
                    for (let i in res.data) {
                        html += '<option value="' + res.data[i].dictCode + '">' + res.data[i].dictName + '</option>'
                    }
                    $("#bgqx").append(html)
                    form.render();//菜单渲染 把内容加载进去
                })
                bgqxappend = !bgqxappend
            }
            form.val("addDict", adata);
            form.render();

        }


        //数据加载方法
        let renderTable = function () {
            // 加载表格数据
            table.render({
                elem: '#user-table',
                url: 'archive/archiveFile/selectByPage',
                toolbar: '#toolbar', //开启头部工具栏，并为其绑定左侧模板
                // defaultToolbar: ['filter', 'exports', 'print'],
                title: '附件表',
                limit: 15,
                limits: [15, 30, 45, 60],
                page: {
                    curr: curr
                },
                request: {
                    pageName: 'pageNum',
                    limitName: 'pageSize'
                },
                where: {
                    archiveId: id,
                    fileType: fileType
                },
                response: {
                    statusCode: 200 //重新规定成功的状态码为 200，table 组件默认为 0
                },
                parseData: function (res) {
                    return {
                        "code": res.code,
                        "msg": res.msg,
                        "count": res.data.total,
                        "data": res.data.list
                    }
                },
                done: function (res, curr1, count) {
                    curr = curr1
                    // $('th').css({'background-color': '#1aa094', 'color': '#fff', 'font-weight': 'bold'})
                },
                cols: [[
                    {type: 'numbers'},
                    // {field: 'originalFileName', title: '原文件名'},
                    {field: 'fileName', title: '文件名'},
                    {
                        field: 'jnml', title: '卷内目录', templet: function (rv) {
                            return rv.jnml ? rv.jnml : '无'
                        }
                    },
                    {
                        field: 'fileSize', title: '文件大小',
                        templet: function (rv) {
                            let size = rv.fileSize
                            let data = ''
                            if (size < 0.1 * 1024) { //如果小于0.1KB转化成B
                                data = size.toFixed(2) + "B";
                            } else if (size < 0.1 * 1024 * 1024) {//如果小于0.1MB转化成KB
                                data = (size / 1024).toFixed(2) + "KB";
                            } else if (size < 0.1 * 1024 * 1024 * 1024) { //如果小于0.1GB转化成MB
                                data = (size / (1024 * 1024)).toFixed(2) + "MB";
                            } else { //其他转化成GB
                                data = (size / (1024 * 1024 * 1024)).toFixed(2) + "GB";
                            }
                            var sizestr = data + "";
                            var len = sizestr.indexOf("\.");
                            var dec = sizestr.substr(len + 1, 2);
                            if (dec == "00") {//当小数点后为00时 去掉小数部分
                                return sizestr.substring(0, len) + sizestr.substr(len + 3, 2);
                            }
                            return sizestr;
                        }
                    },
                    {field: 'createTime', title: '上传时间'},
                    {templet: '#operating', width: 240, align: 'center', title: '操作'}
                ]]
            });

        }

        let deleteFile = function (id) {
            layer.confirm('真的删除行么', function (index) {
                http.delete('archive/archiveFile/delete', {id: id}, true, function (res) {
                    if (res.code == 200) {
                        layer.msg('删除成功', {
                            icon: 1,
                            time: 2000
                        })
                    }
                    renderTable()
                })
                layer.close(index);
            });
        }

        let openUpload = function () {
            var index = layer.open({
                title: '预约借阅',
                type: 2,
                shade: 0.2,
                maxmin: true,
                shadeClose: true,
                area: ['600px', '400px'],
                content: './upload.html',
                success: function (layero, index) {
                    var body = layer.getChildFrame('body', index);
                    body.find("#archive_id").val(id);
                    body.find("#fileType").val(fileType);
                },
                end: function () {
                    renderTable()
                }
            });
        }

        let openPDF = function (data) {
            if (data.fileName.substring(data.fileName.indexOf('.') + 1) == 'pdf') {
                layer.open({
                    type: 2,
                    area: ['100%', '100%'],
                    fixed: false, //不固定
                    maxmin: true,
                    content: data.filePath + '/' + data.fileName
                });
            } else {
                layer.msg('只支持预览pdf格式文件', {
                    icon: 2
                })
            }
        }

        renderTable()
        //表格操作栏
        table.on('tool(table)', function (obj) {
            let data = obj.data;
            switch (obj.event) {
                case 'delete':
                    deleteFile(data.id);
                    break;
                case 'openPDF':
                    openPDF(data)
                    break;
            }
        });


        table.on('toolbar(table)', function (obj) {
            let data = obj.data;
            switch (obj.event) {
                case 'upload':
                    openUpload();
                    break;
            }
        });

        /**事-------------------------------件-------------------------------绑-------------------------------定*/
        initDate()
        initUpload()
        loadDictSelect()
        initData()
        //监听提交
        form.on('submit(saveBtn)', function (data) {
            save(data.field, 'save')
        });


        layui.$('#cancel').on('click', function () {
            var index = parent.layer.getFrameIndex(window.name);
            parent.layer.close(index);//关闭当前页
        });

        //监听提交
        form.on('submit(zj)', function (data) {
            save(data.field, 'zj')
            getJh()
            generateDh()
            $("#tm").val('')
            $("#nrgs").val('')
            $("#wjbh").val('')
            $("#zrz").val('')
            $("#bz").val('')
            $("#ztsl").val('')
            $("#ztc").val('')
        });

        // form.on('select(ml)', function (data) {
        //     if (!bgqxappend) {
        //         // 加载保管期限
        //         http.get('system/dict/selectDictByCode', {code: data.value === 'WS' ? 'BAOGUANQIXIANYI' : 'BAOGUANQIXIANER'}, false, function (res) {
        //             let html = '';
        //             for (let i in res.data) {
        //                 html += '<option value="' + res.data[i].dictCode + '">' + res.data[i].dictName + '</option>'
        //             }
        //             $("#bgqx").append(html)
        //             form.render();//菜单渲染 把内容加载进去
        //         })
        //         bgqxappend = !bgqxappend
        //     }
        //     loadDictSelect()
        //     getJh()
        // });

        form.on('select(bgqx)', function (data) {
            generateDh()
        });

    });
</script>
</body>
</html>