<div ng-controller="visitanalysisController">
    <style>
        .rt-sales-mapreport-card {
            height: 300px;
            background-color: rgba(26, 203, 209, 0.1);
            border: 1px solid rgba(26, 203, 209, 0.15);
        }

        .rt-sales-doneamountreport-card {
            float: left;
            width: 49%;
            min-height: 180px;
        }

        .rt-sales-piereport-card {
            height: 190px;
            background-color: rgba(26, 203, 209, 0.1);
            border: 1px solid rgba(26, 203, 209, 0.15);
        }

        .piereport-totallegend {
            width: 10px;
            height: 10px;
            background: rgba(26, 203, 209, 0.3);
            display: inline-block;
            border-radius: 2px;
        }

        .piereport-detaillegend {
            width: 10px;
            height: 10px;
            background: rgba(26, 203, 209, 1);
            display: inline-block;
            border-radius: 2px;
        }

        .piereport-whitetext {
            color: #fff;
            font-size: 10px
        }

        .piereport-redtext {
            color: #e75e6e;
            font-size: 10px;
            font-weight: bold;
        }

        .rt-dashboard-splitline {
            margin-bottom: 10px;
            width: 20px;
            height: 3px;
            margin-left: 40%;
            margin-top: 10px;
            background-color: #1acbd1;
            overflow: hidden;
        }

        .rt-action-total-card {
            width: 50%;
            height: 50%;
            border-right: 1px solid rgba(26, 203, 209, 0.15);
            border-bottom: 1px solid rgba(26, 203, 209, 0.15);
            float: left;
        }

        .rt-action-whitefont {
            font-size: 14px;
            color: #1acbd1;
            text-align: center;
            margin-top: 12%;
        }

        .rt-action-redfont {
            font-size: 18px;
            color: #e75e6e;
            text-align: center;
            font-weight: bold;
        }
    </style>
    <div id="visitanalysis" style="height: 500px;">
        <div class="rt-sales-doneamountreport-card">
            <div class="rt-sales-piereport-card">
                <div id="visitpiereport" style="width:100%;height:75%;float:left">
                </div>
                <div style="text-align: center;">
                    <p style="margin-bottom: 0px;">
                        <span class="piereport-totallegend"></span>
                        <span class="piereport-whitetext">总客户数：</span>
                        <span class="piereport-redtext">{{vm.account_count}}</span>
                        <span class="piereport-whitetext">家</span>
                    </p>
                    <p>
                        <span class="piereport-detaillegend"></span>
                        <span class="piereport-whitetext">覆盖客户数：</span>
                        <span class="piereport-redtext">{{vm.visit_done_count}}</span>
                        <span class="piereport-whitetext">家</span>
                    </p>
                </div>
            </div>

        </div>
        <div class="rt-sales-doneamountreport-card" style="float: right;">
            <div class="rt-sales-piereport-card">
                <div class="rt-action-total-card" style="border-right: 1px solid rgba(26, 203, 209, 0.15);">
                    <p class="rt-action-whitefont">总拜访次数</p>
                    <div class="rt-dashboard-splitline"></div>
                    <p class="rt-action-redfont">{{vm.visit_done_times}}</p>
                </div>
                <div class="rt-action-total-card">
                    <p class="rt-action-whitefont">代表人数</p>
                    <div class="rt-dashboard-splitline"></div>
                    <p class="rt-action-redfont">{{vm.ownercount}}</p>
                </div>
                <div style=" float: left;
                            height: 50%;
                            width: 100%;">
                    <p class="rt-action-whitefont" style="margin-top: 6%;">人均拜访次数</p>
                    <div class="rt-dashboard-splitline"></div>
                    <p class="rt-action-redfont">{{vm.averagevisit}}<a class="rt-action-whitefont" style="margin-left:10px">次/人</a></p>

                </div>
            </div>
        </div>
        <div class="rt-sales-mapreport-card" style="margin-top: 10px;float: left; width: 100%;">
            <div id="visitqtybarreport" style="width:100%;height:100%">
            </div>
        </div>
    </div>
</div>