guozi_sys
/
daxt


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504
							<!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-item .layui-input-inline {
            width: 30%;
        }

        .layui-form-label {
            /*width: 90px;*/
        }

        #gdnd, #wjxcsj, #wjdqsj {
            cursor: pointer;
        }
    </style>
</head>
<body>
<div class="layui-form layuimini-form" lay-filter="addDict">

    <div class="layui-form-item">
        <div class="layui-input-inline">
            <label class="layui-form-label required">归档年度：</label>
            <div class="layui-input-block">
                <input type="text" class="layui-input" name="gdnd" id="gdnd" lay-filter="gdnd" readonly>
            </div>
        </div>
        <div class="layui-input-inline">
            <label class="layui-form-label required">全宗号：</label>
            <div class="layui-input-block">
                <input type="hidden" class="layui-input" name="`id" id="id">
                <select name="qzh" id="qzh" lay-filter="qzh">
                    <option value="-1">请选择全宗号</option>
                </select>
            </div>
        </div>
        <div class="layui-input-inline" id="mlh-container">
            <label class="layui-form-label">目录号：</label>
            <div class="layui-input-block">
                <input type="number" class="layui-input" name="mlh" id="mlh" lay-filter="mlh">
            </div>
        </div>
    </div>

    <div class="layui-form-item">
        <div class="layui-input-inline">
            <label class="layui-form-label required">档案门类：</label>
            <div class="layui-input-block">
                <input type="hidden" id="mlId" class="layui-input">
                <input type="hidden" id="mlCode" class="layui-input">
                <select name="ml" id="ml" lay-filter="ml">
                    <option value="-1">请选择档案门类</option>
                </select>
            </div>
        </div>
        <div class="layui-input-inline">
            <label class="layui-form-label required">保管期限：</label>
            <div class="layui-input-block">
                <select name="bgqx" id="bgqx" lay-filter="bgqx">
                    <option value="-1">请选择保管期限</option>
                </select>
            </div>
        </div>
        <div class="layui-input-inline">
            <label class="layui-form-label required">档号：</label>
            <div class="layui-input-block">
                <input type="text" class="layui-input" id="dh" name="dh">
            </div>
        </div>
    </div>


    <div class="layui-form-item">
        <label class="layui-form-label">题名：</label>
        <div class="layui-input-block">
            <input type="text" class="layui-input" name="tm" id="tm" lay-filter="tm">
        </div>
    </div>

    <div class="layui-form-item">
        <div class="layui-input-inline">
            <label class="layui-form-label required">文件形成时间：</label>
            <div class="layui-input-block">
                <input type="text" class="layui-input" name="wjxcsj" id="wjxcsj" lay-filter="wjxcsj" readonly>
            </div>
        </div>
        <div class="layui-input-inline">
            <label class="layui-form-label required">文件到期时间：</label>
            <div class="layui-input-block">
                <input type="text" class="layui-input" name="wjdqsj" id="wjdqsj" lay-filter="wjdqsj" readonly>
            </div>
        </div>

        <div class="layui-input-inline">
            <label class="layui-form-label required">件号：</label>
            <div class="layui-input-block">
                <input type="number" class="layui-input" name="jh" id="jh" lay-filter="jh">
            </div>
        </div>

        <div class="layui-input-inline">
            <label class="layui-form-label">文件编号（文号）：</label>
            <div class="layui-input-block">
                <input type="text" class="layui-input" name="wjbh" id="wjbh" lay-filter="wjbh">
            </div>
        </div>
        <div class="layui-input-inline">
            <label class="layui-form-label required">密级：</label>
            <div class="layui-input-block">
                <select name="mj" id="mj" lay-filter="mj">
                    <option value="-1">请选择密级</option>
                </select>
            </div>
        </div>
    </div>

    <div class="layui-form-item">
        <div class="layui-input-inline">
            <label class="layui-form-label">载体数量：</label>
            <div class="layui-input-block">
                <input type="number" class="layui-input" name="ztsl" id="ztsl" lay-filter="ztsl">
            </div>
        </div>


        <div class="layui-input-inline">
            <label class="layui-form-label">主办部门：</label>
            <div class="layui-input-block">
                <input type="text" class="layui-input" name="zbbm" id="zbbm" lay-filter="zbbm">
            </div>
        </div>

        <div class="layui-input-inline">
            <label class="layui-form-label">协办部门：</label>
            <div class="layui-input-block">
                <input type="text" class="layui-input" name="xbbm" id="xbbm" lay-filter="xbbm">
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-input-inline">
            <label class="layui-form-label">页数：</label>
            <div class="layui-input-block">
                <input type="number" class="layui-input" name="ys" id="ys" lay-filter="ys">
            </div>
        </div>

        <div class="layui-input-inline">
            <label class="layui-form-label">内容概述：</label>
            <div class="layui-input-block">
                <input type="text" class="layui-input" name="nrgs" id="nrgs" lay-filter="nrgs">
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-input-inline">
            <label class="layui-form-label">责任者：</label>
            <div class="layui-input-block">
                <input type="text" class="layui-input" name="zrz" id="zrz" lay-filter="zrz">
            </div>
        </div>
        <div class="layui-input-inline">
            <label class="layui-form-label">存放位置描述：</label>
            <div class="layui-input-block">
                <input type="text" class="layui-input" name="cfwzms" id="cfwzms" lay-filter="cfwzms">
            </div>
        </div>
        <div class="layui-input-inline">
            <label class="layui-form-label">备注：</label>
            <div class="layui-input-block">
                <input type="text" class="layui-input" name="bz" id="bz" lay-filter="bz">
            </div>
        </div>
    </div>
    <div class="layui-form-item">


    </div>


    <div class="layui-form-item">
        <div class="layui-input-inline" style="display: none" id="hsdwdh-container">
            <label class="layui-form-label">核算单位代号：</label>
            <div class="layui-input-block">
                <input type="number" max="99" class="layui-input" name="hsdwdh" id="hsdwdh" lay-filter="hsdwdh">
            </div>
        </div>
        <div class="layui-input-inline" style="display: none" id="xmdh-container">
            <label class="layui-form-label">项目代号/设备代号：</label>
            <div class="layui-input-block">
                <input type="number" max="9999" class="layui-input" name="xmdh" id="xmdh" lay-filter="xmdh">
            </div>
        </div>
    </div>

    <!--    <div class="layui-form-item">-->
    <!--        <button type="button" class="layui-btn layui-btn-normal" id="selectFile">选择多文件</button>-->
    <!--        <div class="layui-upload-list">-->
    <!--            <table class="layui-table">-->
    <!--                <thead>-->
    <!--                <tr><th>文件名</th>-->
    <!--                    <th>大小</th>-->
    <!--                    <th>状态</th>-->
    <!--                    <th>操作</th>-->
    <!--                </tr></thead>-->
    <!--                <tbody id="file-list"></tbody>-->
    <!--            </table>-->
    <!--        </div>-->
    <!--        <button type="button" class="layui-btn" id="start-upload">开始上传</button>-->
    <!--    </div>-->


    <div class="layui-form-item">
        <div class="layui-input-block">
            <button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">确认保存</button>
        </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(['form', 'http', 'iconPickerFa', 'treeSelect', 'laydate', 'upload'], function () {
        /**变-------------------------------量-------------------------------定-------------------------------义*/
        var form = layui.form,
            layer = layui.layer,
            http = layui.http,
            $ = layui.$,
            laydate = layui.laydate,
            upload = layui.upload,
            treeSelect = layui.treeSelect;
        let id = $('#id').val(),
            mlCode = $('#mlCode').val()
        mlId = $('#mlId').val()
        /**方-------------------------------法-------------------------------定-------------------------------义*/

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

            laydate.render({
                elem: '#wjxcsj',
                type: 'date',
                trigger: 'click',
                done: (value, date) => {
                    console.log(value)
                    console.log(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'); //显示重传
                }
            });


            // upload.render({
            //     elem: '#fj'
            //     , url: http.requestUrl + 'system/file/upload' //改成您自己的上传接口
            //     , auto: true
            //     , headers: {
            //         accessToken: (layui.data('auth').data ? layui.data('auth').data.accessToken : '') || ''
            //     }
            //     , accept: 'file' //普通文件
            //     , multiple: true
            //     , bindAction: '#partyTableUpload'
            //     , data: {
            //         // fileId: function () {
            //         //     return partyTable
            //         // }
            //     }
            //     , choose: function (obj) {
            //         var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
            //         //读取本地文件
            //         obj.preview(function (index, file, result) {
            //             var tr = $(['<tr id="upload-' + index + '">'
            //                 , '<td><div class="layui-table-cell laytable-cell-1-0-0" style="padding: 0 15px;">' + file.name + '</div></td>'
            //                 , '<td align="center"><div class="layui-table-cell laytable-cell-1-0-0" style="margin-right: 2px;">'
            //                 , '<button class="layui-btn layui-btn-xs demo-reload layui-hide" style="border: 1px;padding: 0 6px">重传</button>'
            //                 , '<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete" style="margin-left: 13px;border: 1px;padding: 0 5px" >删除</button>'
            //                 , '</div></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();
            //                 upload.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
            //             });
            //             // $('.layui-table-body').children('.layui-table').prepend(tr);
            //             // partyTableShow.prepend(tr);
            //         });
            //     }
            //     , before: function (obj) { //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
            //         layer.load(); //上传loading
            //     }
            //     , done: function (res, index, upload) {
            //         if (res.code = 200) { //上传成功
            //             layer.msg('上传成功');
            //             delete this.files[index] //删除文件队列已经上传成功的文件
            //             // partyTable = res.data.fileId
            //             // renderTablePartyFile()
            //             return;
            //         }
            //         this.error(index, upload);
            //     }
            //     , error: function (index, upload) {
            //         var tr = partyTableShow.find('tr#upload-' + index)
            //             , tds = tr.children();
            //         tds.eq(0).html('<span style="color: #FF5722;">上传失败</span>');
            //         tds.eq(1).find('.demo-reload').removeClass('layui-hide'); //显示重传
            //     }
            // });
        }

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

        let loadDictSelect = function () {
            switch (mlCode) {
                case 'WS':
                    $('#mlh-container').hide()
                    break;
                case 'KU':
                    $("#hsdwdh-container").show()
                    break;
                case 'KJ':
                    $("#xmdh-container").show()
                    break;
            }

            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 initData = function () {
            if (id != '') {
                http.get('/archive/archive/selectByPrimaryKey', {
                    id: id
                }, false, function (res) {
                    form.val("addDict", res.data);
                    form.render();
                })
            }
        }
        /**事-------------------------------件-------------------------------绑-------------------------------定*/
        initDate()
        initUpload()
        loadDictSelect()
        initData()
        //监听提交
        form.on('submit(saveBtn)', function (data) {
            let icon = 'fa '
            icon += data.field.icon
            data.field.icon = icon
            save(data.field)
        });


        form.on('select(ml)', function (data) {
            // 加载保管期限
            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();//菜单渲染 把内容加载进去
            })
        });

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

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