{extend name="app/shop/view/base.html"/}
{block name="resources"}
<style>
    .layui-input-block {overflow: hidden;}
    .ns-check-member .layui-btn {
        position: absolute;
        top: 1px;
        border-color: #e5e5e5;
        padding: 0 10px;
        border-right: 0;
        border-top: 0;
        border-bottom: 0;
        left: 249px;
        height: 32px;
    }
    /* 关联会员 */
    .ns-search-result { border: 1px solid; padding: 15px 30px 15px 15px; display: flex; align-items: center; position: relative;margin-top:10px;border-color: #e5e5e5 !important; }
    .ns-search-res-img { width: 50px; height: 50px; margin-right: 5px; text-align: center; line-height: 50px; }
    .ns-search-res-img img { max-width: 100%; max-height: 100%; }
    .ns-search-res-intro p { line-height: 24px; }
    .ns-search-res-close { position: absolute; top: 5px; right: 5px; }
</style>
{/block}
{block name="main"}
<div class="layui-form">
    <div class="layui-card card-common card-brief">
        <div class="layui-card-header">
            <span class="ns-card-title">绑定店铺</span>
        </div>
        <div class="layui-form-item check-member-box">
            <label class="layui-form-label"><span class="required">*</span>关联店铺：</label>
            <div class="layui-input-block ns-check-member">
                <input type="text" id="search_text" name="search_text" placeholder="请输入店铺名称/手机号/联系人/站点ID" lay-verify="required" class="layui-input len-mid ns-member-name">
                <button type="button" class="layui-btn layui-btn-primary" onclick="checkShop()">
                    <i class="layui-icon">&#xe615;</i>
                </button>
                <input class="site_id" type="hidden"  lay-verify="required"  name="site_id" />
            </div>
            <p class="word-aux">关联店铺后店铺SAAS平台直接管理,请保持搜索标签唯一性</p>
        </div>
        <div class="layui-form-item"></div>
        <div class="layui-form-item"></div>
    </div>
    <div class="form-row">
        <button class="layui-btn bg-color" lay-submit lay-filter="save">保存</button>
        <button class="layui-btn layui-btn-primary" onclick="back()">返回</button>
    </div>
</div>
{/block}
{block name="script"}
<script type="text/javascript" src="SHOP_JS/address.js"></script>
<script>
    layui.use(['form'], function () {
        var form = layui.form, repeat_flag = false;
        /**
         * 监听提交
         */
        form.on('submit(save)', function (data) {
            if (repeat_flag) return;
            repeat_flag = true;
            $.ajax({
                dataType: 'JSON',
                type: 'POST',
                url: location.href,
                data: data.field,
                success: function (res) {
                    if (res.code == 0) {
                        layer.confirm('编辑成功', {
                            title: '操作提示',
                            btn: ['确定'],
                            yes: function () {
                                location.href = ns.url("saasagent://shop/level/agentlevel")
                            }
                        })
                    } else {
                        repeat_flag = false;
                        layer.msg(res.message);
                    }
                }
            });
        });
    });
    function checkShop() {
        var parent = $(".ns-check-member");
        var con = parent.find(".ns-member-name").val();
        $(".layui-word-aux").remove();
        $(".ns-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("saasagent://shop/saas/searchShop"),
                data: {
                    'search_text': con
                },
                dataType: 'JSON',
                success: function(res) {
                    // layer.msg(res.message);
                    repeat_flag_member = false;
                    if (res.data == null) {
                        html = '<span class="layui-word-aux">未找到该用户</span>';
                        val = res.data;
                    } else {
                        html = '<div class="ns-search-result layui-input-inline ns-border-color-gray">' +
                            '<div class="ns-search-res-img">' +
                            '<img src="' + ( res.data.avatar ? ns.img(res.data.avatar) : ns.img("{$default_headimg}")) + '" />' +
                            '</div>' +
                            '<div class="ns-search-res-intro">' +
                            '<p>联系人：' + res.data.contacts_name + '</p>' +
                            '<p>电话：' + res.data.contacts_mobile + '</p>' +
                            '</div>' +
                            '<div class="ns-search-res-close" onclick="closeMember()">' +
                            '<i class="iconfont iconclose_light"></i>' +
                            '</div>' +
                            '</div>';
                        val = res.data.site_id;
                    }
                    $("input[name='web_phone']").val(res.data.contacts_mobile);
                    $(".site_id").attr("value", val);
                    $(".ns-check-member").append(html);
                }
            });
        }
    }
    function closeMember() {
        $(".ns-search-result").hide();
    }
    function back() {
        location.href = ns.url("saasagent://shop/agent/lists")
    }
</script>
{/block}