Browse Source

init

newStyle
lancer 2 years ago
parent
commit
6d0f94802c
1 changed files with 213 additions and 7 deletions
  1. +213
    -7
      src/page/wel.vue

+ 213
- 7
src/page/wel.vue View File

@@ -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">


Loading…
Cancel
Save