scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
							{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;
    }
</style>

<body>
    <div class="layui-fluid">
        <div class="layui-card">
            <div class="layui-card-header">
                <span>云话统</span>
                <div style="float:right;color:#249efb">余额：<span id="money">暂无</span></div>
            </div>
            <div class="layui-card-body">
                <form class="layui-form" enctype="multipart/form-data">
                    <div class="layui-form-item">
                        <label class="layui-form-label"><i style="color:red;">*&nbsp;</i> APPID：</label>
                        <div class="layui-input-inline grant-name">
                            <input class="layui-input" lay-verify="required" name="appid" type="text" value="{notempty name='data'}{$data.config.appid}{/notempty}"
                                placeholder="请输入云话统APPID">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label"><i style="color:red;">*&nbsp;</i>密钥：</label>
                        <div class="layui-input-inline grant-name">
                            <input class="layui-input" name="secretKey" type="text" value="{notempty name='data'}{$data.config.secretKey}{/notempty}" placeholder="请输入云话统密钥">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label"><i style="color:red;">*&nbsp;</i>中间号：</label>
                        <div class="layui-input-inline grant-name">
                            <input class="layui-input" name="tel_x" type="text" value="{notempty name='data'}{$data.config.tel_x}{/notempty}" placeholder="请输入中间号,多个号码','分割">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label"><i style="color:red;">*&nbsp;</i>注：</label>
                        <div class="layui-input-inline grant-name">
                            请在云话统信息配置中设置回调地址和录音回调为：{:url('api/outCall/callBack',[],true,true)}
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <div class="layui-input-block" style="margin-left:130px !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', 'form'], function () {
        var $ = layui.$,
            form = layui.form;
        var balence = function () {
            $.get('{:url("yhuatong/balence")}', function (res) {
                if (res.code !== 0) return;
                $('#money').html(res.data);
            });
        }

        balence();

        form.on('submit(submit)', function (data) {
            if (data.field.appid == '') {
                layer.msg('请输入云话统APPID');
                return;
            } else if (data.field.secretKey == '') {
                layer.msg('请输入云话统密钥');
                return;
            }else if (data.field.tel_x == '') {
                layer.msg('请输入中间号');
                return;
            }
            
            $.post('{:url("yhuatong/settingSave")}', data.field, function (res) {
                if (res.code === 0) {
                    layer.msg(res.msg, {
                        anim: 0
                        , time: 2000
                    });
                    balence();
                } else {
                    layer.msg(res.msg, {
                        anim: 6
                        , time: 2000
                    });
                }
            });
        });
    });
</script>
{/block}