{extend name="app/shop/view/base.html"/}
{block name="resources"}
<style>
    .input-text span {
        margin-right: 15px;
    }
    .form-wrap {
        margin-top: 0;
    }
    /* 关联供应商 */
    .search-result { border: 1px solid; padding: 15px 30px 15px 15px; display: flex; align-items: center; position: relative;margin-top:10px;border-color: #e5e5e5 !important; }
    .search-res-img { width: 50px; height: 50px; margin-right: 5px; text-align: center; line-height: 50px; }
    .search-res-img img { max-width: 100%; max-height: 100%; }
    .search-res-intro p { line-height: 24px; }
    .search-res-close { position: absolute; top: 5px; right: 5px; }
    .check-member .layui-btn {position: absolute;top: 1px;border-color: #e5e5e5;padding: 0 10px;border-right: 0;border-top: 0;border-bottom: 0;left: 207px;height: 32px;}
    .check-admin .layui-btn {position: absolute;top: 2px;border-color: #e5e5e5;padding: 0 10px;border-right: 0;border-top: 0;border-bottom: 0;left: 207px;height: 31px;}
    .layui-input-block {overflow: hidden;}
</style>
{/block}
{block name="main"}
<div class="layui-form form-wrap">
    <div class="layui-card card-common card-brief">
        <div class="layui-card-header">
            <span class="card-title">供应链</span>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">1688精选采购</label>
            <div class="layui-input-block">
                <input type="checkbox" name="is_supply" value="1" lay-skin="switch" {if condition="$basics_info && $basics_info.is_supply == 1"} checked {/if} />
            </div>
            <div class="word-aux">
                <p>开启后旗下商家可通过1688精选将货品采购售卖</p>
                <p>1688精选 续订1688服务: <a style="color: #1E9FFF;" href="{:addon_url('ali1688://shop/config/basics')}">去订购</a></p>
                <p>供应链市场 <a style="color: #1E9FFF;" href="{:addon_url('supply://shop/market/index')}">去管理</a></p>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">加价模版：</label>
                <div class="layui-input-inline">
                    <select name="template_id" lay-filter="template">
                        {foreach $template_list as $template}
                         <option value="{$template['id']}" {if condition="$basics_info && $basics_info.template_id == $template['id']"}selected{/if}>{$template['title']}</option>
                        {/foreach}
                    </select>
                </div>
            </div>
            <div class="word-aux">
                <p>加价模版: <a style="color: #1E9FFF;" href="{:addon_url('ali1688://shop/template/lists')}">去添加</a></p>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">自动入库</label>
            <div class="layui-input-block">
                <input type="checkbox" name="is_auto_warehousing" value="1" lay-skin="switch" {if condition="$basics_info && $basics_info.is_auto_warehousing == 1"} checked {/if} />
            </div>
            <div class="word-aux">
                <p>自动入库到供应链选品广场中心</p>
                <p>旗下商家搜索关键字商品非自营商品,商家添加采购将自动入库</p>
                <p>供应链市场 <a style="color: #1E9FFF;" href="{:addon_url('supply://shop/market/index')}">选品广场</a></p>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">关联供应商</label>
            <div class="layui-input-block check-member">
                <input type="text" id="search_text" name="search_text" value="{$supplier.title??''}" placeholder="请输入用户名或手机" class="layui-input len-mid member-name" lay-verify='search_text'>
                <button type="button" class="layui-btn layui-btn-primary " onclick="checkSupply()">
                    <i class="layui-icon">&#xe615;</i>
                </button>
                <input type="hidden" name="supplier_id" lay-verify='supplier_id' value="{$basics_info.supplier_id}"/>
            </div>
            <p class="word-aux">关联供应商名称</p>
        </div>
    <div>
    </div>
    <div class="form-row">
        <button class="layui-btn" lay-submit lay-filter="save">保存</button>
        <button class="layui-btn layui-btn-primary" onclick="back()">返回</button>
    </div>
</div>
{/block}
{block name="script"}
<script>
    layui.use('form', function () {
        var form = layui.form;
        var repeat_flag = false; //防重复标识
        form.render();
        /**
         * 监听提交
         */
        form.on('submit(save)', function (data) {
            if (repeat_flag) return false;
            repeat_flag = true;
            $.ajax({
                url: ns.url("saas://shop/supply/config"),
                data: data.field,
                dataType: 'JSON',
                type: 'POST',
                success: function (res) {
                    repeat_flag = false;
                    layer.msg(res.message);
                }
            });
        });
    });

    $('.check-member .layui-input').focus(function (){
        $(this).next('.layui-btn').addClass('border-color');
    }).blur(function () {
        $(this).next('.layui-btn').removeClass('border-color');
    })
    /**
     * 点击搜索
     */
    var repeat_flag_member = false;
    var html, val;

    function checkSupply() {
        var parent = $(".check-member");
        var con = parent.find(".member-name").val();
        $(".layui-word-aux").remove();
        $(".search-result").remove();
        if (repeat_flag_member) return false;
        repeat_flag_member = true;
        if (con == "" || con == null || con.trim() == "") {
            repeat_flag = false;
        } else {
            $.ajax({
                type: 'POST',
                url: ns.url("saas://supply/searchSupply"),
                data: {
                    'search_text': con
                },
                dataType: 'JSON',
                success: function(res) {
                    repeat_flag_member = false;
                    if (res.data == null) {
                        html = '<span class="layui-word-aux">未找到该用户</span>';
                        val = res.data;
                    } else {
                        html = '<div class="search-result layui-input-inline">' +
                            '<div class="search-res-img">' +
                            '<img src="' + ( res.data.logo ? ns.img(res.data.logo) : ns.img("{$default_headimg}")) + '" />' +
                            '</div>' +
                            '<div class="search-res-intro">' +
                            '<p>用户名：' + res.data.title + '</p>' +
                            '<p>电话：' + res.data.supplier_phone + '</p>' +
                            '</div>' +
                            '<div class="search-res-close" onclick="closeMember()">' +
                            '<i class="iconfont iconclose_light"></i>' +
                            '</div>' +
                            '</div>';
                        val = res.data.supplier_id;
                    }
                    $("input[name='supplier_id']").attr("value", val);
                    $(".check-member").append(html);
                }
            });
        }
    }

    function closeMember() {
        $(".search-result").hide();
    }
    function back() {
        location.href = ns.url("saas://shop/manage/lists")
    }
</script>
{/block}