feat(order): 优化退款列表页面布局

Administrator

2025-05-19 ab47d0501f909b936bfbfe76c1407a19eaaedcb2

 src/main/resources/templates/febs/views/modules/system/indexPng.html

@@ -4,34 +4,34 @@
            <div class="layui-card">
                <div class="layui-card-body">
                    <blockquote class="layui-elem-quote blue-border">开屏页：</blockquote>
                    <div class="layui-row layui-col-space10 layui-form-item">
                        <div class="layui-col-lg6">
                            <label class="layui-form-label febs-form-item-require">图片：</label>
                            <div class="layui-input-block">
                                <div class="layui-upload">
                                    <button type="button" class="layui-btn layui-btn-normal layui-btn" id="indexImgUploadButton">上传</button>
                                    <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
                                        <div class="layui-upload-list" id="indexImgUpload"></div>
                                    </blockquote>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row layui-col-space10 layui-form-item febs-hide">
                        <div class="layui-col-lg6">
                            <label class="layui-form-label">图片链接：</label>
                            <div class="layui-input-block">
                                <input type="text" id="pngUrl" lay-verify="required" name="pngUrl" autocomplete="off" class="layui-input" readonly>
                            </div>
                        </div>
                    </div>
<!--                    <div class="layui-row layui-col-space10 layui-form-item">-->
<!--                        <div class="layui-col-lg6">-->
<!--                            <label class="layui-form-label febs-form-item-require">图片：</label>-->
<!--                            <div class="layui-input-block">-->
<!--                                <div class="layui-upload">-->
<!--                                    <button type="button" class="layui-btn layui-btn-normal layui-btn" id="indexImgUploadButton">上传</button>-->
<!--                                    <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">-->
<!--                                        <div class="layui-upload-list" id="indexImgUpload"></div>-->
<!--                                    </blockquote>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="layui-row layui-col-space10 layui-form-item febs-hide">-->
<!--                        <div class="layui-col-lg6">-->
<!--                            <label class="layui-form-label">图片链接：</label>-->
<!--                            <div class="layui-input-block">-->
<!--                                <input type="text" id="pngUrl" lay-verify="required" name="pngUrl" autocomplete="off" class="layui-input" readonly>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
                    <div class="layui-row layui-col-space10 layui-form-item">
                        <div class="layui-col-lg6">
                            <label class="layui-form-label">关闭时间：</label>
                            <div class="layui-input-block">
                                <input type="text" name="timeStop"
                                       autocomplete="off" class="layui-input" >
                                <div class="layui-form-mid layui-word-aux">5：表示显示5秒后自动关闭。</div>
                                <div class="layui-form-mid layui-word-aux">5：表示显示5秒后自动关闭,注意：此处单张图片切换的默认时间为2秒，所以关闭时间等于开屏页图片数量*2，不宜过多。</div>
                            </div>
                        </div>
                    </div>
@@ -69,22 +69,22 @@

        form.verify(validate);

        //图片上传
        upload.render({
            elem: '#indexImgUploadButton'
            ,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口
            ,accept: 'file' //普通文件
            ,size: 10240 //限制文件大小，单位 KB
            ,before: function(obj){
                //预读本地文件示例，不支持ie8
                obj.preview(function(index, file, result){
                    $('#indexImgUpload').html('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img single-image" style="width: 130px">')
                });
            }
            ,done: function(res){
                $("#pngUrl").val(res.data.src);
            }
        });
        // //图片上传
        // upload.render({
        //     elem: '#indexImgUploadButton'
        //     ,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口
        //     ,accept: 'file' //普通文件
        //     ,size: 10240 //限制文件大小，单位 KB
        //     ,before: function(obj){
        //         //预读本地文件示例，不支持ie8
        //         obj.preview(function(index, file, result){
        //             $('#indexImgUpload').html('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img single-image" style="width: 130px">')
        //         });
        //     }
        //     ,done: function(res){
        //         $("#pngUrl").val(res.data.src);
        //     }
        // });

        initIndexVideoValue();

@@ -92,12 +92,12 @@

        function initIndexVideoValue() {
            form.val("index-png-set-form", {
                "pngUrl": adminIndexVideoDto.pngUrl,
                // "pngUrl": adminIndexVideoDto.pngUrl,
                "timeStop": adminIndexVideoDto.timeStop,
            });

            $('#indexImgUpload').append('<img src="' + adminIndexVideoDto.pngUrl + '" alt="" class="layui-upload-img single-image" style="width: 130px">');
            $("#pngUrl").val(adminIndexVideoDto.pngUrl);
            // $('#indexImgUpload').append('<img src="' + adminIndexVideoDto.pngUrl + '" alt="" class="layui-upload-img single-image" style="width: 130px">');
            // $("#pngUrl").val(adminIndexVideoDto.pngUrl);
        }

        form.on('submit(index-png-set-form-submit)', function (data) {