<script src="${base.contextPath}/resources/hls/hlsComponent/javascript/hls-component.js" type="text/javascript"></script>
<style>
    .HlsQueryTab_main_first_title{
        height:50px;
        background:white;
        box-shadow: 3px 3px 3px rgb(204,204,204);
        border-radius: 5px;
        width: 270px;
    }
    .HlsQueryTab_main_first_title img{
        width:23px;
        height:23px;
        display:inline-block;
        margin-left:10px;
    }
    .HlsQueryTab_main_first_title input{
        border:none;
        width:232px;
        height:50px;
    }

</style>

    <div  id="${id}" style="position: relative">
        <div class="HlsQueryTab_main_first_title">

            <img onclick="${itemSelectFunction}()" src="${inputImage}"/>
            <input type="text" style="border:none;background-color: white;" id="${id}_testInput"
                   placeholder="请输入商业伙伴编号或商业伙伴名称"/>

        </div>
        <div id="${id}_query"></div>
    </div>
<script>
    var itemSelectFunction = function () {
debugger
        ${itemSelectFunction}(${id}_testInput);
    };
    var config = ${config};
    config.contextPath = "${base.contextPath}";
    config.itemSelectFunction = itemSelectFunction;
    ${id} = new HlsQueryTab();
    ${id}._init(config);

</script>