|
|
@@ -1,7 +1,7 @@ |
|
|
|
<template> |
|
|
|
<div class="box-center"> |
|
|
|
<div v-if="role==3"> |
|
|
|
<div class="app-titel"> |
|
|
|
<!-- <div class="app-titel"> |
|
|
|
<div class="titel-text">楼盘选择</div> |
|
|
|
<div style="margin-left: 26px"> |
|
|
|
<el-select v-model="houseId" @change="houseChange" placeholder="请选择"> |
|
|
@@ -14,8 +14,8 @@ |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="app-titel" style="margin-top:14px;"> |
|
|
|
</div> --> |
|
|
|
<div class="app-titel"> |
|
|
|
<div class="titel-text">时间</div> |
|
|
|
<div class="toptimeqhuan"> |
|
|
|
<div :class="{ tophove: TimetoAhoose == 0 }" @click="tabtimetap(0)">今天</div> |
|
|
@@ -80,7 +80,7 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="pagechen"> |
|
|
|
<div class="pageboxtitle1">平均接待时长</div> |
|
|
|
<div class="pageboxtitle1">平均接待时长(分钟)</div> |
|
|
|
<div class="pageboxtitle2"> |
|
|
|
<div class="span1">{{Math.floor(cardlist.datalist.avgDuration/60) || 0}}</div> |
|
|
|
<div class="span2"> |
|
|
@@ -98,7 +98,7 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="pagechen"> |
|
|
|
<div class="pageboxtitle1">销讲执行率</div> |
|
|
|
<div class="pageboxtitle1">销讲执行率(%)</div> |
|
|
|
<div class="pageboxtitle2"> |
|
|
|
<div class="span1">{{cardlist.datalist.fraction || 0}}</div> |
|
|
|
<div class="span2"> |
|
|
@@ -118,7 +118,7 @@ |
|
|
|
</div> |
|
|
|
<div style=" margin-top: 20px;" class="page-container"> |
|
|
|
<div class="pagechen"> |
|
|
|
<div class="pageboxtitle1">违禁预警</div> |
|
|
|
<div class="pageboxtitle1">违禁预警(个)</div> |
|
|
|
<div class="pageboxtitle2"> |
|
|
|
<div class="span1">{{cardlist.datalist.prohibitedCustomer || 0}}</div> |
|
|
|
<div class="span2"> |
|
|
@@ -136,7 +136,7 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="pagechen"> |
|
|
|
<div class="pageboxtitle1">违禁占比</div> |
|
|
|
<div class="pageboxtitle1">违禁占比(%)</div> |
|
|
|
<div class="pageboxtitle2"> |
|
|
|
<div class="span1">{{cardlist.datalist.prohibitedZb || 0}}</div> |
|
|
|
<div class="span2"> |
|
|
@@ -154,7 +154,7 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="pagechen"> |
|
|
|
<div class="pageboxtitle1">顾问</div> |
|
|
|
<div class="pageboxtitle1">顾问(个)</div> |
|
|
|
<div class="pageboxtitle2"> |
|
|
|
<div class="span1">{{cardlist.datalist.accountNum || 0}}</div> |
|
|
|
<div class="span2"> |
|
|
@@ -184,8 +184,8 @@ |
|
|
|
<div>暂无数据</div> |
|
|
|
</div> |
|
|
|
<div v-else class="tabbox" style="display:flex;flex-wrap: wrap;height: 290px;overflow-y: auto;width: 90%;margin:0 auto;"> |
|
|
|
<div v-for="(item,index) in indexZxllist" :key="index" style="width:130px;margin-left: 16px;margin-top: 10px;"> |
|
|
|
<div style="width:100%;height:100px;"><el-progress :stroke-width="12" :width='130' type="dashboard" :percentage="item.fraction" ></el-progress></div> |
|
|
|
<div v-for="(item,index) in indexZxllist" :key="index" style="width:33.3%;margin-top: 10px;"> |
|
|
|
<div style="width:130px;height:100px;margin:0 auto;"><el-progress :stroke-width="12" :width='130' type="dashboard" :percentage="item.zxl" ></el-progress></div> |
|
|
|
<div style="width:100%;text-align: center;">{{item.name.substring(0,3)}}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@@ -194,28 +194,28 @@ |
|
|
|
<div class="title"> |
|
|
|
<div class="text1">员工执行率排名(TOP10)</div> |
|
|
|
</div> |
|
|
|
<div class="hejisan"> |
|
|
|
<div class="sanbox1" style="width: 35%;"> |
|
|
|
<div class="text1-1">合计</div> |
|
|
|
<div class="text1-2">1</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="employeeExecutionRatelist.list.length==0" style="display:flex;justify-content: center; align-items: center;height: 60%;"> |
|
|
|
<div>暂无数据</div> |
|
|
|
</div> |
|
|
|
<div class="hejisan" v-if="employeeExecutionRatelist.list.length!=0"> |
|
|
|
<div class="sanbox1" style="width: 40%;"> |
|
|
|
<div class="text1-1">顾问</div> |
|
|
|
<div class="text1-2">1</div> |
|
|
|
<div class="text1-2">{{employeeExecutionRatelist.num || ''}}</div> |
|
|
|
</div> |
|
|
|
<div class="sanbox1" style="width: 25%;"> |
|
|
|
<div class="text1-1">人均接待量</div> |
|
|
|
<div class="text1-2">1</div> |
|
|
|
<div class="text1-1">平均执行</div> |
|
|
|
<div class="text1-2">{{employeeExecutionRatelist.fraction || ''}}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="tabbox"> |
|
|
|
<div style="overflow-y:auto;height: 350px;width: 94%;margin: 0 auto;"> |
|
|
|
<div class="jinbox" v-for="(item,i) in ceratelist" :key='i'> |
|
|
|
<div class="jinboxtit">{{item.name}}</div> |
|
|
|
<div class="tabbox" v-if="employeeExecutionRatelist.list.length!=0"> |
|
|
|
<div style="overflow-y:auto;height: 230px;width: 94%;margin: 0 auto;"> |
|
|
|
<div class="jinbox" v-for="(item,i) in employeeExecutionRatelist.list" :key='i'> |
|
|
|
<div class="jinboxtit">{{item.accountName}}</div> |
|
|
|
<div class="jinbox-box"> |
|
|
|
<div class="boxbaifenbi" :style="'width:'+(item.avgZxl)+'%;'"></div> |
|
|
|
<div class="boxbaifenbi" :style="'width:'+(item.fraction)+'%;'"></div> |
|
|
|
</div> |
|
|
|
<div class="jinboxbott">{{item.avgZxl}}%</div> |
|
|
|
<div class="jinboxbott">{{item.fraction}}%</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@@ -369,22 +369,26 @@ export default { |
|
|
|
tableData: [], |
|
|
|
equipmentList:[], |
|
|
|
prohibitedlist:[], |
|
|
|
ceratelist:[ |
|
|
|
{name:'还是得',avgZxl:80}, |
|
|
|
{name:'大大奥德赛',avgZxl:90}, |
|
|
|
{name:'沙发和',avgZxl:20}, |
|
|
|
{name:'还是得',avgZxl:10}, |
|
|
|
{name:'还客户家客户是得',avgZxl:80}, |
|
|
|
], |
|
|
|
indexZxllist:[], |
|
|
|
employeeExecutionRatelist:[] |
|
|
|
employeeExecutionRatelist:{ |
|
|
|
num:'', |
|
|
|
list:[], |
|
|
|
fraction:'' |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
this.role=localStorage.getItem("orgType"); |
|
|
|
if(this.role==3){ |
|
|
|
this.zkhousePage() |
|
|
|
this.houseId = localStorage.getItem("houseId"); |
|
|
|
this.getgicd(); |
|
|
|
this.getindexZxllist() |
|
|
|
this.getemployeeExecutionRatelist() |
|
|
|
this.findProhibitedRecord() |
|
|
|
this.findAllZkEquipment() |
|
|
|
}else{ |
|
|
|
// this.zkhousePage() |
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
@@ -490,15 +494,18 @@ export default { |
|
|
|
}) |
|
|
|
}, |
|
|
|
getemployeeExecutionRatelist(){ |
|
|
|
this.employeeExecutionRatelist=[] |
|
|
|
this.employeeExecutionRatelist={ |
|
|
|
num:'', |
|
|
|
list:[], |
|
|
|
fraction:'' |
|
|
|
} |
|
|
|
this.$api.http.getemployeeExecutionRatelist({ |
|
|
|
houseId:this.houseId, |
|
|
|
dateType: this.TimetoAhoose, |
|
|
|
statDateStart: this.statDateStart, |
|
|
|
statDateEnd:this.statDateEnd |
|
|
|
}).then((res) => { |
|
|
|
|
|
|
|
this.employeeExecutionRatelist=res.list |
|
|
|
this.employeeExecutionRatelist=res.data |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
@@ -753,8 +760,6 @@ export default { |
|
|
|
width: 92%; |
|
|
|
margin: 0 auto; |
|
|
|
display: flex; |
|
|
|
padding-top: 10px; |
|
|
|
padding-bottom:10px; |
|
|
|
.text1-1{ |
|
|
|
color: #666666; |
|
|
|
} |
|
|
|