KKSU
2024-02-19 9b27517fe8051d1766bae57eb3c5adbbc40dbbd6
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<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>