static

kpi-director-level.html 4.0KB

    <!DOCTYPE html> <html lang="en"> <head> <title>分公司KPI指标完成情况</title> {%>template/common/Head.html%} <script src="biz/js/kpi-director-level.js"></script> </head> <body class="pages-kpi-details"> <input type="hidden" id="DIRECTOR_4ACODE" value="{%DIRECTOR_4ACODE%}"> <input type="hidden" id="KPI_ID" value="{%KPI_ID%}"> <input type="hidden" id="KPI_NAME" value="{%KPI_NAME%}"> <input type="hidden" id="KPI_TARGET" value="{%KPI_TARGET%}"> <input type="hidden" id="KPI_COMPLETION" value="{%KPI_COMPLETION%}"> <input type="hidden" id="KPI_COMPLETIONRATIO" value="{%KPI_COMPLETIONRATIO%}"> <div class="ipu-flex-row ipu-flex-vertical"> <div class="ipu-flex-col"> <div class="ipu-toolbar"> <a class="ipu-fn-left link-back ipu-flex ipu-flex-align-center" href="javascript:;" id="back"> <div class="left-back"></div> </a> <h1 class="ipu-toolbar-title">楼宇主管KPI指标完成情况</h1> </div> </div> <div class="ipu-flex-col ipu-flex-col-auto common-border-top"> <div class="income-outline"> <div class="income-normal-title ipu-flex ipu-flex-align-center"> <div>完成概况</div> </div> <div class="income-analysis-table"> <div class="income-analysis-chart"></div> <div class="circle-center-text ipu-flex ipu-flex-vertical ipu-flex-align-center ipu-fn-hide"> <div>完成率</div> <div>0</div> </div> <div class="building-storage income-chart-value"><span></span><span>万</span></div> <div class="building-added income-chart-value"><span></span><span>万</span></div> </div> </div> <div class="divide-area" style="height: .08rem;"></div> <div class="income-rank"> <!--分公司--> <div class="first-level-department-data"> <div class="income-rank-header" style="padding:.2rem"> <div class="income-normal-title">楼宇经理完成情况</div> </div> <div class="page-content"> <div> <ul class="income-rank-list"> </ul> </div> <div class="no-result-msg ipu-fn-p ipu-txt-center ipu-fn-hide"> 暂无记录 </div> </div> </div> </div> </div> </div> </body> <script id="kpi-item" type="text/template"> {{if kpiList.length>0}} {{each kpiList item index}} <li class="income-rank-item-director ipu-flex ipu-flex-align-center" data-json="{{item|jsonToStr}}"> <div class="income-rank-number ipu-flex ipu-flex-justify-end ipu-flex-align-center"> {{if index == 0}} <div class="rank-medal rank-medal-first"></div> {{else if index == 1}} <div class="rank-medal rank-medal-second"></div> {{else if index == 2}} <div class="rank-medal rank-medal-third"></div> {{else if index > 8}} <div class="rank-number">{{index+1}}</div> {{else}} <div class="rank-number">0{{index+1}}</div> {{/if}} </div> <div class="income-rank-item-content ipu-flex-grow-1 ipu-flex ipu-flex-align-center"> <img class="manager-avatar" src="http://211.136.64.133/resources/bluepage/a/{{item.BUILDING_MANAGER_4ACODE}}_A.jpg"/> <div class="item-person-name ipu-flex-grow-1">{{item.BUILDING_MANAGER_NAME}}</div> <div class="item-count">{{item.COUNT}}万</div> {{if item.EXT1 == "0"}} <div class="kpi-percent" style="color: #6389ee;">(未设置)</div> {{else}} <div class="kpi-percent">({{item.EXT2}}%)</div> {{/if}} <div class="item-arrow-right"></div> </div> </li> {{/each}} {{/if}} </script> </html>