erp_yzx/app/admin/view/payment_channel/edit.html

{include file='common/_js_css'}

<div class="lyear-layout-web">
    <div class="lyear-layout-container">
        <!--页面主要内容-->
        <main>
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-body">
                                <form class="layui-form">

                                    <input name="id" value="{$channel.id}" hidden>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">{:lang("Name")}</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="name" value="{$channel.name}" lay-verify="required" lay-reqtext="{:lang('Please fill in')}" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">{:lang("Icon")}</label>
                                        <div class="layui-input-block">
                                            <button type="button" class="layui-btn" id="upload_img">
                                                <i class="layui-icon">&#xe67c;</i>{:lang("Upload")}
                                            </button>
                                            <input class="image_input" name="icon" value="{$channel.icon}" lay-verify="required" lay-reqtext="{:lang('Please upload pictures.')}" autocomplete="off" class="layui-input" hidden>
                                        </div>
                                        <div class="layui-input-block" style="top: 3px">
                                            <img class="img_view" src="{$channel.icon}" style="height: 200px;width: 250px">
                                        </div>
                                    </div>


                                    <div class="layui-form-item">
                                        <label class="layui-form-label">{:lang('Is upload code')}</label>
                                        <div class="layui-input-block">
                                            <select name="is_upload_code" lay-filter="required">
                                                <option value="0" {if $channel.is_upload_code == 0} selected {/if}>{:lang("No")}</option>
                                                <option value="1" {if $channel.is_upload_code == 1} selected {/if}>{:lang("Yes")}</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label">{:lang('Type')}</label>
                                        <div class="layui-input-block">
                                            <select name="type" lay-filter="type">
                                                <option value="1" {if $channel.type == 1} selected {/if}>{:lang("Default")}</option>
                                                <option value="2" {if $channel.type == 2} selected {/if}>{:lang("Zue Coin Setting")}</option>
                                                <option value="3" {if $channel.type == 3} selected {/if}>{:lang("Credit Card Setting")}</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="layui-form-item zue-coin" {if $channel.type == 1 ||  $channel.type == 3} hidden {/if}>
                                        <label class="layui-form-label">{:lang("Zue Coin Exchange Rate")}</label>
                                        <div class="layui-input-block">
                                            <input type="number" value="{$channel.zue_coin_exchange_rate}" name="zue_coin_exchange_rate" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-form-item zue-coin" {if $channel.type == 1 ||  $channel.type == 3} hidden {/if}>
                                        <label class="layui-form-label">{:lang("Zue Coin Consume Rate")}</label>
                                        <div class="layui-input-block">
                                            <input type="number" value="{$channel.zue_coin_consume_rate}" name="zue_coin_consume_rate" class="layui-input">
                                        </div>
                                    </div>


                                    <div class="layui-form-item credit_card" {if $channel.type == 1 ||  $channel.type == 2} hidden {/if}>
                                        <label class="layui-form-label">{:lang('Setting')}</label>
                                        <div class="layui-input-block">
                                            <a class="btn btn-primary m-r-5" href="#!" onclick="add_setting()"><i class="mdi mdi-plus"></i> {:lang('add')} {:lang("Setting")}</a>
                                        </div>
                                    </div>
                                    <div class="layui-form-item credit_card" {if $channel.type == 1 ||  $channel.type == 2} hidden {/if}>
                                        <label class="layui-form-label"></label>
                                        <div class="layui-input-block">
                                            <div class="table-responsive">
                                                <table class="table table-bordered">
                                                    <thead>
                                                    <tr>
                                                        <th>{:lang("ID")}</th>
                                                        <th>{:lang("Is stage")}</th>
                                                        <th>{:lang("Bank")}</th>
                                                        <th>{:lang('stage_6')}</th>
                                                        <th>{:lang('stage_9')}</th>
                                                        <th>{:lang('stage_12')}</th>
                                                        <th>{:lang('stage_24')}</th>
                                                        <th>{:lang('stage_36')}</th>
                                                        <th>{:lang('operation')}</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody id="setting_table">
                                                        {volist name="$channel.relation" id="item"}
                                                        <tr id="{$item.id}">
                                                            <td>
                                                                <input type="text" name="config_id[]" value="{$item.id}" disabled class="layui-input">
                                                            </td>
                                                            <td>
                                                                <input type="checkbox" name="is_stage[]" lay-skin="switch"  lay-text="ON|OFF" {if $item.is_stage == 1} checked {/if}>
                                                            </td>
                                                            <td>
                                                                <input type="text" value="{$item.bank}" name="bank[]" placeholder="{:lang('Please fill in')}" class="layui-input" style="width: 100px">
                                                            </td>
                                                            <td>
                                                                <div class="layui-form-item" style="margin-bottom: 0px">
                                                                    <label class="layui-form-label">{:lang("Switch")}</label>
                                                                    <div class="layui-input-block">
                                                                        <input type="checkbox"  name="stage_6_switch[]" lay-skin="switch" lay-text="ON|OFF" {if $item.stage_6[0] == 1} checked {/if}>
                                                                    </div>
                                                                </div>
                                                                <div class="layui-form-item" style="margin-bottom: 0px">
                                                                    <label class="layui-form-label">{:lang("Fee")}(%)</label>
                                                                    <div class="layui-input-block">
                                                                        <input type="number" value="{$item.stage_6[1]}" name="stage_6_fee_rate[]" class="layui-input">
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="layui-form-item" style="margin-bottom: 0px">
                                                                    <label class="layui-form-label">{:lang("Switch")}</label>
                                                                    <div class="layui-input-block">
                                                                        <input type="checkbox" name="stage_9_switch[]" lay-skin="switch" lay-text="ON|OFF" {if $item.stage_9[0]} checked {/if}>
                                                                    </div>
                                                                </div>
                                                                <div class="layui-form-item" style="margin-bottom: 0px">
                                                                    <label class="layui-form-label">{:lang("Fee")}(%)</label>
                                                                    <div class="layui-input-block">
                                                                        <input type="number" value="{$item.stage_9[1]}" name="stage_9_fee_rate[]" class="layui-input">
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="layui-form-item" style="margin-bottom: 0px">
                                                                    <label class="layui-form-label">{:lang("Switch")}</label>
                                                                    <div class="layui-input-block">
                                                                        <input type="checkbox" name="stage_12_switch[]" lay-skin="switch" lay-text="ON|OFF" {if $item.stage_12[0]} checked {/if}>
                                                                    </div>
                                                                </div>
                                                                <div class="layui-form-item" style="margin-bottom: 0px">
                                                                    <label class="layui-form-label">{:lang("Fee")}(%)</label>
                                                                    <div class="layui-input-block">
                                                                        <input type="number" value="{$item.stage_12[1]}" name="stage_12_fee_rate[]" class="layui-input">
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="layui-form-item" style="margin-bottom: 0px">
                                                                    <label class="layui-form-label">{:lang("Switch")}</label>
                                                                    <div class="layui-input-block">
                                                                        <input type="checkbox" name="stage_24_switch[]" lay-skin="switch" lay-text="ON|OFF" {if $item.stage_24[0]} checked {/if}>
                                                                    </div>
                                                                </div>
                                                                <div class="layui-form-item" style="margin-bottom: 0px">
                                                                    <label class="layui-form-label">{:lang("Fee")}(%)</label>
                                                                    <div class="layui-input-block">
                                                                        <input type="number" value="{$item.stage_24[1]}" name="stage_24_fee_rate[]" class="layui-input">
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="layui-form-item" style="margin-bottom: 0px">
                                                                    <label class="layui-form-label">{:lang("Switch")}</label>
                                                                    <div class="layui-input-block">
                                                                        <input type="checkbox" name="stage_36_switch[]" lay-skin="switch" lay-text="ON|OFF" {if $item.stage_36[0]} checked {/if}>
                                                                    </div>
                                                                </div>
                                                                <div class="layui-form-item" style="margin-bottom: 0px">
                                                                    <label class="layui-form-label">{:lang("Fee")}(%)</label>
                                                                    <div class="layui-input-block">
                                                                        <input type="number" value="{$item.stage_36[1]}" name="stage_36_fee_rate[]" class="layui-input">
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <a class="btn btn-xs btn-default" href="#!" title="{:lang('delete')}" data-toggle="tooltip" onclick="del('{$item.id}')"><i class="mdi mdi-window-close"></i></a>
                                                            </td>
                                                            {/volist}
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button type="submit" class="layui-btn" lay-submit="" lay-filter="caviar_submit_btn">{:lang('Submit')}</button>
                                            <button type="reset" class="layui-btn layui-btn-primary">{:lang("Reset")}</button>
                                        </div>
                                    </div>
                                </form>

                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </main>
        <!--End 页面主要内容-->
    </div>
</div>
<script>
    let _index = 10000000;
    function del(id) {
        request('{:url("admin/payment_channel/delete_config")}', {ids:id.toString()}).then((res) => {
            if(res.code === 200) {
                $(`#${id}`).remove();
            } else {
                layer.msg(res.message,{icon: 5});
            }
        })
    }

    function add_setting() {
        $("#setting_table").append(`<tr id="${_index}">
                                                            <td>

                                                            </td>
                                                            <td>
                                                                <input type="checkbox" name="is_stage[]" lay-skin="switch"  lay-text="ON|OFF">
                                                            </td>
                                                            <td>
                                                                <input type="text" value="Bank" name="bank[]" placeholder="{:lang('Please fill in')}" class="layui-input" style="width: 100px">
                                                            </td>
                                                            <td>
                                                                <div class="layui-form-item" style="margin-bottom: 0px">
                                                                    <label class="layui-form-label">{:lang("Switch")}</label>
                                                                    <div class="layui-input-block">
                                                                        <input type="checkbox" name="stage_6_switch[]" lay-skin="switch" lay-text="ON|OFF">
                                                                    </div>
                                                                </div>
                                                                <div class="layui-form-item" style="margin-bottom: 0px">
                                                                    <label class="layui-form-label">{:lang("Fee")}(%)</label>
                                                                    <div class="layui-input-block">
                                                                        <input type="number" value="0" name="stage_6_fee_rate[]" class="layui-input">
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="layui-form-item" style="margin-bottom: 0px">
                                                                    <label class="layui-form-label">{:lang("Switch")}</label>
                                                                    <div class="layui-input-block">
                                                                        <input type="checkbox" name="stage_9_switch[]" lay-skin="switch" lay-text="ON|OFF">
                                                                    </div>
                                                                </div>
                                                                <div class="layui-form-item" style="margin-bottom: 0px">
                                                                    <label class="layui-form-label">{:lang("Fee")}(%)</label>
                                                                    <div class="layui-input-block">
                                                                        <input type="number" value="0" name="stage_9_fee_rate[]" class="layui-input">
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="layui-form-item" style="margin-bottom: 0px">
                                                                    <label class="layui-form-label">{:lang("Switch")}</label>
                                                                    <div class="layui-input-block">
                                                                        <input type="checkbox" name="stage_12_switch[]" lay-skin="switch" lay-text="ON|OFF">
                                                                    </div>
                                                                </div>
                                                                <div class="layui-form-item" style="margin-bottom: 0px">
                                                                    <label class="layui-form-label">{:lang("Fee")}(%)</label>
                                                                    <div class="layui-input-block">
                                                                        <input type="number" value="0" name="stage_12_fee_rate[]" class="layui-input">
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="layui-form-item" style="margin-bottom: 0px">
                                                                    <label class="layui-form-label">{:lang("Switch")}</label>
                                                                    <div class="layui-input-block">
                                                                        <input type="checkbox" name="stage_24_switch[]" lay-skin="switch" lay-text="ON|OFF">
                                                                    </div>
                                                                </div>
                                                                <div class="layui-form-item" style="margin-bottom: 0px">
                                                                    <label class="layui-form-label">{:lang("Fee")}(%)</label>
                                                                    <div class="layui-input-block">
                                                                        <input type="number" value="0" name="stage_24_fee_rate[]" class="layui-input">
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="layui-form-item" style="margin-bottom: 0px">
                                                                    <label class="layui-form-label">{:lang("Switch")}</label>
                                                                    <div class="layui-input-block">
                                                                        <input type="checkbox" name="stage_36_switch[]" lay-skin="switch" lay-text="ON|OFF">
                                                                    </div>
                                                                </div>
                                                                <div class="layui-form-item" style="margin-bottom: 0px">
                                                                    <label class="layui-form-label">{:lang("Fee")}(%)</label>
                                                                    <div class="layui-input-block">
                                                                        <input type="number" value="0" name="stage_36_fee_rate[]" class="layui-input">
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <a class="btn btn-xs btn-default" href="#!" title="{:lang('delete')}" data-toggle="tooltip" onclick="del(${_index})"><i class="mdi mdi-window-close"></i></a>
                                                            </td>
                                                        </tr>`);
        _index += 1;
        layui.form.render()
    }
    layui.use(['form','upload'], () => {
        const form = layui.form;

        const upload = layui.upload;


        form.on('select(type)',function (data) {
            const value = data.value;
            console.log(value)
            switch (value) {
                case "1":
                    $('.zue-coin').css('display','none');
                    $('.credit_card').css('display','none');
                    break;
                case "2":
                    $(".zue-coin").css('display','block');
                    $('.credit_card').css('display','none');
                    break;
                case "3":
                    $('.credit_card').css('display','block');
                    $('.zue-coin').css('display','none');
                    break;
            }
        });

        //执行实例
        upload.render({
            elem: '#upload_img' //绑定元素
            ,url: '/admin/payment_channel/upload'
            ,done: function(res){
                console.log(res);
                if(res.code === 200) {
                    $(".image_input").attr("value", res.data);
                    $(".img_view").attr('src', res.data)
                    $('.img_view').css('display','block');
                } else {
                    layer.message(res.message, {icon: 5});
                }
                return false;
            }
            ,error: function(){
                //请求异常回调
            }
        });

        form.on('submit(caviar_submit_btn)', (data) =>{
            const response = request('/admin/payment_channel/edit',data.field)
            response.then((res) => {
                console.log(res);
                res.code === 200 ? layer.msg("{:lang('Succeed')}", {icon: 1,time:500},() => {
                    parent.location.reload();
                }) : layer.msg(res.message,{icon: 5})
            })
            return false;
        });

    });
</script>