{extend name="app/shop/view/base.html"/}
{block name="resources"}
<style>
    .tips-wrap a {
        color: #fb6638;
        background: transparent;
        text-decoration: none;
        outline: none;
        cursor: pointer;
        -webkit-transition: color .2s ease;
        transition: color .2s ease;
    }
    .desc{
        margin-bottom: 15px;border:1px dashed #ff8143;padding: 5px 10px;background: #fff0e9;color: #ff8143;width: 65%;
    }
</style>
{/block}
{block name="main"}
<div class="layui-form">
    <div class="layui-card card-common card-brief">
        <div class="layui-card-header">
            <span class="card-title">电子面单设置</span>
        </div>
        <div class="layui-collapse tips-wrap cainiao">
            <div class="layui-colla-item">
                <h2 class="layui-colla-title">使用说明</h2>
                <ul class="layui-colla-content kdniao">
                    <li>1.注册菜鸟账号 <a href="https://lcp.cloud.cainiao.com/permission/index" target="_blank">https://lcp.cloud.cainiao.com/permission/index</a> 在三方授权管理 搜索服务商发布的应用，点击授权，查看授权获取token。</li>
                    <li>2. 前往<a href="https://dayin.cainiao.com" target="_blank"> https://dayin.cainiao.com </a> 添加订购关系。</li>
                </ul>
            </div>
        </div>
        <div class="layui-card-body">
<!--            <div class="desc">-->
<!--                1. 注册快递鸟ID。<br>-->
<!--                2. 实名认证。<br>-->
<!--                3. 申请电子面单API：在快递鸟用户管理后台&#45;&#45;申请API页面，点击申请电子面单API。<br>-->
<!--                4. 将快递鸟用户ID以及API key填入以下表单。-->
<!--            </div>-->
            <div class="layui-form-item">
                <label class="layui-form-label">类型选择：</label>
                <div class="layui-input-inline">
                    <input type="radio" name="type" value="kdniao" title="快递鸟" {if $config_info.type == 'kdniao'} checked="" {/if} lay-filter="type">
                    <input type="radio" name="type" value="kdzhushou" title="快递助手"  {if $config_info.type == 'kdzhushou'} checked="" {/if} lay-filter="type">
<!--                    <input type="radio" name="type" value="cainiao" title="菜鸟"  {if $config_info.type == 'cainiao'} checked="" {/if} lay-filter="type">-->
                </div>
            </div>

            <div class="layui-form-item config-item kdniao" {if $config_info.type !='kdniao'} style="display:none;"{/if}>
                <div class="layui-form-item">
                    <label class="layui-form-label">用户ID：</label>
                    <div class="layui-input-inline">
                        <input type="text" name="kdniao_user_id" value="{$config_info.kdniao_user_id}" class="layui-input len-long">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">API key：</label>
                    <div class="layui-input-inline">
                        <input type="text" name="kdniao_api_key" value="{$config_info.kdniao_api_key}" class="layui-input len-long">
                    </div>
                </div>
            </div>
            <div class="layui-form-item config-item kdzhushou" {if $config_info.type !='kdzhushou'} style="display:none;"{/if}>
                <div class="layui-form-item">
                    <label class="layui-form-label">Key：</label>
                    <div class="layui-input-block">
                        <input type="text" name="kdzhushou_Key" placeholder="请输入内容Key" value="{$config_info.kdzhushou_Key ?? ''}" autocomplete="off" class="layui-input len-long">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">Secret：</label>
                    <div class="layui-input-block">
                        <input type="text" name="kdzhushou_Secret" placeholder="请输入内容Secret" value="{$config_info.kdzhushou_Secret ?? ''}" autocomplete="off" class="layui-input len-long">
                    </div>
                </div>
                <div class="word-aux">快递助手应用密钥, <a href="https://open.kdzs.com/" target ="_blank">请到官网申请https://open.kdzs.com/</a></div>
            </div>
            <div class="layui-form-item config-item cainiao" {if $config_info.type !='cainiao'} style="display:none;"{/if}>
                <label class="layui-form-label">token：</label>
                <div class="layui-input-inline">
                    <input type="text" name="cainiao_token" value="{$config_info.cainiao_token}" class="layui-input len-long">
                </div>
            </div>
        </div>
    </div>

  {if $config_info.type !='kdzhushou'}
    <div class="layui-card card-common card-brief" >
        <div class="layui-card-header">
            <span class="card-title">打印机设置</span>
        </div>
        <div class="layui-collapse config-item tips-wrap cainiao">
            <div class="layui-colla-item">
                <h2 class="layui-colla-title">使用说明</h2>
                <ul class="layui-colla-content">
                    <li>1.下载菜鸟组件并安装。下载链接：<a href="http://cloudprint-docs-resource.oss-cn-shanghai.aliyuncs.com/download.html" target="_blank">http://cloudprint-docs-resource.oss-cn-shanghai.aliyuncs.com/download.html</a>。</li>
                    <li>2. 请将打印机连接至本机。</li>
                    <li>3.在下面填写菜鸟组件的地址信息（默认本机打印 ws://localhost:13528）。</li>
                </ul>
            </div>
        </div>
        <div class="layui-card-body config-item kdniao">
            <div class="desc">
                本地打印机名称（供电子面单使用）。<br>
                1. 请将打印机连接至本机。<br>
                2. 在本机上安装打印控件。下载链接：<a href="http://www.kdniao.com/documents-instrument" target="_blank">http://www.kdniao.com/documents-instrument</a>。
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">本地打印机名称：</label>
                <div class="layui-input-inline">
                    <input type="text" name="kdniao_port" value="{$config_info.kdniao_port}" class="layui-input len-long">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">IP端口：</label>
                <div class="layui-input-inline">
                    <input type="text" name="kdniao_port" value="{$config_info.kdniao_port}" class="layui-input len-long">
                </div>
            </div>
        </div>
        <div class="layui-card-body config-item cainiao">
            <div class="layui-form-item">
                <label class="layui-form-label">菜鸟组件IP：</label>
                <div class="layui-input-inline">
                    <input type="text" name="cainiao_ip" value="{$config_info.cainiao_ip}" class="layui-input len-long">
                </div>
            </div>
        </div>
    </div>
  {/if}
	<div class="single-filter-box">
		<div class="form-row">
			<button class="layui-btn" lay-submit lay-filter="save">保存</button>
		</div>
	</div>
</div>

{/block}
{block name="script"}
<script>
    var type = "{$config_info.type}";
    if(type == 'kdniao'){
        $('.kdniao').show();
        $('.cainiao').hide();
    }else if(type == 'cainiao'){
        $('.kdniao').hide();
        $('.cainiao').show();
    }
    layui.use(['form'], function() {
        var form = layui.form,
            repeat_flag = false; //防重复标识
        
        form.render();
        form.verify({
            rate: function(value){
                if(value > 100 || value < 0 || value%1 != 0){
                    return '请填写0-100的整数';
                }
            },
			flo: function (value) {
				if (value == '') {
					return;
				}
				var reg = /^(0|[1-9]\d*)(\s|$|\.\d{1,2}\b)/;
				if (!reg.test(value)) {
					return '价格不能小于0，可保留两位小数！'
				}
			},
            check_num:function(value){
                if($("input[name='min_withdraw']").val() > value){
                    return '最小提现金额不能大于最大提现金额！';
                }
            }
        });

        //类型切换
        form.on('radio(type)', function(data) {
            var type = data.value;
            $(".config-item").hide();
            $("."+type).show();
        });

        form.on('submit(save)', function(data) {
            if (repeat_flag) return;
            repeat_flag = true;

            field = data.field;

            $.ajax({
                type: 'POST',
                dataType: 'JSON',
                url: ns.url("electronicsheet://shop/config/config"),
                data: field,
                success: function(res) {
                    layer.msg(res.message);
					repeat_flag = false;
                    if (res.code == 0) {
                        location.reload();
                    }
                }
            });
        });
    });
</script>
{/block}