<form id="config-form" class="edit-form form-horizontal" role="form" data-toggle="validator" method="POST" action=""> <div class="panel panel-default panel-intro"> <div class="panel-heading"> <ul class="nav nav-tabs nav-group"> <li class="active"><a href="#wechat" data-toggle="tab">微信支付</a></li> <li><a href="#alipay" data-toggle="tab">支付宝</a></li> </ul> </div> <div class="panel-body"> <div id="myTabContent" class="tab-content"> {foreach $addon.config as $item} {if $item.name=='wechat'} <div class="tab-pane fade active in" id="wechat"> <table class="table table-striped table-config"> <tbody> <tr> <td width="15%">APP appid</td> <td> <div class="row"> <div class="col-sm-8 col-xs-12"> <input type="text" name="row[wechat][appid]" value="{$item.value.appid|default=''}" class="form-control" data-rule="" data-tip="APP应用中支付时使用"/> </div> <div class="col-sm-4"></div> </div> </td> </tr> <tr> <td>公众号的app_id</td> <td> <div class="row"> <div class="col-sm-8 col-xs-12"> <input type="text" name="row[wechat][app_id]" value="{$item.value.app_id|default=''}" class="form-control" data-rule="" data-tip="公众号支付必须"/> </div> <div class="col-sm-4"></div> </div> </td> </tr> <tr> <td>公众号的app_secret</td> <td> <div class="row"> <div class="col-sm-8 col-xs-12"> <input type="text" name="row[wechat][app_secret]" value="{$item.value.app_secret|default=''}" class="form-control" data-rule="" data-tip="仅在需要获取Openid时使用,一般情况下为空"/> </div> <div class="col-sm-4"></div> </div> </td> </tr> <tr> <td>小程序的app_id</td> <td> <div class="row"> <div class="col-sm-8 col-xs-12"> <input type="text" name="row[wechat][miniapp_id]" value="{$item.value.miniapp_id|default=''}" class="form-control" data-rule="" data-tip="仅在小程序支付时使用"/> </div> <div class="col-sm-4"></div> </div> </td> </tr> <tr> <td>微信支付商户号ID</td> <td> <div class="row"> <div class="col-sm-8 col-xs-12"> <input type="text" name="row[wechat][mch_id]" value="{$item.value.mch_id|default=''}" class="form-control" data-rule="" data-tip=""/> </div> <div class="col-sm-4"></div> </div> </td> </tr> <tr> <td>微信支付商户的密钥</td> <td> <div class="row"> <div class="col-sm-8 col-xs-12"> <input type="text" name="row[wechat][key]" value="{$item.value.key|default=''}" class="form-control" data-rule="" data-tip=""/> </div> <div class="col-sm-4"></div> </div> </td> </tr> <tr> <td>支付模式</td> <td> <div class="row"> <div class="col-sm-8 col-xs-12"> {:Form::radios('row[wechat][mode]',['normal'=>'正式环境','dev'=>'沙箱环境','service'=>'服务商模式'],$item.value.mode??'normal')} </div> <div class="col-sm-4"></div> </div> </td> </tr> <tr data-type="service" class="{:$item.value.mode!='service'?'hidden':''}"> <td>子商户商户号ID</td> <td> <div class="row"> <div class="col-sm-8 col-xs-12"> <input type="text" name="row[wechat][sub_mch_id]" value="{$item.value.sub_mch_id|default=''}" class="form-control" data-rule="" data-tip="如果未用到子商户,请勿填写"/> </div> <div class="col-sm-4"></div> </div> </td> </tr> <tr data-type="service" class="{:$item.value.mode!='service'?'hidden':''}"> <td>子商户 APP appid</td> <td> <div class="row"> <div class="col-sm-8 col-xs-12"> <input type="text" name="row[wechat][sub_appid]" value="{$item.value.sub_appid|default=''}" class="form-control" data-rule="" data-tip="如果未用到子商户,请勿填写"/> </div> <div class="col-sm-4"></div> </div> </td> </tr> <tr data-type="service" class="{:$item.value.mode!='service'?'hidden':''}"> <td>子商户公众号的appid</td> <td> <div class="row"> <div class="col-sm-8 col-xs-12"> <input type="text" name="row[wechat][sub_app_id]" value="{$item.value.sub_app_id|default=''}" class="form-control" data-rule="" data-tip="如果未用到子商户,请勿填写"/> </div> <div class="col-sm-4"></div> </div> </td> </tr> <tr data-type="service" class="{:$item.value.mode!='service'?'hidden':''}"> <td>子商户小程序的appid</td> <td> <div class="row"> <div class="col-sm-8 col-xs-12"> <input type="text" name="row[wechat][sub_miniapp_id]" value="{$item.value.sub_miniapp_id|default=''}" class="form-control" data-rule="" data-tip="如果未用到子商户,请勿填写"/> </div> <div class="col-sm-4"></div> </div> </td> </tr> <tr> <td>回调通知地址</td> <td> <div class="row"> <div class="col-sm-8 col-xs-12"> <input type="text" name="row[wechat][notify_url]" value="{$item.value.notify_url|default=''}" class="form-control" data-rule="" data-tip="请勿随意修改,实际以逻辑代码中请求的为准"/> </div> <div class="col-sm-4"></div> </div> </td> </tr> <tr> <td>微信支付API证书cert</td> <td> <div class="row"> <div class="col-sm-8 col-xs-12"> <input type="text" name="row[wechat][cert_client]" value="{$item.value.cert_client|default=''}" class="form-control" data-rule="" data-tip="可选, 仅在退款、红包等情况时需要用到"/> </div> <div class="col-sm-4"></div> </div> </td> </tr> <tr> <td>微信支付API证书key</td> <td> <div class="row"> <div class="col-sm-8 col-xs-12"> <input type="text" name="row[wechat][cert_key]" value="{$item.value.cert_key|default=''}" class="form-control" data-rule="" data-tip="可选, 仅在退款、红包等情况时需要用到"/> </div> <div class="col-sm-4"></div> </div> </td> </tr> <tr> <td>记录日志</td> <td> <div class="row"> <div class="col-sm-8 col-xs-12"> {:Form::radios('row[wechat][log]',['1'=>'开启','0'=>'关闭'],$item.value.log)} </div> <div class="col-sm-4"></div> </div> </td> </tr> </tbody> </table> </div> {elseif $item.name=='alipay'} <div class="tab-pane fade" id="alipay"> <table class="table table-striped table-config"> <tbody> <tr> <td width="15%">app_id</td> <td> <div class="row"> <div class="col-sm-8 col-xs-12"> <input type="text" name="row[alipay][app_id]" value="{$item.value.app_id|default=''}" class="form-control" data-rule="" data-tip=""/> </div> <div class="col-sm-4"></div> </div> </td> </tr> <tr> <td>支付模式</td> <td> <div class="row"> <div class="col-sm-8 col-xs-12"> {:Form::radios('row[alipay][mode]',['normal'=>'正式环境','dev'=>'沙箱环境'],$item.value.mode??'normal')} </div> <div class="col-sm-4"></div> </div> </td> </tr> <tr> <td>回调通知地址</td> <td> <div class="row"> <div class="col-sm-8 col-xs-12"> <input type="text" name="row[alipay][notify_url]" value="{$item.value.notify_url|default=''}" class="form-control" data-rule="" data-tip="请勿随意修改,实际以逻辑代码中请求的为准"/> </div> <div class="col-sm-4"></div> </div> </td> </tr> <tr> <td>支付跳转地址</td> <td> <div class="row"> <div class="col-sm-8 col-xs-12"> <input type="text" name="row[alipay][return_url]" value="{$item.value.return_url|default=''}" class="form-control" data-rule="" data-tip="请勿随意修改,实际以逻辑代码中请求的为准"/> </div> <div class="col-sm-4"></div> </div> </td> </tr> <tr> <td>支付宝公钥(ali_public_key)</td> <td> <div class="row"> <div class="col-sm-8 col-xs-12"> <input type="text" name="row[alipay][ali_public_key]" value="{$item.value.ali_public_key|default=''}" class="form-control" data-rule="" data-tip="可选, 仅在退款、红包等情况时需要用到"/> <div style="margin-top:5px;"><a href="https://opensupport.alipay.com/support/knowledge/20069/201602048372" target="_blank"><i class="fa fa-question-circle"></i> 如何获取支付宝公钥?</a></div> </div> <div class="col-sm-4"></div> </div> </td> </tr> <tr> <td>密钥(private_key)</td> <td> <div class="row"> <div class="col-sm-8 col-xs-12"> <input type="text" name="row[alipay][private_key]" value="{$item.value.private_key|default=''}" class="form-control" data-rule="" data-tip="可选, 仅在退款、红包等情况时需要用到"/> <div style="margin-top:5px;"><a href="https://opensupport.alipay.com/support/knowledge/20069/201602055867" target="_blank"><i class="fa fa-question-circle"></i> 如何获取密钥?</a></div> </div> <div class="col-sm-4"></div> </div> </td> </tr> <tr> <td>记录日志</td> <td> <div class="row"> <div class="col-sm-8 col-xs-12"> {:Form::radios('row[alipay][log]',['1'=>'开启','0'=>'关闭'],$item.value.log)} </div> <div class="col-sm-4"></div> </div> </td> </tr> <tr> <td>PC端使用扫码支付</td> <td> <div class="row"> <div class="col-sm-8 col-xs-12"> {:Form::radios('row[alipay][scanpay]',['1'=>'开启','0'=>'关闭'],$item.value.scanpay??0)} </div> <div class="col-sm-4"></div> </div> </td> </tr> </tbody> </table> </div> {/if} {/foreach} <div class="form-group layer-footer"> <label class="control-label col-xs-12 col-sm-2"></label> <div class="col-xs-12 col-sm-8"> <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button> <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button> </div> </div> </div> </div> </div> </form> <script> document.querySelectorAll("input[name='row[wechat][mode]']").forEach(function (i, j) { i.addEventListener("click", function () { document.querySelectorAll("#wechat table tr[data-type]").forEach(function (m, n) { m.classList.add("hidden"); }); document.querySelectorAll("#wechat table tr[data-type='" + this.value + "']").forEach(function (m, n) { m.classList.remove("hidden"); }); }); }); </script>