{extend name="Public/base" /}
{block name="css"}
<link rel="stylesheet" href="__PUBLIC__/item/css/layui.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/customer.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/set.css?v={$Think.const.APP_VERSION}">
<style>
    .erp-set-wrap{
        overflow: inherit;
    }
    .erp-set-wrap .layui-inline{
        width: 100%;
        margin-bottom: 15px;
    }
    .erp-set-wrap .layui-input-block{
        display: inline-block;
        margin-left: 0;
    }
    .erp-set-wrap span.layui-btn{
        margin-top: -3px;
    }
    .jscolor{
        height: 30px;
        line-height: 1.3;
        background-color: #fff;
        border-radius: 2px;
        font-size: 12px;
        color: #313131;
        display: block;
        width: 100%;
        padding-left: 10px;
        border:1px solid #D2D2D2 !important;
    }
</style>
{/block}
{block name="js"}
<script type="text/javascript" src="__PUBLIC__/js/jscolor.js?v={$Think.const.APP_VERSION}"></script>
<script>
    $(function(){
        $(".nul_bli").eq(4).find(".navb").addClass("active");
//        $(".navb.active").parent().find(".nul_s .nul_sli").eq(22).find(".navs").addClass("active");
    })
</script>
{/block}
{block name="main"}
<div class="if_wrap">
    <div class="cus-con">
        <div class="set_tit" style="float:left;"><span>系统参数配置</span></div>
        <form class="layui-form">
            <div class="set-contain erp-set-wrap">
                <div class="layui-inline">
                    <label class="layui-form-label" style="width: 120px;">ERP对接开关：</label>
                    <div class="layui-input-block w-200">
                        <input type="checkbox" {if condition="$erp_switch eq 1"} checked{/if} name="isopen" lay-skin="switch" lay-text="ON|OFF" value="1" lay-filter="test-radio">
                    </div>
                </div>
                <hr>
                <div class="layui-inline">
                    <label class="layui-form-label" style="width: 120px;">手机归属地接口密钥：</label>
                    <div class="layui-input-block w-200">
                        <input type="text" id="psw" value="{$secret_key}" class="layui-input">
                    </div>
                    <span class="layui-btn" id="psw_btn">确定</span>
                    申请地址:http://user.ip138.com/mobile/doc/
                </div>
                <hr>
                <div class="layui-inline">
                    <label class="layui-form-label" style="width: 120px;">短信账号配置：</label>
                    <div class="layui-input-block w-200">
                        <input type="text" id="sms" value="{$sms}" class="layui-input">
                    </div>
                    <span class="layui-btn" id="sms_btn">确定</span>
                    配置说明:输入MC短信账号
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label" style="width: 120px;">录入(导入)时短信模板：</label>
                    <div class="layui-input-block w-200">
                        <select id="is_send_sms" lay-verify="required" layer-filer="">
                            <option value="">请选择</option>
                            {volist name="model" id="mod1"}
                            <option value="{$mod1.id}"{if $is_send_sms eq $mod1.id}selected{/if}>{$mod1.mtemplate_name}</option>
                            {/volist}
                        </select>
                    </div>
                    <span class="layui-btn" id="is_send_sms_btn">确定</span>
                </div>
                <hr>
                <div class="layui-inline">
                    <label class="layui-form-label" style="width: 120px;">本地区域配置：</label>
                    <div class="layui-input-block w-200">
                        <select id="city_id" lay-verify="required" layer-filer="city_id">
                            <option value="">请选择</option>
                            {volist name="city" id="city"}
                            <option value="{$city.id}"{if $city_id eq $city.id}selected{/if}>{$city.name}</option>
                            {/volist}
                        </select>
                    </div>
                    <span class="layui-btn" id="city_btn">确定</span>
                </div>
                <hr>
                <div class="layui-inline">
                    <label class="layui-form-label" style="width: 120px;">列表页选中颜色配置：</label>
                    <div class="layui-input-block w-200">
                        <input type="text" id="on_select_color"  class="jscolor" value="{$on_select_color}" class="layui-input" placeholder="点击选择颜色">
                                           </div>
                    <span class="layui-btn color_set" id="on_select_btn">确定</span>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label" style="width: 120px;">列表页鼠标跟随颜色：</label>
                    <div class="layui-input-block w-200">
                        <input type="text" id="hover_color"  class="jscolor" value="{$hover_color}" class="layui-input" placeholder="点击选择颜色">
                                           </div>
                    <span class="layui-btn color_set" id="hover_color_btn">确定</span>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label" style="width: 120px;">列表页隔行变色配置：</label>
                    <div class="layui-input-block w-200">
                        <input type="text" id="alt_row_color" class="jscolor" value="{$alt_row_color}" class="layui-input"placeholder="点击选择颜色">
                    </div>
                    <span class="layui-btn color_set" id="alt_row_color_btn">确定</span>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label" style="width: 120px;">列表页成交定金配置：</label>
                    <div class="layui-input-block w-200">
                        <input type="text" id="success_color" class="jscolor" value="{$success_color}" class="layui-input"placeholder="点击选择颜色">
                    </div>
                    <span class="layui-btn color_set" id="success_color_btn">确定</span>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label" style="width: 120px;">列表页流失颜色配置：</label>
                    <div class="layui-input-block w-200">
                        <input type="text" id="loss_color" class="jscolor" value="{$loss_color}" class="layui-input"placeholder="点击选择颜色">
                    </div>
                    <span class="layui-btn color_set" id="loss_color_btn">确定</span>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label" style="width: 120px;">列表页走单颜色配置：</label>
                    <div class="layui-input-block w-200">
                        <input type="text" id="int_no_suc_color" class="jscolor" value="{$int_no_suc_color}" class="layui-input"placeholder="点击选择颜色">
                    </div>
                    <span class="layui-btn color_set" id="int_no_suc_color_btn">确定</span>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label" style="width: 120px;">列表页无效颜色配置：</label>
                    <div class="layui-input-block w-200">
                        <input type="text" id="unvalid_color" class="jscolor" value="{$unvalid_color}" class="layui-input"placeholder="点击选择颜色">
                    </div>
                    <span class="layui-btn color_set" id="unvalid_color_btn">确定</span>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label" style="width: 120px;">列表页加急颜色配置：</label>
                    <div class="layui-input-block w-200">
                        <input type="text" id="urgent_color" class="jscolor" value="{$urgent_color}" class="layui-input"placeholder="点击选择颜色">
                    </div>
                    <span class="layui-btn color_set" id="urgent_color_btn">确定</span>
                </div>
                <hr>
            </div>
        </form>
        <div class="remind-tit"><span style="color: #ff0000">*</span>温馨提示：</div>
        <div class="remind-tip">
            1.此处开关开启，并且配置了ERP，ERP才能使用！ (事业部)<br>
            2.配置此秘钥才能启用手机归属地功能！ (店)<br>
            3.配置了本地城市才能使用本地报表功能！ (事业部)<br>
            4.颜色配置可点击输入框选择颜色！ (系统)<br>
        </div>
    </div>
</div>

<script type="text/html" id="barDemo">
    <input type="checkbox" checked="" name="open" lay-skin="switch" lay-text="ON|OFF">
</script>
<script>
    function setTextColor(picker) {
        document.getElementsById('body')[0].style.color = '#' + picker.toString()
    }
    layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element'], function () {
        var laydate = layui.laydate //日期
                , laypage = layui.laypage //分页
        layer = layui.layer //弹层
                , table = layui.table //表格
                , carousel = layui.carousel //轮播
                , upload = layui.upload //上传
                , element = layui.element; //元素操作
    });
    layui.use('form', function() {
        var form = layui.form;
        form.on('switch(test-radio)', function(data){
//            console.log(data.value); //开关value值，也可以通过data.elem.value得到
//            console.log(data.elem.name); //得到美化后的DOM对象
            var key = data.elem.name;
            var va = data.elem.checked;
            if(va == true){
                va = 1;
            }else{
                va =0;
            }
            var data = "is_open="+va;

            $.ajax({
                type: "POST",
                url: "erpSet",
                data: data,
                dataType: 'json',
                success: function (ret) {
                    if (ret.code == 200) {
                        layer.alert(ret.msg,function(){location.reload();});
                    } else {
                        layer.alert(ret.msg,function(){location.reload();});
                    }
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    var ret = XMLHttpRequest.responseJSON
                    layer.alert('操作失败');
                }
            })
        });
    });
    $('#psw_btn').click(function() {
        var psw = $('#psw').val();
        if (!psw || typeof psw == 'undefined' || psw == '' || psw == 'null') {
            layer.alert('秘钥不能为空');
            return false;
        }
        $.ajax({
            type: "POST",
            url: "pswSet",
            data: {psw: psw},
            dataType: 'json',
            success: function (ret) {
                if (ret.code == 200) {
                    layer.alert(ret.msg, function () {
                        location.reload();
                    });
                } else {
                    layer.alert(ret.msg, function () {
                        location.reload();
                    });
                }
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                var ret = XMLHttpRequest.responseJSON
                layer.alert('操作失败');
            }
        })
    })
    $('#city_btn').click(function(){
        var city_id = $('#city_id').val();
        $.ajax({
            type: "POST",
            url: "citySet",
            data: {city_id:city_id},
            dataType: 'json',
            success: function (ret) {
                if (ret.code == 200) {
                    layer.alert(ret.msg,function(){location.reload();});
                } else {
                    layer.alert(ret.msg,function(){location.reload();});
                }
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                var ret = XMLHttpRequest.responseJSON;
                layer.alert('操作失败');
            }
        })
    })
    $('.color_set').click(function(){
        var color = $(this).prev().children('input').val();
        var color_name = $(this).prev().children('input').attr('id');
        $.ajax({
            type: "POST",
            url: "colorSet",
            data: {color_name:color_name,color:color},
            dataType: 'json',
            success: function (ret) {
                if (ret.code == 200) {
                    layer.alert(ret.msg,function(){location.reload();});
                } else {
                    layer.alert(ret.msg,function(){location.reload();});
                }
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                var ret = XMLHttpRequest.responseJSON;
                layer.alert('操作失败');
            }
        })
    })
    $('#sms_btn').click(function(){
        var sms = $('#sms').val();
        $.ajax({
            type: "POST",
            url: "smsSet",
            data: {sms:sms},
            dataType: 'json',
            success: function (ret) {
                if (ret.code == 200) {
                    layer.alert(ret.msg,function(){location.reload();});
                } else {
                    layer.alert(ret.msg,function(){location.reload();});
                }
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                var ret = XMLHttpRequest.responseJSON;
                layer.alert('操作失败');
            }
        })
    })
    $('#is_send_sms_btn').click(function(){
        var sms = $('#is_send_sms').val();
        $.ajax({
            type: "POST",
            url: "isSendSmsSet",
            data: {sms:sms},
            dataType: 'json',
            success: function (ret) {
                if (ret.code == 200) {
                    layer.alert(ret.msg,function(){location.reload();});
                } else {
                    layer.alert(ret.msg,function(){location.reload();});
                }
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                var ret = XMLHttpRequest.responseJSON;
                layer.alert('操作失败');
            }
        })
    })
</script>
{/block}