scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203
							{extend name="public/layout" /} {block name="title"}活动添加{/block} {block
name="body"}
<style type="text/css">
    html {
        background: #f2f2f2;
    }

    body {
        min-width: 320px;
    }

    .layui-fluid {
        display: block;
        box-shadow: 0 0 4px 0 #B6CADE;
        border-radius: 5px;
        margin: 15px;
        background-color: #ffffff;
    }

    @media screen and (max-width: 450px) {
        .layui-form-item {
            width: 100%;
        }
    }

    #layuiadmin-app-form-list {
        padding: 1% 2%;
    }

    .layui-form-label {
        width: 100px;
    }

    .layui-input {
        border: none;
        outline: none;
    }

    .layui-input-inline-bottom {
        border-bottom: 1px solid #d4e4ed;
    }

    .flex-center {
        display: flex;
        align-items: center;
    }

    .border {
        border: 1px solid #d4e4ed;
        padding-right: 10px;
        border-radius: 5px;
    }

    .layui-form-label {
        color: #8a9aaa;
    }

    .layui-input::placeholder {
        color: #9db6cf;
    }
</style>

<body>
    <div class="layui-fluid">
    <form class="layui-form" id="admin" enctype="multipart/form-data">
        <div class="layui-form" lay-filter="layuiadmin-app-form-list" id="layuiadmin-app-form-list">
            <div class="layui-form-item">
                <label class="layui-form-label">上传banner:</label>
                <div class="layui-input-inline" id="upload-drag0">
                    {if $cover != ''}
                    <img src="{$cover}" width="383px" height="114px" />
                    {else /}
                    <div class="layui-upload-drag">
                        <i class="layui-icon">&#xe681;</i>
                        <p>选择图片</p>
                    </div>
                    {/if}
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label"></label>
                <div class="layui-input-inline" style="width: 60%">
                    <i style="color: #ff5722">*</i>图片格式：jpg|png|bmp|jpeg|JPG|PNG|BMP|JPEG
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">上传报价图文:</label>
                <div class="layui-col-md6 layui-col-xs6 layui-col-sm6" style="width: 75%">
                    <textarea name="content" id="content" cols="6" rows="10" autocomplete="off"
                        style="width: 100%; height: 400px">{$content}</textarea>
                </div>
            </div>
            <input type="button" style="margin-left: 130px; width: 165px; height: 38px" lay-submit
                class="layui-btn layui-btn-normal" lay-filter="activity-submit" id="activity-submit" value="确认添加" />
        </div>
    </form>
    </div>
</body>
{/block} {block name="js"}
<!-- 配置文件 -->
<script type="text/javascript" src="__STATIC__/ueditor/dist/utf8-php/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="__STATIC__/ueditor/dist/utf8-php/ueditor.all.js"></script>
<!-- 实例化编辑器 -->
<script type="text/javascript">
    var ue = UE.getEditor("content");
</script>
<script>
    layui
        .config({
            base: "__LAYUI__/",
            urlbase: "/sys",
        })
        .extend({
            index: "lib/index", //主入口模块
        })
        .use(["index", "form", "upload", "layedit", "laydate"], function () {
            var form = layui.form,
                upload = layui.upload,
                layedit = layui.layedit,
                laydate = layui.laydate,
                $ = layui.jquery,
                loadingIndex = null,
                submitIndex = 0,
                files = null;

            form.render();
            /* 监听提交 */
            form.on("submit(activity-submit)", function (obj) {
                var formData = new FormData(obj.form);
                ue.ready(function () {
                    formData.set('content', ue.getContent());
                });
                if (!files) {
                    formData.set('cover', "{$cover}")
                }
                if (submitIndex > 0) {
                    return false;
                }
                submitIndex = 12;
                loadingIndex = layer.load("Loading...", {
                    shade: [0.6, "#000"], //0.1透明度的白色背景
                });
                // 单击之后提交按钮不可选,防止重复提交
                $.ajax({
                    url: '{:url("tool/renovate_quotation")}',
                    type: "post",
                    data: formData,
                    dataType: "json",
                    processData: false,
                    contentType: false,
                    success: function (res) {
                        submitIndex = 0;
                        if (res.code === 0) {
                            layer.close(loadingIndex);
                            var DISABLED = "layui-btn-disabled";
                            var target = "#activity-submit";
                            $(target).addClass(DISABLED);
                            $(target).attr("disabled", "disabled");
                            layer.msg(
                                res.msg,
                                {
                                    anim: 0,
                                    time: 2000,
                                },
                                function () {
                                    location.reload();
                                }
                            );
                        } else {
                            layer.close(loadingIndex);
                            layer.msg(res.msg, {
                                anim: 6,
                                time: 2000,
                            });
                        }
                    },
                });
                return false;
            });

            //拖拽上传
            upload.render({
                elem: "#upload-drag0",
                accept: "image",
                exts: "jpg|png|bmp|jpeg|JPG|PNG|BMP|JPEG",
                auto: false,
                field: "cover",
                size: 1 * 1024,
                choose: function (obj) {
                    obj.preview(function (index, file, result) {
                        files = file;
                        $("#upload-drag0").html(
                            '<img src="' +
                            result +
                            '" style="width:355px !important;height:160px !important;">'
                        );
                    });
                },
            });
        });
</script>
{/block}