{extend name="public/layout"/} {block name="title"}{/block} {block name="body"}
<style type="text/css">
    html,
    body {
        display: block;
        min-width: 1100px;
        height: 100%;
        background-color: #fff;
    }

    .layui-layer .layui-layer-iframe .layui-layer-title {
        background-color: #D8E6F1;
    }

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

    .layui-form-label {
        width: auto;
    }

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

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

    .layui-form-item .layui-input-inline {
        width: auto;
        margin-right: 0px;
    }

    .layui-table-cell {
        padding: 0px 20px;
    }

    .plr10 {
        padding: 0px 10px;
    }

    .goback {
        float: left;
        margin-right: 20px;
    }

    .goback a {
        color: #269efb;
    }

    .goback i {
        position: relative !important;
        left: 0px;
    }

    .mb10 {
        margin-bottom: 10px;
    }

    .ml5 {
        margin-left: 5px;
    }

    .ml10 {
        margin-left: 10px;
    }

    .mr10 {
        margin-right: 10px;
    }

    .flex {
        display: flex;
    }

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

    .flex-sub {
        flex: 1;
    }

    .item-box {
        width: 150px;
        height: 130px;
        border: 1px solid #333333;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 15px;
        cursor: pointer;
    }

    .planTitle {
        width: 100%;
        height: 40px;
        color: #333;
        font-weight: 600;
        box-sizing: border-box;
        padding: 0px 20px;
        border-left: 4px solid #249EFB;
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        background-color: #f6f6f6;
    }

    .width100 {
        width: 100%;
    }

    .active {
        border: 2px solid #249EFB;
        color: #249EFB;
        font-weight: 600;
    }

    .p20 {
        padding: 20px;
    }

    .reopen {
        color: #249EFB;
    }

    .cDelStyle {
        font-size: 18px;
        margin-left: 10px;
    }

    .link {
        cursor: pointer;
    }

    .layui-title {
        border-left: 5px solid #249EFB;
        color: #333333;
        font-weight: 600;
        padding: 0px 5px;
        margin-left: 15px;
    }

    .layui-form-switch {
        margin-top: 0px !important;
    }

    .mb30 {
        margin-bottom: 30px;
    }
    .layui-card {
        box-shadow: none;
    }
</style>
<div>
    <div class="layui-card">
        <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">
                    <div class="layui-tab">
                        <div class="layui-tab-content">
                            <div class="layui-tab-item layui-show">
                                <div class="layui-form-item flex align-center mb30">
                                    <div class="layui-title">预约到店保护机制</div>
                                    <label class="layui-form-label">当客户“预约到店”后，同手机号客户其他员工在保护期内将无法进行“预约”，保护期</label>
                                    <input type="number" name="ydaodian" placeholder="天数"
                                           value="{$content['ydaodian']['day']}" autocomplete="off"
                                           class="layui-input"
                                           min="1" max="9999" style="max-width: 80px;">
                                    <span class="plr10">天。  是否开启</span>
                                        <input type="checkbox" name="ydaodian_switch" title="" value="1"
                                           lay-skin="primary" {if
                                           condition="$content['ydaodian']['state'] == 1"
                                           }checked{/if}>
                                    </span>
                                </div>
                                <div class="layui-form-item flex align-center mb30">
                                    <div class="layui-title">预约到场保护机制</div>
                                    <label class="layui-form-label">当客户“预约到场”后，同手机号客户其他员工在保护期内将无法提交“预约到场”，保护期</label>
                                    <input type="number" name="ydaochang" placeholder="天数"
                                           value="{$content['ydaochang']['day']}" autocomplete="off"
                                           class="layui-input"
                                           min="1" max="9999" style="max-width: 80px;">
                                    <span class="plr10">天。  是否开启</span>
                                    <input type="checkbox" name="ydaochang_switch" title="" value="1"
                                           lay-skin="primary" {if
                                           condition="$content['ydaochang']['state'] == 1"
                                           }checked{/if}>
                                    </span>
                                </div>
                                <div class="layui-form-item flex align-center mb30">
                                    <div class="layui-title">预约量房保护机制</div>
                                    <label class="layui-form-label">当客户“预约量房”后，同手机号客户其他员工在保护期内将无法提交“预约量房”，保护期</label>
                                    <input type="number" name="yliangfang" placeholder="天数"
                                           value="{$content['yliangfang']['day']}" autocomplete="off"
                                           class="layui-input"
                                           min="1" max="9999" style="max-width: 80px;">
                                    <span class="plr10">天。  是否开启</span>
                                    <input type="checkbox" name="yliangfang_switch" title="" value="1"
                                           lay-skin="primary" {if
                                           condition="$content['yliangfang']['state'] == 1"
                                           }checked{/if}>
                                    </span>
                                </div>
                                <div class="layui-form-item flex align-center mb30">
                                    <div class="layui-title">确认到店保护机制</div>
                                    <label class="layui-form-label">当客户“确认到店”后，同手机号客户其他员工在保护期内将无法进行“预约”和“确认”操作，保护期</label>
                                    <input type="number" name="daodian" placeholder="天数"
                                           value="{$content['daodian']['day']}" autocomplete="off"
                                           class="layui-input"
                                           min="1" max="9999" style="max-width: 80px;">
                                    <span class="plr10">天。  是否开启</span>
                                        <input type="checkbox" name="daodian_switch" title="" value="1"
                                           lay-skin="primary" {if
                                           condition="$content['daodian']['state'] == 1"
                                           }checked{/if}>
                                    </span>
                                </div>
                                <div class="layui-form-item flex align-center mb30">
                                    <div class="layui-title">确认到场保护机制</div>
                                    <label class="layui-form-label">当客户“确认到场”后，同手机号客户其他员工在保护期内将无法进行“预约”和“确认”操作，保护期</label>
                                    <input type="number" name="daochang" placeholder="天数"
                                           value="{$content['daochang']['day']}" autocomplete="off"
                                           class="layui-input"
                                           min="1" max="9999" style="max-width: 80px;">
                                    <span class="plr10">天。  是否开启</span>
                                    <input type="checkbox" name="daochang_switch" title="" value="1"
                                           lay-skin="primary" {if
                                           condition="$content['daochang']['state'] == 1"
                                           }checked{/if}>
                                    </span>
                                </div>
                                <div class="layui-form-item flex align-center mb30">
                                    <div class="layui-title">确认量房保护机制</div>
                                    <label class="layui-form-label">当客户“确认量房”后，同手机号客户其他员工在保护期内将无法进行“预约”和“确认”操作，保护期</label>
                                    <input type="number" name="liangfang" placeholder="天数"
                                           value="{$content['liangfang']['day']}" autocomplete="off"
                                           class="layui-input"
                                           min="1" max="9999" style="max-width: 80px;">
                                    <span class="plr10">天。  是否开启</span>
                                    <input type="checkbox" name="liangfang_switch" title="" value="1"
                                           lay-skin="primary" {if
                                           condition="$content['liangfang']['state'] == 1"
                                           }checked{/if}>
                                    </span>
                                </div>
                            </div>
                            <input type="button"
                                   style="margin-left:65px;height:38px;transform: translateX(-50%);"
                                   lay-submit class="layui-btn layui-btn-normal"
                                   lay-filter="activity-submit"
                                   id="activity-submit" value="确认设置">
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
{/block} {block name="js"}
<script>
    layui.config({
        base: '__LAYUI__/',
        urlbase: '/sys'
    }).extend({
        index: 'lib/index'
    }).use(['index', 'table', 'layedit', 'element'], function () {
        var $ = layui.$,
            element = layui.element,
            form = layui.form;
        var field = {};
        form.render();
        /* 监听提交 */
        form.on('submit(activity-submit)', function (obj) {
            var formData = new FormData(obj.form);
            $.ajax({
                url: '{:url("customer_setting/subscribe_protected")}',
                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
                        });
                    } else {
                        layer.msg(res.msg, {
                            anim: 6
                            , time: 2000
                        });
                    }
                }
            });
            return false;
        });
        form.on('switch(allswitch)', function (data) {
            if (!data.elem.checked) {
                $('.switchElement').prop('className', 'switchElement layui-hide')
            } else {
                $('.switchElement').prop('className', 'switchElement')
            }
        })

        // 返回上一级
        $('.link').click(() => {
            window.history.back(-1);
        })
    });
</script>

{/block}