mashangyoujiu/Application/Agent/View/Merchant/editServerPay.html

<!doctype html>
<html>
<!--[1.8.80]-->
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/layui-v2.4.3/layui/css/layui.css"/>
    <script type="text/javascript" charset="utf-8" src="__PUBLIC__/jquery/js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="__PUBLIC__/layui-v2.4.3/layui/layui.js"></script>
    <title>服务商配置</title>
    <style>
        .layui-form-label {
            width: 170px;
        }

        .layui-input-block {
            margin-left: 200px;
        }

        #codeBox {
            display: flex;
            margin: 30px;
        }
    </style>
</head>
<body>
<form class="layui-form">
    <div class="layui-fluid">
        <div class="layui-form-item">
            <label class="layui-form-label labelone">是否启用该服务商配置</label>
            <div class="layui-input-block">
                <input type="checkbox" value="1"
                <if condition="$server_pay_state">checked</if>
                name="server_pay_state" lay-skin="switch" lay-text="开|关">
            </div>
            <div class="layui-form-mid layui-word-aux">
                <span style="color: #f00">开启则启用该服务商配置,不开启则使用合伙人服务商配置，请不要随意更改此选项，以免影响商户使用</span>
            </div>
        </div>
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-header">微信服务商配置</div>
                    <div class="layui-card-body" pad15="">
                        <div class="layui-form" wid100="" lay-filter="">
                            <div class="layui-form-item">
                                <label class="layui-form-label labelone">服务商公众号AppID</label>
                                <div class="layui-input-block">
                                    <input type="text" name="wx_appid" value="{$config['wx_appid']}"
                                           placeholder="请输入AppID" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label labelone">服务商后台的api秘钥</label>
                                <div class="layui-input-block">
                                    <input type="text" name="wx_key" value="{$config['wx_key']}"
                                           placeholder="请输入服务商后台的api秘钥" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label labelone">微信服务商商户号</label>
                                <div class="layui-input-block">
                                    <input type="text" name="mch_id" value="{$config['mch_id']}"
                                           placeholder="请输入微信服务商商户号" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label labelone">微信服务商Api证书序列号</label>
                                <div class="layui-input-block">
                                    <input type="text" name="wx_serial_no" value="{$config['wx_serial_no']}"
                                           placeholder="请输入服务商Api证书序列号" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label labelone">微信服务商公众号secret</label>
                                <div class="layui-input-block">
                                    <input type="text" name="appsecret" value="{$config['appsecret']}"
                                           placeholder="请输入服务商公众号secret" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label labelone">证书上传 ( 服务商api证书 )</label>
                                <div class="layui-input-block">
                                    <div class="layui-upload">
                                        <button type="button" class="layui-btn layui-btn-normal"
                                                id="wx_choose1">选择文件
                                        </button>
                                        <input name="wx_apiclient_cert" type="hidden"
                                               value="{$config['wx_apiclient_cert']}">
                                        <empty name="config['wx_apiclient_cert']">
                                            <span class="apiclient_certs">（请上传apiclient_cert证书）</span>
                                            <else/>
                                            <span class="apiclient_certs">apiclient_cert证书已上传</span>
                                        </empty>
                                    </div>
                                </div>
                            </div>

                            <div class="layui-form-item">
                                <label class="layui-form-label labelone">证书上传( 服务商api证书 )</label>
                                <div class="layui-input-block">
                                    <div class="layui-upload">
                                        <button type="button" class="layui-btn layui-btn-normal"
                                                id="wx_choose2">选择文件
                                        </button>
                                        <input name="wx_apiclient_key" type="hidden"
                                               value="{$config['wx_apiclient_key']}">
                                        <empty name="config['wx_apiclient_key']">
                                            <span class="apiclient_keys">（请上传apiclient_key证书）</span>
                                            <else/>
                                            <span class="apiclient_keys">apiclient_key证书已上传</span>
                                        </empty>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <div class="layui-input-block">
                                    <if condition="$authArr['wx_agentconf'] eq true">
                                        <button class="layui-btn" type="button" lay-submit
                                                lay-filter="formDemo01">修改配置
                                        </button>
                                    </if>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-header">支付宝服务商配置</div>
                    <div class="layui-card-body" pad15="">
                        <div class="layui-form" wid100="" lay-filter="">
                            <div class="layui-form-item">
                                <label class="layui-form-label labelone">AppID</label>
                                <div class="layui-input-block">
                                    <input type="text" name="alipay_appid" value="{$config['alipay_appid']}"
                                           placeholder="请输入AppID" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label labelone">支付宝Pid</label>
                                <div class="layui-input-block">
                                    <input type="text" name="alipay_pid" value="{$config['alipay_pid']}"
                                           placeholder="请输入Pid" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label labelone">支付宝公钥</label>
                                <div class="layui-input-block">
                                                <textarea name="alipay_public_key" placeholder="请输入支付宝公钥" required
                                                          lay-verify="required" class="layui-textarea">{$config['alipay_public_key']}</textarea>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label labelone">应用私钥</label>
                                <div class="layui-input-block">
                                                <textarea name="alipay_private_key" placeholder="请输入应用秘钥" required
                                                          lay-verify="required" class="layui-textarea">{$config['alipay_private_key']}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" type="button" lay-submit
                        lay-filter="formDemo02">修改配置
                </button>
            </div>
        </div>
    </div>
    <div id="codeBox" style="display: none">
        <input id="code"
               style="width: 186px"
               type="text"
               class="layui-input"
               oninput="value=this.value.replace(/^[0]|\D/,'')"
               maxLength="6">
        <div id="getCode" style="width: 106px" class="layui-btn" type="button">发送验证码</div>
    </div>
</form>
</body>
<script>
    layui.use(['form', 'upload', 'layer'], function () {
        var form = layui.form;
        var upload = layui.upload;
        var layer = layui.layer;

        //选完文件后不自动上传
        upload.render({
            elem: '#wx_choose1',
            url: '{:U("upload")}',
            accept: 'file',
            auto: true,
            bindAction: '#wx_upload1',
            done: function (res) {
                console.log(res);
                if (res.path != undefined) {
                    $('input[name="wx_apiclient_cert"]').val(res.path);
                    $('span.apiclient_certs').html("apiclient_cert证书已上传");
                } else {
                    layer.alert(res.msg);
                }
            }
        });
        upload.render({
            elem: '#wx_choose2',
            url: '{:U("upload")}',
            accept: 'file',
            auto: true,
            bindAction: '#wx_upload2',
            done: function (res) {
                if (res.path != undefined) {
                    $('input[name="wx_apiclient_key"]').val(res.path);
                    $('span.apiclient_keys').html("apiclient_key证书已上传");
                } else {
                    layer.alert(res.msg);
                }
            }
        });
        //监听提交 微信服务商配置
        var canClick = false;
        var timer = null;
        form.on('submit(formDemo02)', function (data) {
            canClick = true;
            var data = data.field;
            var index = layer.open({
                title: '修改支付参数安全验证',
                content: $('#codeBox'),
                type: 1,
                btn: ['确认', '取消'],
                btn1: function () {
                    var code = $('#code').val();
                    if (!code || !/[0-9]{6}/.test(code)) {
                        layer.msg('请输入6位数字的验证码');
                        return;
                    }
                    data.code = code;
                    $.ajax({
                        url: "{:U('submitServerPay')}",
                        data: data,
                        type: "post",
                        success: function (res) {
                            if(res.status == 1){
                                clearInterval(timer);
                                $('#getCode').html('发送验证码');
                                layer.close(index);
                            }
                            layer.msg(res.msg);
                        }
                    })
                },
                btn2:function () {
                    clearInterval(timer);
                    $('#getCode').html('发送验证码');
                }
            })
        });
        //点击发送验证码
        $('#getCode').click(function () {
            if (!canClick) {
                return;
            }
            canClick = false;
            $('#getCode').html('发送中');
            $.ajax({
                url: "{:U('sendCode')}",
                data: {},
                type: "post",
                success: function (res) {
                    layer.msg(res.message ? res.message : "请求有误");
                    if (res.status == 1) {
                        var count = 60;
                        timer = setInterval(function () {
                            $('#getCode').html(count + ' s');
                            count--;
                            console.log(count);
                            if (count == 0) {
                                canClick = true;
                                $('#getCode').html('发送验证码');
                                clearInterval(timer);
                            }
                        }, 1000)
                    } else {
                        canClick = true;
                        $('#getCode').html('发送验证码');
                    }
                },
                error: function () {
                    layer.msg("请求发生错误");
                    canClick = true;
                    $('#getCode').html('发送验证码');
                }
            })
        })
    })

</script>
</html>