<div ng-controller="salestargeconditionController">
    <style>
        .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;
        }
    </style>
    <div id="salestargecondition" style=" height: 190px;">
        <div class="rt-sales-doneamountreport-card">
            <div class="rt-sales-piereport-card">
                <div id="salesamountpiereport" style="width:100%;height:75%;float:left">
                </div>
                <div style="text-align: center;">
                    <p style="margin-bottom: 0px;">
                        <span class="piereport-detaillegend"></span>
                        <span class="piereport-whitetext">达成额：</span>
                        <span class="piereport-redtext">{{vm.done_amount}}</span>
                        <span class="piereport-whitetext">万</span>
                    </p>
                    <p>
                        <span class="piereport-totallegend"></span>
                        <span class="piereport-whitetext">指标总额：</span>
                        <span class="piereport-redtext">{{vm.target_amount}}</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 id="salesqtypiereport" style="width:100%;height:75%;float:left">
                </div>
                <div style="text-align: center;">
                    <p style="margin-bottom: 0px;">
                        <span class="piereport-detaillegend"></span>
                        <span class="piereport-whitetext">达成量：</span>
                        <span class="piereport-redtext">{{vm.done_qty}}</span>
                    </p>
                    <p>
                        <span class="piereport-totallegend"></span>
                        <span class="piereport-whitetext">指标总量：</span>
                        <span class="piereport-redtext">{{vm.target_qty}}</span>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>