2019-07-16 按钮控制文字的隐藏显示多个

    {template '_header'}
    <form {ifp 'sysset.sms.set'}method="post"{/if} class="form-horizontal form-validate">

        <div class="page-header">

            当前位置：<span class="text-primary">短信 提醒</span>
        </div>
        <div class="page-content">

            <div class="alert alert-primary">
                <h4 style="font-weight: 500">短信提醒配置说明</h4>
                <p>短信提醒现支持 <a href="http://www.juhe.cn" target="_blank">聚合数据</a>、<a href="http://www.alidayu.com" target="_blank">阿里大于(老用户)</a>、<a href="https://market.aliyun.com/products/57002003/cmapi011900.html" target="_blank">阿里云短信</a>、<a href="http://www.emay.cn" target="_blank">亿美软通</a>四家行业领先接口，接口所有参数需在此处设置。</p>
                <p>参数设置：在此页面开启所需的服务商API并设置服务商提供的参数。</p>
                <p>余额预警：聚合数据、阿里大于需在服务商管理后台设置余额预警，亿美软通需在当前页面设置余额预警。</p>
                <p>余额查询：聚合数据、阿里大于需在服务商管理后台查看账户余额，亿美软通需在当前查看账户余额(设置好参数保存页面即可查看)。</p>
                <p>其他说明：阿里大于老用户仍然可以使用，但新用户仅支持<a href="https://market.aliyun.com/products/57002003/cmapi011900.html" target="_blank">阿里云短信</a></p>
            </div>
            <div class="form-group-title">阿里云短信(新版)<small style="padding-left: 10px;"><a class="text-primary" target="_blank" href="https://home.console.aliyun.com/">立即申请</a></small>
                <span class="pull-right">
                    <input type="hidden" value="{$item['aliyun_new']}" name="aliyun_new" />
                    <input class="js-switch small" type="checkbox" {if !empty($item['aliyun_new'])}checked{/if}/>
                </span>
            </div>
            <div class=" sms-aliyun_new" style="{if empty($item['aliyun_new'])}display: none;{/if}">
                <div class="form-group">
                    <label class="col-lg control-label must">Access Key ID</label>
                    <div class="col-sm-9 col-xs-12">
                        <input type="text" name="aliyun_new_keyid" class="form-control valid" value="{$item['aliyun_new_keyid']}" data-rule-required="true">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg control-label must">Access Key Secret</label>
                    <div class="col-sm-9 col-xs-12">
                        <input type="text" name="aliyun_new_keysecret" class="form-control valid" value="{$item['aliyun_new_keysecret']}" data-rule-required="true">
                    </div>
                </div>
            </div>
            <div class="form-group-title">聚合数据<small style="padding-left: 10px;"><a class="text-primary" target="_blank" href="http://www.juhe.cn">立即申请</a></small>
            <span class="pull-right">
                <input type="hidden" value="{$item['juhe']}" name='juhe' />
                <input class="js-switch small" type="checkbox" {if !empty($item['juhe'])}checked{/if}/>
            </span>
            </div>
            <div class=" sms-juhe" style="{if empty($item['juhe'])}display: none;{/if}">
                <div class="form-group">
                    <label class="col-lg control-label must">App Key</label>
                    <div class="col-sm-9 col-xs-12">
                        <input type="text" name="juhe_key" class="form-control valid" value="{$item['juhe_key']}" data-rule-required="true">
                    </div>
                </div>
            </div>
            <div class="form-group-title">亿美软通 <small>(<span class="text-danger">余额: <span  id="num_emay">--</span></span>)</small><small style="padding-left: 10px;"><a class="text-primary" target="_blank" href="http://www.emay.cn">立即申请</a></small>
                <span class="pull-right">
                    <input type="hidden" value="{$item['emay']}" name='emay' />
                    <input class="js-switch small" type="checkbox" {if !empty($item['emay'])}checked{/if}/>
                </span>
            </div>
            <div class=" sms-emay" style="{if empty($item['emay'])}display: none;{/if}">
                <div class="form-group">
                    <label class="col-lg control-label must">网关地址</label>
                    <div class="col-sm-9 col-xs-12">
                        <input type="text" name="emay_url" class="form-control valid" value="{$item['emay_url']}" data-rule-required="true">
                        <div class="help-block">请求地址，请以http://或https://开头</div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg control-label must" style="padding-top: 0;">序列号serialNumber</label>
                    <div class="col-sm-9 col-xs-12">
                        <input type="text" name="emay_sn" class="form-control valid" value="{$item['emay_sn']}" data-rule-required="true">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg control-label must">密码</label>
                    <div class="col-sm-9 col-xs-12">
                        <input type="text" name="emay_pw" class="form-control valid" value="{$item['emay_pw']}" data-rule-required="true">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg control-label must">SESSION KEY</label>
                    <div class="col-sm-9 col-xs-12">
                        <input type="text" name="emay_sk" class="form-control valid" value="{$item['emay_sk']}" data-rule-required="true">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-12 col-lg col-md-2 col-lg-2 control-label">代理服务器设置</label>
                    <div class="col-sm-9 col-xs-12">
                        <div class='input-group'>
                            <div class='input-group-addon'>地址</div>
                            <input type="text" name="emay_phost" class="form-control" value="{$item['emay_phost']}" />
                            <div class='input-group-addon' style="border-left: 0; border-right: 0;">端口</div>
                            <input type="text" name="emay_pport" class="form-control" value="{$item['emay_pport']}" />
                            <div class='input-group-addon' style="border-left: 0; border-right: 0;">用户</div>
                            <input type="text" name="emay_puser" class="form-control" value="{$item['emay_puser']}" />
                            <div class='input-group-addon' style="border-left: 0; border-right: 0;">密码</div>
                            <input type="text" name="emay_ppw" class="form-control" value="{$item['emay_ppw']}" />
                        </div>
                        <div class="help-block">可选，代理服务器设置，如果地址不填写则不使用代理服务器</div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-12 col-lg col-md-2 col-lg-2 control-label">超时时间设置</label>
                    <div class="col-sm-9 col-xs-12">
                        <div class='input-group'>
                            <div class='input-group-addon'>连接超时时间</div>
                            <input type="text" name="emay_out" class="form-control" value="{$item['emay_out']}" />
                            <div class='input-group-addon' style="border-left: 0; border-right: 0;">信息返回超时时间</div>
                            <input type="text" name="emay_outresp" class="form-control" value="{$item['emay_outresp']}" />
                        </div>
                        <div class="help-block">连接超时时间，默认0，为不超时；信息返回超时时间，如果不填写默认为30</div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-12 col-lg col-md-2 col-lg-2 control-label">余额预警</label>
                    <div class="col-sm-9 col-xs-12">
                        <div class='input-group'>
                            <div class='input-group-addon'>预警余额</div>
                            <input type="number" name="emay_warn" class="form-control" value="{$item['emay_warn']}" />
                            <div class='input-group-addon' style="border-left: 0; border-right: 0;">手机号码</div>
                            <input type="tel" name="emay_mobile" class="form-control" value="{$item['emay_mobile']}" />
                        </div>
                        <div class="help-block">可选，当账户余额小于设定值(元)时向上方手机号发送提示(请参考 上方亿美软通余额, 如果余额不足预警短信也将发送不出, 不填则不发送，24小时内只发一次)</div>
                    </div>
                </div>
            </div>
            <div class="form-group-title">阿里大于(老用户)<small style="padding-left: 10px;"><a class="text-primary" target="_blank" href="javascript:;">暂停申请</a></small>
            <span class="pull-right">
                <input type="hidden" value="{$item['dayu']}" name='dayu' />
                <input class="js-switch small" type="checkbox" {if !empty($item['dayu'])}checked{/if}/>
            </span>
            </div>
            <div class=" sms-dayu" style="{if empty($item['dayu'])}display: none;{/if}">
                <div class="form-group">
                    <label class="col-lg control-label must">App Key</label>
                    <div class="col-sm-9 col-xs-12">
                        <input type="text" name="dayu_key" class="form-control valid" value="{$item['dayu_key']}" data-rule-required="true">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg control-label must">App Secret</label>
                    <div class="col-sm-9 col-xs-12">
                        <input type="text" name="dayu_secret" class="form-control valid" value="{$item['dayu_secret']}" data-rule-required="true">
                    </div>
                </div>
            </div>

            <div class="form-group-title">阿里云短信<small style="padding-left: 10px;"><a class="text-primary" target="_blank" href="https://market.aliyun.com/products/57002003/cmapi011900.html">立即申请</a></small>
                <span class="pull-right">
                <input type="hidden" value="{$item['aliyun']}" name='aliyun' />
                <input class="js-switch small" type="checkbox" {if !empty($item['aliyun'])}checked{/if}/>
            </span>
            </div>
            <div class=" sms-aliyun" style="{if empty($item['aliyun'])}display: none;{/if}">
                <div class="form-group">
                    <label class="col-lg control-label must">App Code</label>
                    <div class="col-sm-9 col-xs-12">
                        <input type="text" name="aliyun_appcode" class="form-control valid" value="{$item['aliyun_appcode']}" data-rule-required="true">
                    </div>
                </div>
            </div>

            <div class="form-group-title">腾讯云短信<small style="padding-left: 10px;"><a class="text-primary" target="_blank" href="https://cloud.tencent.com/product/sms">立即申请</a></small>
                <span class="pull-right">
                    <input type="hidden" value="{$item['txyun']}" name="txyun" />
                    <input class="js-switch small" type="checkbox" {if !empty($item['txyun'])}checked{/if}/>
                </span>
            </div>
            <div class=" sms-txyun" style="{if empty($item['txyun'])}display: none;{/if}">
                <div class="form-group">
                    <label class="col-lg control-label must">SDK AppID</label>
                    <div class="col-sm-9 col-xs-12">
                        <input type="text" name="txyun_appid" class="form-control valid" value="{$item['txyun_appid']}" data-rule-required="true">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg control-label must">App Key</label>
                    <div class="col-sm-9 col-xs-12">
                        <input type="text" name="txyun_appkey" class="form-control valid" value="{$item['txyun_appkey']}" data-rule-required="true">
                    </div>
                </div>
            </div>


            <div class='input-group'>
                <label class="col-lg control-label"></label>
                {ifp 'sysset.sms.set'}
                    <span class="">
                        <input type="submit" value="保存" class="btn btn-primary ">
                    </span>
                {/if}
            </div>
        </div>

    </form>

    <script>
        $(function () {
            $(".js-switch").click(function () {
                $(this).prev().val( this.checked ?1:0);
                var smsname =$(this).prev().attr('name');
                console.log(smsname);
                console.log(this.checked);
                if (this.checked) {
                    $(".sms-"+smsname).show();
                } else {
                    $(".sms-"+smsname).hide();
                }
            });
            $.post("{php echo webUrl('sysset/sms/getnum')}", function (r) {
                if(r.status && r.result){
                    $.each(r.result, function (type, num) {
                        $("#num_"+type).text(num);
                    })
                }
            }, 'json');
        });
    </script>
    {template '_footer'}

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 194,390评论 5赞 459
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 81,821评论 2赞 371
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 141,632评论 0赞 319
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 52,170评论 1赞 263
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 61,033评论 4赞 355
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 46,098评论 1赞 272
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 36,511评论 3赞 381
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 35,204评论 0赞 253
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 39,479评论 1赞 290
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 34,572评论 2赞 309
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 36,341评论 1赞 326
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 32,213评论 3赞 312
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 37,576评论 3赞 298
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 28,893评论 0赞 17
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 30,171评论 1赞 250
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 41,486评论 2赞 341
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 40,676评论 2赞 335

2019-07-16 按钮控制文字的隐藏显示 多个

推荐阅读更多精彩内容

2019-07-16 按钮控制文字的隐藏显示多个