{!! Autograph() !!}
<script>
    layui.use(['form', 'upload', 'admin', 'laydate'], function () {
        const form = layui.form
        const upload = layui.upload;
        const admin = layui.admin;

        //提交数据
        form.on('submit(saveSupplierAttachment)', function (data) {
            layer.confirm('确定要保存附件信息吗?', function (index) {
                let res = ajax('/api/supplier_attachment/SaveSupplierAttachment', data.field);
                if (!res) {
                    layer.msg('网络错误，请重试', {icon: 6});
                } else {
                    if (res.err_code === 0) {
                        admin.putTempData("needFreshList", 1);
                        admin.closeThisDialog();
                        parent.layer.msg(res.err_msg, {icon: 6});
                    } else {
                        parent.layer.msg(res.err_msg, {icon: 5});
                    }
                }
                return false;
            });
            return false;
        })

        let laydate = layui.laydate;
        @if (!empty($attachment['validity_period']))
        laydate.render({
            elem: 'input[name=validity_period]'
            , type: 'date'
            , trigger: 'click'
            , range: '~' //或 range: '~' 来自定义分割字符
            , value: '{{$attachment['validity_period']}}'
        });
        @else
        laydate.render({
            elem: 'input[name=validity_period]'
            , type: 'date'
            , trigger: 'click'
            , range: '~' //或 range: '~' 来自定义分割字符
            , value: ''
        });
        @endif
        @if (!empty($attachment['validity_type'])&&$attachment['validity_type']==2)
        $('#validity_period_div').show();
        @else
        $('#validity_period_div').hide();
        @endif

        form.on('submit(cancel)', function (data) {
            admin.closeThisDialog();
        });

        form.on('radio(validity_type)', function (data) {
            if (data.value == 1) {
                $('#validity_period_div').hide();
            } else {
                $('#validity_period_div').show();
            }
        });
        let fileName = '';

        //图片上传
        upload.render({
            elem: '.upload-attachment'
            , url: UploadImgUrl
            , field: 'upload'
            , data: {
                k1: k1,
                k2: k2,
                source: 1
            }
            , accept: 'file'
            , exts: 'jpg|png|bmp|jpeg|zip|pdf'
            , choose: function (obj) {
                let files = this.files = obj.pushFile();
                let recentFile = files[Object.keys(files)[Object.keys(files).length - 1]]
                fileName = recentFile.name;
            }
            , before: function (obj) {
                layer.msg('加载中', {
                    icon: 16
                    , shade: 0.01
                });
                let item = this.item;
                //预读本地文件示例，不支持ie8
                obj.preview(function (index, file, result) {

                });
            }
            , done: function (res, index, upload) {
                if (res.code === 200) {
                    layer.msg('上传成功', {icon: 6});
                    let item = this.item;
                    $('#' + item.attr('data-obj')).val(res.data[0]);
                    $('#file_url_href').text(fileName);
                    $('#file_name').val(fileName);
                    $('#file_url').val(res.data[0]);
                    delete this.files[index];
                    return false;
                } else {
                    layer.msg('上传失败', {icon: 5});
                    return false;
                }
            }
            , error: function (res) {
                layer.msg('上传失败', {icon: 5});
                return false;
            }
        });
    });
</script>