sifangpay/resources/views/admin/gateway/create.blade.php

@extends('admin.layouts.base')
@section('add_css')
    <style>
        .layui-form.wid150 .layui-input-block {
            margin-left: 150px;
        }
    </style>
@endsection
@section('content')

    <div class="layui-form  layui-form-pane wid150" lay-filter="layuiadmin-form-role" id="layuiadmin-form-role"
         style="padding:  20px 20px 20px 0">
        {{ csrf_field() }}
        <div class="layui-form-item">
            <label class="layui-form-label">名称</label>
            <div class="layui-input-block">
                <input type="text" name="name" lay-verify="rq" autocomplete="off" class="layui-input"/>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">标识符</label>
            <div class="layui-input-block">
                <select name="ename" lay-filter="ename">
                    @if(count($pay_type)>0)
                        @foreach ($pay_type as $k=>$v)
                            <option value="{{ $k }}">{{ $v }}</option>
                        @endforeach
                    @endif
                </select>

            </div>
        </div>

        <div id="appGatewayEwm" style="display: none">
            <div class="layui-form-item">
                <label class="layui-form-label">收款姓名</label>
                <div class="layui-input-block">
                    <input type="text" name="username" lay-verify="" autocomplete="off" class="layui-input"/>
                </div>
            </div>

            <div class="layui-form-item insert_upload_logo">
                <label class="layui-form-label">收款二维码</label>
                <div class="layui-input-inline ">
                    <div class="layui-upload-drag upload-event">
                        <i class="layui-icon"></i>
                        <p>点击上传，或将文件拖拽到此处</p>
                    </div>
                    <input class="layui-upload-file" type="file" accept="undefined"
                           name="file">
                </div>
                <div class="layui-input-inline" style="display: none;width: auto">
                    <input type="hidden" name="thumb" lay-verify="" value=""
                           class="upload_input"><a
                            href="javascript:"
                            class="upload-close layui-icon layui-icon-close "></a><img
                            src="" alt="" class="upload_img"
                            style="max-height: 148px;">
                </div>

            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">所属银行</label>
                <div class="layui-input-block">
                    <input type="text" name="bank_name" autocomplete="off" class="layui-input"/>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">所在行</label>
                <div class="layui-input-block">
                    <input type="text" name="source" autocomplete="off" class="layui-input"/>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">银行卡号</label>
                <div class="layui-input-block">
                    <input type="text" name="mch_id" lay-verify="rq" autocomplete="off" class="layui-input"/>
                </div>
            </div>
            <div class="layui-form-item url">
                <label class="layui-form-label">二维码地址</label>
                <div class="layui-input-block">
                    <input type="text" name="url" autocomplete="off" class="layui-input"/>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">商户id/合作号</label>
                <div class="layui-input-block">
                    <input type="text" name="app_id" lay-verify="rq" autocomplete="off" class="layui-input"/>
                </div>
            </div>
        </div>
        <div id="appGateway">
            <div class="layui-form-item">
                <label class="layui-form-label">网关</label>
                <div class="layui-input-block">
                    <input type="text" name="gateway_url" lay-verify="rq" autocomplete="off" class="layui-input"/>
                </div>
            </div>
{{--            <div class="layui-form-item">--}}
{{--                <label class="layui-form-label">三方通道（产品ID）</label>--}}
{{--                <div class="layui-input-block">--}}
{{--                    <input type="text" name="mch_id" lay-verify="rq" autocomplete="off" class="layui-input"/>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--            <div class="layui-form-item">--}}
{{--                <label class="layui-form-label">商户id/合作号</label>--}}
{{--                <div class="layui-input-block">--}}
{{--                    <input type="text" name="app_id" lay-verify="rq" autocomplete="off" class="layui-input"/>--}}
{{--                </div>--}}
{{--            </div>--}}
            <div class="layui-form-item">
                <label class="layui-form-label">商户密钥</label>
                <div class="layui-input-block">
                    <input type="text" name="app_key" lay-verify="" autocomplete="off" class="layui-input"/>
                </div>
            </div>
        </div>


        <div class="layui-form-item">
            <label class="layui-form-label">单笔限额</label>
            <div class="layui-input-block">
                <input type="number" name="limit_money" lay-verify="rq|number" value="45000" autocomplete="off"
                       class="layui-input"/>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">通道费率</label>
            <div class="layui-input-inline" style="width: 120px;">
                <input type="number" name="ratio" value="0" lay-verify="" placeholder="单位：千分" autocomplete="off"
                       class="layui-input"/>
            </div>
            <div class="layui-form-mid layui-word-aux">单位：千分，例如1%，请输入10，0.6%请输入6，这里是通道的的费率</div>
        </div>
        <div class="msg-tips msg-tips-warm">
            <i class="layui-icon layui-icon-about"></i> 上浮费率，是在商户原来基础的费率上增加点数，如无需增加请输入0,单位都还是 <b
                    class="text-red">千分单位</b><br/>
            比如商户原来是2.3%，这个通道支付需要上浮0.2%,那么请输入2，如果需要上浮1个点，请输入10
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">上浮费率</label>
            <div class="layui-input-inline" style="width: 100px;">
                <input type="number" name="up_ratio" lay-verify="rq|number" value="0" autocomplete="off"
                       class="layui-input"/>
            </div>
            <div class="layui-form-mid layui-word-aux">单位：千分，例如1%，请输入10，0.6%请输入6，上浮的的费率</div>
        </div>


        <div class="layui-form-item">
            <label class="layui-form-label">适用客户端</label>
            <div class="layui-input-block">
                <select name="client_type">
                    @if(count($pay_client)>0)
                        @foreach ($pay_client as $k=>$v)
                            <option value="{{ $k }}">{{ $v }}</option>

                        @endforeach
                    @endif
                </select>
            </div>
        </div>

        <div class="layui-form-item layui-form-text" id="whiteip">
            <label class="layui-form-label">回调白名单(多个用英文逗号隔开)</label>
            <div class="layui-input-block">
                <textarea name="whiteip" class="layui-textarea" id="" cols="30" rows="5"></textarea>
            </div>
        </div>

        <div id="gatewayCert">
            <div class="layui-form-item layui-form-text-border">
                <label class="layui-form-label">公钥证书类型</label>
                <div class="layui-input-block" style="background: #ffff">
                    <input type="radio" name="cert_pub_type" value="2" title="文件" lay-filter="cert_pub">
                    <input type="radio" name="cert_pub_type" value="1" title="文本" checked lay-filter="cert_pub">
                </div>
            </div>
            <div class="typeCertPub">
                <div class="layui-form-item layui-form-text" id="pub1">
                    <label class="layui-form-label">支付公钥</label>
                    <div class="layui-input-block">
                        <textarea name="cert_pub" class="layui-textarea" id="" cols="30" rows="5"></textarea>
                    </div>
                </div>
                <div id="pub2" style="display: none"
                     class=" layui-form-item insert_upload_pub layui-form-text layui-form-text-border"
                     data-type="file" accept_type="file">
                    <label class="layui-form-label">上传公钥</label>
                    <div class="layui-input-block ">
                        <div class="layui-upload-drag upload-event" style="display: show">
                            <i class="layui-icon"></i>
                            <p>点击上传，或将文件拖拽到此处</p>
                        </div>
                        <input class="layui-upload-file" type="file" accept="undefined"
                               name="file">
                    </div>
                    <div class="layui-input-inline" style="display: none">
                        <input type="text" name="cert_pub2" value=""
                               class="upload_input layui-input"><a
                                href="javascript:"
                                class="upload-close layui-icon layui-icon-close "></a><img
                                src="{{ ____('file.jpg') }}" alt="" class="upload_img"
                                style="max-height: 148px;">
                    </div>
                </div>
            </div>

            <div class="layui-form-item layui-form-text-border">
                <label class="layui-form-label">私钥证书类型</label>
                <div class="layui-input-block" style="background: #ffff">
                    <input type="radio" name="cert_private_type" value="2" title="上传" lay-filter="cert_private_type">
                    <input type="radio" name="cert_private_type" value="1" title="文本" checked
                           lay-filter="cert_private_type">
                </div>
            </div>
            <div class="typeCertPub2">
                <div class="layui-form-item layui-form-text" id="cert_key1">
                    <label class="layui-form-label">证书私钥</label>
                    <div class="layui-input-block">
                        <textarea name="cert_key" class="layui-textarea" id="" cols="30" rows="5"></textarea>
                    </div>
                </div>
                <div id="cert_key2" style="display: none"
                     class="layui-form-item insert_upload_doc layui-form-text layui-form-text-border"
                     data-type="file" accept_type="file">
                    <label class="layui-form-label">上传二进制私钥</label>
                    <div class="layui-input-block ">
                        <div class="layui-upload-drag upload-event" style="display: show">
                            <i class="layui-icon"></i>
                            <p>点击上传，或将文件拖拽到此处</p>
                        </div>
                        <input class="layui-upload-file" type="file" accept="undefined"
                               name="file">
                    </div>
                    <div class="layui-input-inline" style="display: none">
                        <input type="text" name="cert_key2" value=""
                               class="upload_input layui-input"><a
                                href="javascript:"
                                class="upload-close layui-icon layui-icon-close "></a><img
                                src="{{ ____('file.jpg') }}" alt="" class="upload_img"
                                style="max-height: 148px;">
                    </div>
                </div>
            </div>
            <div class="layui-form-item ">
                <label class="layui-form-label">是否沙箱</label>
                <div class="layui-input-inline ">
                    <input type="checkbox" value="1" name="is_dev" lay-skin="switch"
                           lay-filter="component-form-switchTest"
                           lay-text="是的|否">
                </div>
                <div class="layui-form-mid layui-word-aux">沙箱：调试账号,正式上线的项目，请不要使用。</div>
            </div>
        </div>


        <div class="layui-form-item">
            <label class="layui-form-label">排序</label>
            <div class="layui-input-block">
                <input type="number" name="sort" lay-verify="" value="0" autocomplete="off" class="layui-input"/>
            </div>
        </div>


        <div class="layui-form-item layui-hide">

            <button class="layui-btn" lay-submit lay-filter="LAY-form-submit" id="LAY-form-submit">提交</button>
        </div>
    </div>



@endsection
@section('add_js')

    <script>

        layui.use(['index', 'form', 'verify', 'custorm'], function () {

            var $ = layui.$
                , custorm = layui.custorm
                , form = layui.form;
            custorm.upload_one(".insert_upload_logo");
            custorm.upload_one(".insert_upload_doc", 'file');

            custorm.upload_one(".insert_upload_pub", 'file');

            function bank(val){
                $("#appGateway,#gatewayCert").hide();
                $("#appGateway input,#gatewayCert input").each(function () {
                    $(this).attr('lay-verify-bf', $(this).attr('lay-verify'));
                    $(this).attr('lay-verify', '');
                })
                $("#appGatewayEwm input").each(function () {
                    var nameinput = $(this).attr('name');
                    $(this).attr('lay-verify', $(this).attr('lay-verify-bf'));


                })
                if (val != 'tr_bank2') {
                    $("[name='bank_name']").attr('lay-verify', '');
                    $('#appGatewayEwm .url').show()
                    $('.insert_upload_logo').show()
                } else {
                    $('#appGatewayEwm .url').hide()
                    $('.insert_upload_logo').hide()
                }
                $("#appGatewayEwm").show();
            }


            function notbank(){
                $("#appGateway,#gatewayCert").show();
                $("#appGatewayEwm").hide();
                $("#appGateway input,#gatewayCert input").each(function () {
                    //$(this).attr('lay-verify-bf',$(this).attr('lay-verify'));
                    $(this).attr('lay-verify', $(this).attr('lay-verify-bf'));
                })
                $("#appGatewayEwm input").each(function () {

                    $(this).attr('lay-verify-bf', $(this).attr('lay-verify'));
                    $(this).attr('lay-verify', '');

                })
                $("[name='thumb']").attr('lay-verify', '');
            }
            let select=$("select[name='ename'] option:selected").val()

            if(['tr_weixin','tr_alipay','tr_bank2','tr_bank','tr_wxal','tr_wxalbank'].includes(select)){
                bank(select)
            }else {
                notbank()
            }

            form.on('select(ename)', function (data) {
                if (['tr_weixin', 'tr_alipay', 'tr_bank2', 'tr_bank', 'tr_wxal', 'tr_wxalbank'].includes(data.value)) {
                // if (data.value == 'tr_weixin' || data.value == 'tr_alipay' || data.value == 'tr_bank' || data.value == 'tr_bank2' || data.value == 'tr_wxal' || data.value == 'tr_wxalbank') {
                    bank(data.value)
                } else {
                    notbank()
                }
            });


            form.on('radio(cert_pub)', function (data) {

                if (data.value == 1) {
                    $("#pub2").hide();
                    $("#pub1").show();
                } else {
                    $("#pub2").show();
                    $("#pub1").hide();
                }
            });
            form.on('radio(cert_private_type)', function (data) {
                if (data.value == 1) {
                    $("#cert_key2").hide();
                    $("#cert_key1").show();
                } else {
                    $("#cert_key2").show();
                    $("#cert_key1").hide();
                }
            });

        });
    </script>
@endsection