scott
/
crm


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250
							{extend name="public/layout" /}
{block name="title"}分享设置说明{/block}
{block name="body"}
<style>
    html,
    body {
        min-width: 700px !important;
    }

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

    .layui-btn-primary {
        color: #249EFB;
        border: 1px solid #249EFB;
    }

    .layui-btn-primary:hover {
        background-color: #E3F7FF;
        color: #249EFB;
    }

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

    .grant-name {
        width: 516px !important;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none !important;
        margin: 0;
    }

    .layui-tab-title .layui-this {
        color: #249EFB;
    }

    .layui-tab-title .layui-this:after {
        width: 50px;
        height: 4px;
        background-color: #249EFB;
        top: 36px !important;
        left: 50%;
        transform: translateX(-50%);
        border: none;
    }

    .layui-tab-title li {
        margin: 0px 5px;
    }

    .layui-tab-title {
        border-bottom: 1px solid #f5f5f5;
    }
    .color222 {
        color: #222222;
    }
</style>

<body>
    <div class="layui-fluid">
        <div class="layui-card">
            <ul class="layui-tab-title">
                <li class="layui-this">基础信息设置</li>
                <li id="details"><a class="ablock" href="{:url('agents/prize_setting')}?type=1">积分兑换设置</a></li>
                <li id="details"><a class="ablock" href="{:url('agents/integral_setting')}?type=1">装修推荐官积分规则设置</a></li>
                <!-- <li id="details"><a class="ablock" href="{:url('agents/integral_setting')}?type=2">核销设置</a></li> -->
                <!-- <li id="details"><a class="ablock" href="{:url('agents/set_name')}">主题名称设置</a></li> -->
            </ul>
            <div class="layui-card-body">
                <form class="layui-form" enctype="multipart/form-data">
                    <div class="layui-form-item" style="margin-top: 20px;">
                        <label class="layui-form-label color222" style="width: 170px !important;">装修推荐官板块名称设置：</label>
                        <div class="layui-input-inline">
                            <input type="text" name="name" placeholder="请输入名称" autocomplete="off" class="layui-input"
                                style="max-width: 500px;" {notempty name="$name" }value="{$name}" {/notempty}>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label color222" style="width: 170px !important;">推荐客户背景：</label>
                        <div class="layui-input-inline" id="upload-drags">
                            <div class="layui-upload-drag">
                                {notempty name="imgs"}
                                <img src="{$imgs}" style="height: 100%;width:75%;">
                                {else/}
                                <i class="layui-icon">&#xe681;</i>
                                <p>上传背景图</p>
                                {/notempty}
                            </div>
                        </div>
                        {notempty name="imgs"}
                        <div class="layui-input-inline" style="margin-top: 105px;">
                        <input type="button" class="layui-btn layui-btn-sm layui-btn-primary layui-border-red" lay-submit lay-filter="submit1"
                                id="submit1" value="恢复默认">
                        </div>
                        {/notempty}
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label" style="width: 170px !important;"></label>
                        <div class="layui-input-inline" style="width:300px">
                            <span style="color: red;">*</span>
                            建议上传背景尺寸：750 X 1660
                        </div>
                    </div>
                    <div class="layui-form-item" style="margin-top: 20px;">
                        <label class="layui-form-label color222" style="width: 170px !important;">是否展示员工推荐内容：</label>
                        <div class="layui-input-inline">
                            <input type="checkbox" name="set_switch" lay-skin="switch" lay-text="开启|关闭" 
                            {eq name="$set_switch" value="true"}checked="" {/eq} lay-filter="switch">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block" style="margin-left:190px !important;">
                            <input type="button" class="layui-btn btn layui-btn-primary" lay-submit lay-filter="submit"
                                id="submit" value="确认添加">
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</body>
{/block} {block name="js"}
<script>
    layui.config({
        base: '__LAYUI__/',
        urlbase: '/sys'
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'table', 'upload'], function () {
        var $ = layui.$,
            upload = layui.upload,
            form = layui.form;

        upload.render({
            elem: '#upload-drag',
            accept: 'image',
            exts: 'png|jpg|jpeg|PNG|JPG|JPEG',
            auto: false,
            field: 'img',
            size: 5 * 1024,
            choose: function (obj) {
                obj.preview(function (index, file, result) {
                    $('#upload-drag').html('<img src="' + result + '" style="height: 100%;width:100%;">');
                });
            }
        });
        upload.render({
            elem: '#upload-drags',
            accept: 'image',
            exts: 'png|jpg|jpeg|PNG|JPG|JPEG',
            auto: false,
            field: 'imgs',
            size: 5 * 1024,
            choose: function (obj) {
                obj.preview(function (index, file, result) {
                    $('#upload-drags').html('<img src="' + result + '" style="height: 100%;width:100%;">');
                });
            }
        });
        form.on('submit(submit1)', function () {
            $.ajax({
                url: '{:url("agents/set")}',
                type: 'post',
                data: {
                    defaults:1
                },
                success: function (res) {
                    if (res.code === 0) {
                        layer.msg(res.msg, {
                            anim: 0
                            , time: 2000
                        });
                        window.location.reload();
                    } else {
                        layer.msg(res.msg, {
                            anim: 6
                            , time: 2000
                        });
                    }
                }
            });
        });


        form.on('submit(submit)', function (data) {
            if (!data.field.name) {
                layer.msg('请填写装修推荐官板块名称', {
                    anim: 6
                    , time: 2000
                });
                return;
            }
            var formData = new FormData(data.form);
            //setBrokerName(data.field.name);
            $.ajax({
                url: '{:url("agents/set")}',
                type: 'post',
                data: formData,
                dataType: 'json',
                processData: false,
                contentType: false,
                success: function (res) {
                    if (res.code === 0) {
                        layer.msg(res.msg, {
                            anim: 0
                            , time: 2000
                        });
                        //window.location.reload();
                    } else {
                        layer.msg(res.msg, {
                            anim: 6
                            , time: 2000
                        });
                    }
                }
            });
        });

        function setBrokerName(name) {
            let formData = new FormData();
            formData.append('name', name);
            $.ajax({
                url: '{:url("agents/set_name")}',
                type: 'post',
                data: formData,
                dataType: 'json',
                processData: false,
                contentType: false,
                success: function (res) {
                    if (res.code === 0) {} else {
                        layer.msg(res.msg, {
                            anim: 6
                            , time: 2000
                        });
                    }
                }
            });
        }
    });
</script>
{/block}