|
|
@@ -404,8 +404,9 @@ |
|
|
|
</el-date-picker> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div v-if="role!=2"> |
|
|
|
<!-- 卡片部分 --> |
|
|
|
<div class="page-container"> |
|
|
|
<div class="page-container" > |
|
|
|
<div class="pagechen"> |
|
|
|
<div class="pageboxtitle1">新增楼盘数</div> |
|
|
|
<div class="pageboxtitle2"> |
|
|
@@ -501,17 +502,17 @@ |
|
|
|
<div class="pagechen"> |
|
|
|
<div class="pageboxtitle1">接待量</div> |
|
|
|
<div class="pageboxtitle2"> |
|
|
|
<div class="span1">{{sysSec.receptionQuantity || 0}}</div> |
|
|
|
<div class="span1">{{sysSec.receptionCount || 0}}</div> |
|
|
|
<div class="span2"> |
|
|
|
<span class="span2-1"> 环比:{{sysCompare.receptionQuantity || 0}}</span> |
|
|
|
<span class="span2-1"> 环比:{{sysCompare.receptionCount || 0}}</span> |
|
|
|
<!-- <span class="span2-2">{{cardlist.liftlist.prohibitedZb || 0}}%</span> --> |
|
|
|
<span class="span2-2" v-if="orderBy.receptionQuantity>0"> |
|
|
|
<span class="span2-2" v-if="orderBy.receptionCount>0"> |
|
|
|
<i class="el-icon-top" style="color: red;"></i> |
|
|
|
{{orderBy.receptionQuantity || 0}}% |
|
|
|
{{orderBy.receptionCount || 0}}% |
|
|
|
</span> |
|
|
|
<span class="span2-3" v-if="orderBy.receptionQuantity<0"> |
|
|
|
<span class="span2-3" v-if="orderBy.receptionCount<0"> |
|
|
|
<i class="el-icon-bottom" style="color: #25CEBA;"></i> |
|
|
|
{{orderBy.receptionQuantity || 0}}% |
|
|
|
{{orderBy.receptionCount || 0}}% |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@@ -591,6 +592,211 @@ |
|
|
|
<!-- <div class="pagechen1"></div> |
|
|
|
<div class="pagechen1" ></div> --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div v-if="role==2"> |
|
|
|
<!-- 卡片部分 --> |
|
|
|
<div class="page-container" > |
|
|
|
|
|
|
|
<div class="pagechen"> |
|
|
|
<div class="pageboxtitle1">接待量</div> |
|
|
|
<div class="pageboxtitle2"> |
|
|
|
<div class="span1">{{sysSec.receptionCount || 0}}</div> |
|
|
|
<div class="span2"> |
|
|
|
<span class="span2-1"> 环比:{{sysCompare.receptionCount || 0}}</span> |
|
|
|
<!-- <span class="span2-2">{{cardlist.liftlist.prohibitedZb || 0}}%</span> --> |
|
|
|
<span class="span2-2" v-if="orderBy.receptionCount>0"> |
|
|
|
<i class="el-icon-top" style="color: red;"></i> |
|
|
|
{{orderBy.receptionCount || 0}}% |
|
|
|
</span> |
|
|
|
<span class="span2-3" v-if="orderBy.receptionCount<0"> |
|
|
|
<i class="el-icon-bottom" style="color: #25CEBA;"></i> |
|
|
|
{{orderBy.receptionCount || 0}}% |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="pagechen"> |
|
|
|
<div class="pageboxtitle1">有效接待</div> |
|
|
|
<div class="pageboxtitle2"> |
|
|
|
<div class="span1">{{sysSec.customerQuantity || 0}}</div> |
|
|
|
<div class="span2"> |
|
|
|
<span class="span2-1"> 环比:{{sysCompare.customerQuantity || 0}}</span> |
|
|
|
<!-- <span class="span2-2">{{cardlist.liftlist.accountNum || 0}}%</span> --> |
|
|
|
<span class="span2-2" v-if="orderBy.customerQuantity>0"> |
|
|
|
<i class="el-icon-top" style="color: red;"></i> |
|
|
|
{{orderBy.customerQuantity || 0}}% |
|
|
|
</span> |
|
|
|
<span class="span2-3" v-if="orderBy.customerQuantity<0"> |
|
|
|
<i class="el-icon-bottom" style="color: #25CEBA;"></i> |
|
|
|
{{orderBy.customerQuantity || 0}}% |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="pagechen"> |
|
|
|
<div class="pageboxtitle1">无效接待</div> |
|
|
|
<div class="pageboxtitle2"> |
|
|
|
<div class="span1">{{sysSec.invalidCustomer || 0}}</div> |
|
|
|
<div class="span2"> |
|
|
|
<span class="span2-1"> 环比:{{sysCompare.invalidCustomer || 0}}</span> |
|
|
|
<span class="span2-2" v-if="orderBy.invalidCustomer>0"> |
|
|
|
<i class="el-icon-top" style="color: red;"></i> |
|
|
|
{{orderBy.invalidCustomer || 0}}% |
|
|
|
</span> |
|
|
|
<span class="span2-3" v-if="orderBy.invalidCustomer<0"> |
|
|
|
<i class="el-icon-bottom" style="color: #25CEBA;"></i> |
|
|
|
{{orderBy.invalidCustomer || 0}}% |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="pagechen"> |
|
|
|
<div class="pageboxtitle1">接待时长(小时)</div> |
|
|
|
<div class="pageboxtitle2"> |
|
|
|
<div class="span1">{{sysSec.receptionTime || 0}}</div> |
|
|
|
<div class="span2"> |
|
|
|
<span class="span2-1"> 环比:{{sysCompare.receptionTime || 0}}</span> |
|
|
|
<!-- <span class="span2-2">{{cardlist.liftlist.accountNum || 0}}%</span> --> |
|
|
|
<span class="span2-2" v-if="orderBy.receptionTime>0"> |
|
|
|
<i class="el-icon-top" style="color: red;"></i> |
|
|
|
{{orderBy.receptionTime || 0}}% |
|
|
|
</span> |
|
|
|
<span class="span2-3" v-if="orderBy.receptionTime<0"> |
|
|
|
<i class="el-icon-bottom" style="color: #25CEBA;"></i> |
|
|
|
{{orderBy.receptionTime || 0}}% |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="pagechen"> |
|
|
|
<div class="pageboxtitle1">平均接待时长(分钟)</div> |
|
|
|
<div class="pageboxtitle2"> |
|
|
|
<div class="span1">{{sysSec.receptionTimeWithAvg || 0}}</div> |
|
|
|
<div class="span2"> |
|
|
|
<span class="span2-1"> 环比:{{sysCompare.receptionTimeWithAvg || 0}}</span> |
|
|
|
<!-- <span class="span2-2">{{cardlist.liftlist.accountNum || 0}}%</span> --> |
|
|
|
<span class="span2-2" v-if="orderBy.receptionTimeWithAvg>0"> |
|
|
|
<i class="el-icon-top" style="color: red;"></i> |
|
|
|
{{orderBy.receptionTimeWithAvg || 0}}% |
|
|
|
</span> |
|
|
|
<span class="span2-3" v-if="orderBy.receptionTimeWithAvg<0"> |
|
|
|
<i class="el-icon-bottom" style="color: #25CEBA;"></i> |
|
|
|
{{orderBy.receptionTimeWithAvg || 0}}% |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
<div style=" margin-top: 20px;" class="page-container"> |
|
|
|
|
|
|
|
<div class="pagechen"> |
|
|
|
<div class="pageboxtitle1">平均执行率</div> |
|
|
|
<div class="pageboxtitle2"> |
|
|
|
<div class="span1">{{sysSec.avgFration || 0}}</div> |
|
|
|
<div class="span2"> |
|
|
|
<span class="span2-1"> 环比:{{sysCompare.avgFration || 0}}</span> |
|
|
|
<!-- <span class="span2-2">{{cardlist.liftlist.avgDuration || 0}}%</span> --> |
|
|
|
<span class="span2-2" v-if="orderBy.avgFration>0"> |
|
|
|
<i class="el-icon-top" style="color: red;"></i> |
|
|
|
{{orderBy.avgFration || 0}}% |
|
|
|
</span> |
|
|
|
<span class="span2-3" v-if="orderBy.avgFration<0"> |
|
|
|
<i class="el-icon-bottom" style="color: #25CEBA;"></i> |
|
|
|
{{orderBy.avgFration || 0}}% |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="pagechen"> |
|
|
|
<div class="pageboxtitle1">违禁接待次数</div> |
|
|
|
<div class="pageboxtitle2"> |
|
|
|
<div class="span1">{{sysSec.prohibitedCount || 0}}</div> |
|
|
|
<div class="span2"> |
|
|
|
<span class="span2-1"> 环比:{{sysCompare.prohibitedCount || 0}}</span> |
|
|
|
<!-- <span class="span2-2">{{cardlist.liftlist.accountNum || 0}}%</span> --> |
|
|
|
<span class="span2-2" v-if="orderBy.prohibitedCount>0"> |
|
|
|
<i class="el-icon-top" style="color: red;"></i> |
|
|
|
{{orderBy.prohibitedCount || 0}}% |
|
|
|
</span> |
|
|
|
<span class="span2-3" v-if="orderBy.prohibitedCount<0"> |
|
|
|
<i class="el-icon-bottom" style="color: #25CEBA;"></i> |
|
|
|
{{orderBy.prohibitedCount || 0}}% |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="pagechen"> |
|
|
|
<div class="pageboxtitle1">活跃设备</div> |
|
|
|
<div class="pageboxtitle2"> |
|
|
|
<div class="span1">{{sysSec.activeEquipmentQuantity || 0}}</div> |
|
|
|
<div class="span2"> |
|
|
|
<span class="span2-1"> 环比:{{sysCompare.activeEquipmentQuantity || 0}}</span> |
|
|
|
<!-- <span class="span2-2">{{cardlist.liftlist.fraction || 0}}%</span> --> |
|
|
|
<span class="span2-2" v-if="orderBy.activeEquipmentQuantity>0"> |
|
|
|
<i class="el-icon-top" style="color: red;"></i> |
|
|
|
{{orderBy.activeEquipmentQuantity || 0}}% |
|
|
|
</span> |
|
|
|
<span class="span2-3" v-if="orderBy.activeEquipmentQuantity<0"> |
|
|
|
<i class="el-icon-bottom" style="color: #25CEBA;"></i> |
|
|
|
{{orderBy.activeEquipmentQuantity || 0}}% |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="pagechen"> |
|
|
|
<div class="pageboxtitle1">活跃设备占比</div> |
|
|
|
<div class="pageboxtitle2"> |
|
|
|
<div class="span1">{{sysSec.activeEquipmentQuantityZB || 0}}</div> |
|
|
|
<div class="span2"> |
|
|
|
<span class="span2-1"> 环比:{{sysCompare.activeEquipmentQuantityZB || 0}}</span> |
|
|
|
<!-- <span class="span2-2">{{cardlist.liftlist.prohibitedCustomer || 0}}%</span> --> |
|
|
|
<span class="span2-2" v-if="orderBy.activeEquipmentQuantityZB>0"> |
|
|
|
<i class="el-icon-top" style="color: red;"></i> |
|
|
|
{{orderBy.activeEquipmentQuantityZB || 0}}% |
|
|
|
</span> |
|
|
|
<span class="span2-3" v-if="orderBy.activeEquipmentQuantityZB<0"> |
|
|
|
<i class="el-icon-bottom" style="color: #25CEBA;"></i> |
|
|
|
{{orderBy.activeEquipmentQuantityZB || 0}}% |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="pagechen"> |
|
|
|
<div class="pageboxtitle1">活跃楼盘数</div> |
|
|
|
<div class="pageboxtitle2"> |
|
|
|
<div class="span1">{{sysSec.activeHouseQuantity || 0}}</div> |
|
|
|
<div class="span2"> |
|
|
|
<span class="span2-1"> 环比:{{sysCompare.activeHouseQuantity || 0}}</span> |
|
|
|
<!-- <span class="span2-2">{{cardlist.liftlist.activeCustomer || 0}}%</span> --> |
|
|
|
<span class="span2-2" v-if="orderBy.activeHouseQuantity>0"> |
|
|
|
<i class="el-icon-top" style="color: red;"></i> |
|
|
|
{{orderBy.activeHouseQuantity || 0}}% |
|
|
|
</span> |
|
|
|
<span class="span2-3" v-if="orderBy.activeHouseQuantity<0"> |
|
|
|
<i class="el-icon-bottom" style="color: #25CEBA;"></i> |
|
|
|
{{orderBy.activeHouseQuantity || 0}}% |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- <div class="pagechen1"></div> |
|
|
|
<div class="pagechen1" ></div> --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="app-box-san"> |
|
|
|
<div class="zuo"> |
|
|
|