{extend name="Public/base" /}
{block name="css"}
<link rel="stylesheet" href="__PUBLIC__/item/css/layui.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/customer.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/set.css?v={$Think.const.APP_VERSION}">
<style>
    .erp-set-wrap{
        overflow: inherit;
    }
    .erp-set-wrap .layui-inline{
        width: 100%;
        margin-bottom: 15px;
    }
    .erp-set-wrap .layui-input-block{
        display: inline-block;
        margin-left: 0;
    }
    .erp-set-wrap span.layui-btn{
        margin-top: -3px;
    }
    .jscolor{
        height: 30px;
        line-height: 1.3;
        background-color: #fff;
        border-radius: 2px;
        font-size: 12px;
        color: #313131;
        display: block;
        width: 100%;
        padding-left: 10px;
        border:1px solid #D2D2D2 !important;
    }
    .layui-form-checkbox{
        margin-bottom:10px;
    }
    .set-contain {
        width: 100%;
        border-bottom: 0 !important;
    }
    .cus-con{
	    text-align: center;
	    margin-top: 200px;
    }
</style>
{/block}
{block name="js"}
<script type="text/javascript" src="__PUBLIC__/js/jscolor.js?v={$Think.const.APP_VERSION}"></script>
<script>
    $(function(){
        // $(".nul_bli").eq(6).find(".navb").addClass("active");
        // $(".navb.active").parent().find(".nul_s .nul_sli").eq(22).find(".navs").addClass("active");
    })
</script>
{/block}
{block name="main"}
{notempty name="$hint"}
<div class="if_wrap">
    <div class="cus-con">
	<div class="error-logo"><img src="/img/error-img.png" alt=""></div>
        <div class="error-tit">{$hint}</div>
    </div>
</div>
{else /}
<div class="top">
    <!-- <div class="top-logo"></div> -->
    <div class="top-logo" {if $md5}style='background: url("__PUBLIC__/bigscreennew/img/{$md5}.png") no-repeat left top;background-size: auto 100%;'{/if}></div>
    <div class="top-title">
        <div class="cell">
            <div>{$title}  【电商战报大屏】</div>
            <div id="Timer" class="top-time"></div>
        </div>
        <!-- <div class="top-right">
            <div class="top-block">
                <span class="top-name">总客资：</span>
                <span class="top-data" id="total_cus"></span>
            </div>
            <div class="top-block">
                <span class="top-name">总新单：</span>
                <span class="top-data" id="total_order"></span>
            </div>
        </div> -->
    </div>
</div>
<div class="con">
    <div class="bs-left">
        <div class="left-top">
            <ul class="top-tab clearfloat">
                <li bid="0" class="active">集团</li>
                {volist name="baseBrand" id="vo"}
                    <li bid="{$vo.brandclass_id}">{$vo.nickname}</li>
                {/volist}
            </ul>
            <div class="data-show">
                <ul class="data-ul">
                    <li>
                        <div class="data-tit">实时数据</div>
                        <div class="data-row">
                            <span class="lab-name">推广费用：</span><span class="lab-num" id="cost"></span>
                        </div>
                        <!-- <div class="data-row">
                            <span class="lab-name">其他费用：</span><span class="lab-num" id="another"></span>
                        </div>
                        <div class="data-row">
                            <span class="lab-name">花费合计：</span><span class="lab-num" id="total_cost"></span>
                        </div> -->
                        <div class="data-row">
                            <span class="lab-name">总&nbsp;&nbsp;获&nbsp;&nbsp;取：</span><span class="lab-num" id="allCus"></span>
                        </div>
                        <div class="data-row">
                            <span class="lab-name">有效获取：</span><span class="lab-num" id="validCustomer"></span>
                        </div>
                        <div class="data-row">
                            <span class="lab-name">获取成本：</span><span class="lab-num" id="validObtail"></span>
                        </div>
                        <div class="data-row">
                            <span class="lab-name">网络进客：</span><span class="lab-num" id="intoCustomer"></span>
                        </div>
                        <div class="data-row">
                            <span class="lab-name">网络新单：</span><span class="lab-num" id="orderCustomer"></span>
                        </div>
                        <div class="data-row">
                            <span class="lab-name">网络营收：</span><span class="lab-num" id="money"></span>
                        </div>
                        <div class="data-row">
                            <span class="lab-name">成&nbsp;&nbsp;交&nbsp;&nbsp;率：</span><span class="lab-num"id="succRate"></span>
                        </div>
                        <div class="data-row">
                            <span class="lab-name">毛客资转化率：</span><span class="lab-num"id="allCusRate"></span>
                        </div>
                    </li>
                    <li>
                        <div class="data-tit">转化漏斗（日）</div>
                        <div id="dayChangeRate" class="top-chart"></div>
                        <div class="topCharBtm" id="dayChangeRateData">日转化率:</div>
                    </li>
                    <li>
                        <div class="data-tit">转化漏斗（月）</div>
                        <div id="monthChangeRate" class="top-chart"></div>
                        <div class="topCharBtm" id="monthChangeRateData">日转化率:</div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="left-bottom">
            <div class="btm-char">
                <div class="btm-tit">本月毛客资量走势</div>
                <div id="monthCustomerNumber" class="btm-chart"></div>
            </div>
            <div class="btm-char">
                <div class="btm-tit">本月网销邀约量走势</div>
                <div id="monthIntoNumber" class="btm-chart"></div>
            </div>
            <div class="btm-char">
                <div class="btm-tit">本月网络新单量走势</div>
                <div id="monthNewOrderNumber" class="btm-chart"></div>
            </div>
            <div class="btm-char">
                <div class="btm-tit">本月转化率（新单/有效获取）走势</div>
                <div id="monthOrderRateNumber" class="btm-chart"></div>
            </div>
        </div>
    </div>

    <div class="bs-right">
        <div class="data-table">
            <div class="table-tit"><span>毛客资日排名</span></div>
            <div class="table-wrap" id="brandDayNew"></div>
        </div>
        <div class="data-table">
            <div class="table-tit"><span>有效客资日排名</span></div>
            <div class="table-wrap" id="brandDayValid"></div>
        </div>
        <div class="data-table">
            <div class="table-tit"><span>网销邀约日排名</span></div>
            <div class="table-wrap" id="brandDayInto"></div>
        </div>
       <div class="data-table">
            <div class="table-tit"><span>网销新单日排名</span></div>
            <div class="table-wrap" id="brandDayOrder"></div>
        </div>
    </div>
</div>
<div class="bottom">
    {if $md5}
        <img class="btm-logo" src="__PUBLIC__/bigscreennew/img/{$md5}-btm.png" alt="" />
    {else /}
        <img class="btm-logo" src="__PUBLIC__/bigscreennew/img/logo-btm.png" alt="" />
    {/if}
</div>
{/notempty}
{/block}