<style> 
 | 
    #buyRecordImg-update { 
 | 
        padding: 20px 25px 25px 0; 
 | 
    } 
 | 
  
 | 
    #buyRecordImg-update .layui-treeSelect .ztree li a, .ztree li span { 
 | 
        margin: 0 0 2px 3px !important; 
 | 
    } 
 | 
    #buyRecordImg-update #data-permission-tree-block { 
 | 
        border: 1px solid #eee; 
 | 
        border-radius: 2px; 
 | 
        padding: 3px 0; 
 | 
    } 
 | 
    #buyRecordImg-update .layui-treeSelect .ztree li span.button.switch { 
 | 
        top: 1px; 
 | 
        left: 3px; 
 | 
    } 
 | 
    #buyRecordImg-update img{ 
 | 
        max-width:100px 
 | 
    } 
 | 
  
 | 
</style> 
 | 
<div class="layui-fluid" id="buyRecordImg-update"> 
 | 
    <form class="layui-form" action="" lay-filter="buyRecordImg-update-form"> 
 | 
        <div class="layui-form-item febs-hide"> 
 | 
            <label class="layui-form-label febs-form-item-require">id:</label> 
 | 
            <div class="layui-input-block"> 
 | 
                <input type="text" name="id"> 
 | 
            </div> 
 | 
        </div> 
 | 
        <div class="layui-form-item"> 
 | 
            <label class="layui-form-label febs-form-item-require">凭证:</label> 
 | 
            <div class="layui-input-block"> 
 | 
                <div class="layui-upload"> 
 | 
                    <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 20px;"> 
 | 
                        <div class="layui-upload-list" id="nftImgImagePay"></div> 
 | 
                    </blockquote> 
 | 
                    <div class="febs-hide"> 
 | 
                        <input type="text" id="nftImg"  name="nftImg" autocomplete="off" class="layui-input" readonly> 
 | 
                    </div> 
 | 
                </div> 
 | 
            </div> 
 | 
        </div> 
 | 
    </form> 
 | 
</div> 
 | 
  
 | 
<script data-th-inline="javascript"> 
 | 
    layui.use(['febs', 'form', 'formSelects', 'validate', 'upload'], function () { 
 | 
        var $ = layui.$, 
 | 
            febs = layui.febs, 
 | 
            layer = layui.layer, 
 | 
            upload = layui.upload, 
 | 
            form = layui.form, 
 | 
            mallProductBuyRecord = [[${mallProductBuyRecord}]], 
 | 
            $view = $('#buyRecordImg-update'), 
 | 
            $uploadDel = $view.find('#uploadDel'), 
 | 
            validate = layui.validate; 
 | 
  
 | 
        form.render(); 
 | 
        initPayImgValue(); 
 | 
  
 | 
        function initPayImgValue() { 
 | 
            var nftImg = mallProductBuyRecord.nftImg; 
 | 
            layer.open({ 
 | 
                type: 1, 
 | 
                title: "图片", 
 | 
                skin: 'layui-layer-rim', //加上边框 
 | 
                area: ['80%', '80%'], //宽高 
 | 
                shadeClose: true, //开启遮罩关闭 
 | 
                end: function (index, layero) { 
 | 
                    return false; 
 | 
                }, 
 | 
                content: '<div style="text-align:center"><img src="' + nftImg + '" /></div>' 
 | 
            }); 
 | 
            // $('#nftImgImagePay').html('<img src="' + nftImg + '" alt="" class="layui-upload-img new-image" style="width: 100px">') 
 | 
            form.val("buyRecordImg-update-form", { 
 | 
                "id": mallProductBuyRecord.id, 
 | 
                "nftImg": mallProductBuyRecord.nftImg, 
 | 
            }); 
 | 
        } 
 | 
    }); 
 | 
</script> 
 |