@@ -36,10 +36,14 @@ | |||||
<div class="pagechen" @click="toDetail('/ReceivingRecords/index', nowSelectTime(1), '接待记录')"> | <div class="pagechen" @click="toDetail('/ReceivingRecords/index', nowSelectTime(1), '接待记录')"> | ||||
<div style="width:100%"> | <div style="width:100%"> | ||||
<div class="pageboxtitle1 projectCardItem"> | <div class="pageboxtitle1 projectCardItem"> | ||||
<div class="sum">接待量 (次) | |||||
<el-tooltip effect="light" content="筛选时间内,已经结束的接待条数,不包含待接单;" placement="bottom-end"> | |||||
<i class="pop"></i> | |||||
</el-tooltip> | |||||
<div class="sum"> | |||||
<div class="sum-top"> | |||||
<div>接待量 (次)</div> | |||||
<el-tooltip effect="light" content="筛选时间内,已经结束的接待条数,不包含待接单;" placement="bottom-end"> | |||||
<i class="pop"></i> | |||||
</el-tooltip> | |||||
</div> | |||||
<div class="span1">{{ cardlist.datalist.receptionCount || 0 }}</div> | <div class="span1">{{ cardlist.datalist.receptionCount || 0 }}</div> | ||||
</div> | </div> | ||||
@@ -73,10 +77,13 @@ | |||||
"> | "> | ||||
<div style="width:100%"> | <div style="width:100%"> | ||||
<div class="pageboxtitle1 projectCardItem"> | <div class="pageboxtitle1 projectCardItem"> | ||||
<div class="sum">有效接待(次) | |||||
<el-tooltip effect="light" content="筛选时间内,标记为有效的接待数,不包含待接单;" placement="bottom-end"> | |||||
<i class="pop"></i> | |||||
</el-tooltip> | |||||
<div class="sum"> | |||||
<div class="sum-top"> | |||||
<div>有效接待(次)</div> | |||||
<el-tooltip effect="light" content="筛选时间内,标记为有效的接待数,不包含待接单;" placement="bottom-end"> | |||||
<i class="pop"></i> | |||||
</el-tooltip> | |||||
</div> | |||||
<div class="span1">{{ cardlist.datalist.activeCustomer || 0 }}</div> | <div class="span1">{{ cardlist.datalist.activeCustomer || 0 }}</div> | ||||
</div> | </div> | ||||
@@ -131,10 +138,13 @@ | |||||
<div class="pagechen" @click="toDetail('/ReceivingRecords/index', nowSelectTime(2), '接待记录')"> | <div class="pagechen" @click="toDetail('/ReceivingRecords/index', nowSelectTime(2), '接待记录')"> | ||||
<div style="width:100%"> | <div style="width:100%"> | ||||
<div class="pageboxtitle1 projectCardItem"> | <div class="pageboxtitle1 projectCardItem"> | ||||
<div class="sum">平均执行率 | |||||
<el-tooltip effect="light" content="筛选时间内,有效接待(不包含待接单)的平均执行率;" placement="bottom-end"> | |||||
<i class="pop"></i> | |||||
</el-tooltip> | |||||
<div class="sum"> | |||||
<div class="sum-top"> | |||||
<div>平均执行率</div> | |||||
<el-tooltip effect="light" content="筛选时间内,有效接待(不包含待接单)的平均执行率;" placement="bottom-end"> | |||||
<i class="pop"></i> | |||||
</el-tooltip> | |||||
</div> | |||||
<div class="span1">{{ cardlist.datalist.fraction || 0 }}%</div> | <div class="span1">{{ cardlist.datalist.fraction || 0 }}%</div> | ||||
</div> | </div> | ||||
@@ -166,10 +176,13 @@ | |||||
<div class="pagechen" @click="toDetail('/ReceivingRecords/index', nowSelectTime(2), '接待记录')"> | <div class="pagechen" @click="toDetail('/ReceivingRecords/index', nowSelectTime(2), '接待记录')"> | ||||
<div style="width:100%"> | <div style="width:100%"> | ||||
<div class="pageboxtitle1 projectCardItem"> | <div class="pageboxtitle1 projectCardItem"> | ||||
<div class="sum">平均接待时长(分钟) | |||||
<el-tooltip effect="light" content="筛选时间内,有效接待(不包含待接单)的平均录音时长,单位分钟;" placement="bottom-end"> | |||||
<i class="pop"></i> | |||||
</el-tooltip> | |||||
<div class="sum"> | |||||
<div class="sum-top"> | |||||
<div>平均接待时长(分钟)</div> | |||||
<el-tooltip effect="light" content="筛选时间内,有效接待(不包含待接单)的平均录音时长,单位分钟;" placement="bottom-end"> | |||||
<i class="pop"></i> | |||||
</el-tooltip> | |||||
</div> | |||||
<div class="span1">{{ cardlist.datalist.avgDuration || 0 }}</div> | <div class="span1">{{ cardlist.datalist.avgDuration || 0 }}</div> | ||||
</div> | </div> | ||||
@@ -205,10 +218,13 @@ | |||||
<div class="pagechen" @click="toDetail('/ReceivingRecords/index', nowSelectTime(4), '接待记录')"> | <div class="pagechen" @click="toDetail('/ReceivingRecords/index', nowSelectTime(4), '接待记录')"> | ||||
<div style="width:100%"> | <div style="width:100%"> | ||||
<div class="pageboxtitle1 projectCardItem"> | <div class="pageboxtitle1 projectCardItem"> | ||||
<div class="sum">违禁接待次数(次) | |||||
<el-tooltip effect="light" content="筛选时间内,出现违禁的接待次数,不包含待接单/无效接待/无效违禁;" placement="bottom-end"> | |||||
<i class="pop"></i> | |||||
</el-tooltip> | |||||
<div class="sum"> | |||||
<div class="sum-top"> | |||||
<div>违禁接待次数(次)</div> | |||||
<el-tooltip effect="light" content="筛选时间内,出现违禁的接待次数,不包含待接单/无效接待/无效违禁;" placement="bottom-end"> | |||||
<i class="pop"></i> | |||||
</el-tooltip> | |||||
</div> | |||||
<div class="span1">{{ cardlist.datalist.prohibitedCustomer || 0 }}</div> | <div class="span1">{{ cardlist.datalist.prohibitedCustomer || 0 }}</div> | ||||
</div> | </div> | ||||
@@ -240,10 +256,13 @@ | |||||
<div class="pagechen" @click="toDetail('/ReceivingRecords/index', nowSelectTime(4), '接待记录')"> | <div class="pagechen" @click="toDetail('/ReceivingRecords/index', nowSelectTime(4), '接待记录')"> | ||||
<div style="width:100%"> | <div style="width:100%"> | ||||
<div class="pageboxtitle1 projectCardItem"> | <div class="pageboxtitle1 projectCardItem"> | ||||
<div class="sum">违禁接待占比 | |||||
<el-tooltip effect="light" content="筛选时间内,违禁接待次数/有效接待*100%" placement="bottom-end"> | |||||
<i class="pop"></i> | |||||
</el-tooltip> | |||||
<div class="sum"> | |||||
<div class="sum-top"> | |||||
<div>违禁接待占比</div> | |||||
<el-tooltip effect="light" content="筛选时间内,违禁接待次数/有效接待*100%" placement="bottom-end"> | |||||
<i class="pop"></i> | |||||
</el-tooltip> | |||||
</div> | |||||
<div class="span1">{{ cardlist.datalist.prohibitedZb || 0 }}</div> | <div class="span1">{{ cardlist.datalist.prohibitedZb || 0 }}</div> | ||||
</div> | </div> | ||||
@@ -277,12 +296,13 @@ | |||||
<div class="app-box-san"> | <div class="app-box-san"> | ||||
<div class="zuo"> | <div class="zuo"> | ||||
<div class="title"> | <div class="title"> | ||||
<div class="text1">场景执行分析 | |||||
<el-tooltip effect="light" | |||||
content="筛选时间内,场景触达率=有效接待的场景执行率的之和/有效接待数,例如:品牌介绍,第1次接待执行了100%,第2次接待没有执行,场景触达率=(100+0)/2=50%;" | |||||
placement="bottom-end"> | |||||
<i class="pop"></i> | |||||
</el-tooltip> | |||||
<div class="text1"> | |||||
场景执行分析 | |||||
<el-tooltip effect="light" | |||||
content="筛选时间内,场景触达率=有效接待的场景执行率的之和/有效接待数,例如:品牌介绍,第1次接待执行了100%,第2次接待没有执行,场景触达率=(100+0)/2=50%;" | |||||
placement="bottom-end"> | |||||
<i class="pop"></i> | |||||
</el-tooltip> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
<div v-if="indexZxllist.length == 0" style=" | <div v-if="indexZxllist.length == 0" style=" | ||||
@@ -971,7 +991,9 @@ | |||||
<div class="pagechen" @click="toDetail('/building/Count', '', '项目统计')"> | <div class="pagechen" @click="toDetail('/building/Count', '', '项目统计')"> | ||||
<div style="width:100%"> | <div style="width:100%"> | ||||
<div class="pageboxtitle1 projectCardItem"> | <div class="pageboxtitle1 projectCardItem"> | ||||
<div class="sum">平均执行率 | |||||
<div class="sum"> | |||||
平均执行率 | |||||
<el-tooltip effect="light" content="筛选时间内,有效接待(不包含待接单)的平均执行率;" placement="bottom-end"> | <el-tooltip effect="light" content="筛选时间内,有效接待(不包含待接单)的平均执行率;" placement="bottom-end"> | ||||
<i class="pop"></i> | <i class="pop"></i> | ||||
</el-tooltip> | </el-tooltip> | ||||
@@ -1933,6 +1955,11 @@ export default { | |||||
.projectCardItem { | .projectCardItem { | ||||
.sum { | .sum { | ||||
.sum-top{ | |||||
display: flex; | |||||
align-items: center; | |||||
} | |||||
.span1 { | .span1 { | ||||
width: 100px; | width: 100px; | ||||
height: 30px; | height: 30px; | ||||
@@ -2068,6 +2095,10 @@ export default { | |||||
.projectCardItem { | .projectCardItem { | ||||
.sum { | .sum { | ||||
.sum-top{ | |||||
display: flex; | |||||
align-items: center; | |||||
} | |||||
.span1 { | .span1 { | ||||
width: 100px; | width: 100px; | ||||
height: 30px; | height: 30px; | ||||
@@ -658,9 +658,8 @@ overflow: hidden; | |||||
} | } | ||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 15px; | |||||
padding: 15px 15px 20px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
padding-bottom: 100px; | |||||
} | } | ||||
#app { | #app { | ||||
width: 100%; | width: 100%; | ||||
@@ -728,9 +728,8 @@ export default { | |||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 15px; | |||||
padding: 15px 15px 20px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
padding-bottom: 100px; | |||||
} | } | ||||
.cen-tab { | .cen-tab { | ||||
@@ -21,31 +21,6 @@ | |||||
</div> | </div> | ||||
</div> | </div> | ||||
<div class="app-titel"> | <div class="app-titel"> | ||||
<!-- <div style="text-indent: 30px;font-weight: bold;">接待时间:</div> | |||||
<div class="toptimeqhuan"> | |||||
<div :class="{ tophove: dateType == 4 }" @click="tabtimetap(4)"> | |||||
近7天 | |||||
</div> | |||||
<div :class="{ tophove: dateType == 5 }" @click="tabtimetap(5)"> | |||||
近15天 | |||||
</div> | |||||
<div :class="{ tophove: dateType == 6 }" @click="tabtimetap(6)"> | |||||
近30天 | |||||
</div> | |||||
</div> | |||||
<div style="margin-left: 26px"> | |||||
<el-date-picker | |||||
v-model="customtime" | |||||
@change="confirmtime()" | |||||
type="daterange" | |||||
range-separator="-" | |||||
:default-time="['00:00:00', '23:59:59']" | |||||
value-format="yyyy-MM-dd" | |||||
start-placeholder="开始日期" | |||||
end-placeholder="结束日期" | |||||
> | |||||
</el-date-picker> | |||||
</div> --> | |||||
<div class="titel-text">筛选日期:</div> | <div class="titel-text">筛选日期:</div> | ||||
<div style="margin-left: 14px;"> | <div style="margin-left: 14px;"> | ||||
<el-button | <el-button | ||||
@@ -94,18 +69,10 @@ | |||||
<!-- 表格 --> | <!-- 表格 --> | ||||
<div class="cen-tab" :style="{'margin-top':role != 3?'110px':'70px'}"> | <div class="cen-tab" :style="{'margin-top':role != 3?'110px':'70px'}"> | ||||
<div class="app-titel1"> | <div class="app-titel1"> | ||||
<!-- <div class="toptimeqhuan"> --> | |||||
<!-- <div :class="{ tophove: tabFlag == 0 }" @click="tabFlagChange(0)"> | |||||
销讲统计 | |||||
</div> | |||||
<div :class="{ tophove: tabFlag == 1 }" @click="tabFlagChange(1)"> | |||||
违禁统计 | |||||
</div> --> | |||||
<el-radio-group @change="tabFlagChange" v-model="tabFlag"> | <el-radio-group @change="tabFlagChange" v-model="tabFlag"> | ||||
<el-radio-button :label="0">销讲统计</el-radio-button> | <el-radio-button :label="0">销讲统计</el-radio-button> | ||||
<el-radio-button :label="1">违禁统计</el-radio-button> | <el-radio-button :label="1">违禁统计</el-radio-button> | ||||
</el-radio-group> | </el-radio-group> | ||||
<!-- </div> --> | |||||
<div | <div | ||||
style="margin-left: auto; margin-right: 10px" | style="margin-left: auto; margin-right: 10px" | ||||
v-if="sta_men_downLoad" | v-if="sta_men_downLoad" | ||||
@@ -114,7 +81,7 @@ | |||||
</div> | </div> | ||||
</div> | </div> | ||||
<el-table :header-cell-style="{background:'#F5F7FA',color:'#333333'}" :data="tableData" stripe style="width: 100%"> | <el-table :header-cell-style="{background:'#F5F7FA',color:'#333333'}" :data="tableData" stripe style="width: 100%"> | ||||
<el-table-column prop="batchId" label="序号" align="center"> | |||||
<el-table-column prop="batchId" width="120" label="序号" align="center"> | |||||
<template slot-scope="scope"> | <template slot-scope="scope"> | ||||
{{ | {{ | ||||
scope.$index == tableData.length - 1 | scope.$index == tableData.length - 1 | ||||
@@ -203,7 +170,7 @@ | |||||
@size-change="handleSizeChange" | @size-change="handleSizeChange" | ||||
@current-change="handleCurrentChange" | @current-change="handleCurrentChange" | ||||
:current-page="current" | :current-page="current" | ||||
:page-sizes="[10, 30, 50]" | |||||
:page-sizes="[10, 20,30, 40,50,100]" | |||||
:page-size="size" | :page-size="size" | ||||
layout="total, sizes, prev, pager, next, jumper" | layout="total, sizes, prev, pager, next, jumper" | ||||
:total="total" | :total="total" | ||||
@@ -267,7 +234,7 @@ | |||||
v-if="echarlist.length == 0" | v-if="echarlist.length == 0" | ||||
> | > | ||||
<div class="imgboxc"> | <div class="imgboxc"> | ||||
<!-- <img class="imgboxc-img" src="/img/nullnull.png" alt="" /> --> | |||||
<img class="imgboxc-img" src="/img/nullnull.png" alt="" /> | |||||
<div class="nulltext" style="font-size:14px;">暂无数据</div> | <div class="nulltext" style="font-size:14px;">暂无数据</div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
@@ -327,7 +294,7 @@ | |||||
v-if="echarlist2.length == 0" | v-if="echarlist2.length == 0" | ||||
> | > | ||||
<div class="imgboxc"> | <div class="imgboxc"> | ||||
<!-- <img class="imgboxc-img" src="/img/nullnull.png" alt="" /> --> | |||||
<img class="imgboxc-img" src="/img/nullnull.png" alt="" /> | |||||
<div class="nulltext" style="font-size:14px;">暂无数据</div> | <div class="nulltext" style="font-size:14px;">暂无数据</div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
@@ -401,7 +368,7 @@ | |||||
v-if="echarlist1.length == 0" | v-if="echarlist1.length == 0" | ||||
> | > | ||||
<div class="imgboxc"> | <div class="imgboxc"> | ||||
<!-- <img class="imgboxc-img" src="/img/nullnull.png" alt="" /> --> | |||||
<img class="imgboxc-img" src="/img/nullnull.png" alt="" /> | |||||
<div class="nulltext" style="font-size:14px;">暂无数据</div> | <div class="nulltext" style="font-size:14px;">暂无数据</div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
@@ -476,7 +443,7 @@ | |||||
v-if="echarlist3.length == 0" | v-if="echarlist3.length == 0" | ||||
> | > | ||||
<div class="imgboxc"> | <div class="imgboxc"> | ||||
<!-- <img class="imgboxc-img" src="/img/nullnull.png" alt="" /> --> | |||||
<img class="imgboxc-img" src="/img/nullnull.png" alt="" /> | |||||
<div class="nulltext" style="font-size:14px;">暂无数据</div> | <div class="nulltext" style="font-size:14px;">暂无数据</div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
@@ -551,7 +518,7 @@ | |||||
v-if="echarlist4.length == 0" | v-if="echarlist4.length == 0" | ||||
> | > | ||||
<div class="imgboxc"> | <div class="imgboxc"> | ||||
<!-- <img class="imgboxc-img" src="/img/nullnull.png" alt="" /> --> | |||||
<img class="imgboxc-img" src="/img/nullnull.png" alt="" /> | |||||
<div class="nulltext" style="font-size:14px;">暂无数据</div> | <div class="nulltext" style="font-size:14px;">暂无数据</div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
@@ -626,7 +593,7 @@ | |||||
v-if="echarlist3.length == 0" | v-if="echarlist3.length == 0" | ||||
> | > | ||||
<div class="imgboxc"> | <div class="imgboxc"> | ||||
<!-- <img class="imgboxc-img" src="/img/nullnull.png" alt="" /> --> | |||||
<img class="imgboxc-img" src="/img/nullnull.png" alt="" /> | |||||
<div class="nulltext" style="font-size:14px;">暂无数据</div> | <div class="nulltext" style="font-size:14px;">暂无数据</div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
@@ -235,7 +235,7 @@ | |||||
color: #999999; | color: #999999; | ||||
" | " | ||||
> | > | ||||
<!-- <img class="imgboxc-img" src="/img/nullnull.png" alt="" /> --> | |||||
<img class="imgboxc-img" src="/img/nullnull.png" alt="" /> | |||||
<div class="nulltext" style="font-size: 14px">暂无数据</div> | <div class="nulltext" style="font-size: 14px">暂无数据</div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
@@ -311,7 +311,7 @@ | |||||
color: #999999; | color: #999999; | ||||
" | " | ||||
> | > | ||||
<!-- <img class="imgboxc-img" src="/img/nullnull.png" alt="" /> --> | |||||
<img class="imgboxc-img" src="/img/nullnull.png" alt="" /> | |||||
<div class="nulltext" style="font-size: 14px">暂无数据</div> | <div class="nulltext" style="font-size: 14px">暂无数据</div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
@@ -489,8 +489,8 @@ | |||||
<div v-else class="noData"> | <div v-else class="noData"> | ||||
<div class="imgboxc"> | <div class="imgboxc"> | ||||
<!-- <img class="imgboxc-img" src="/img/nullnull.png" alt="" /> --> | |||||
<div class="nulltext" style="font-size: 14px; padding-top: 100px"> | |||||
<img class="imgboxc-img" src="/img/nullnull.png" alt="" /> | |||||
<div class="nulltext" style="font-size: 14px; padding-top: 10px"> | |||||
暂无数据 | 暂无数据 | ||||
</div> | </div> | ||||
</div> | </div> | ||||
@@ -1564,11 +1564,10 @@ export default { | |||||
} | } | ||||
.noData { | .noData { | ||||
width: 100%; | width: 100%; | ||||
// height: 60vh; | |||||
height: 500px; | height: 500px; | ||||
background: #fff; | background: #fff; | ||||
text-align: center; | text-align: center; | ||||
margin-top: 20px; | |||||
margin-top: 110px; | |||||
overflow: hidden; | overflow: hidden; | ||||
} | } | ||||
.imgboxc { | .imgboxc { | ||||
@@ -1785,7 +1785,7 @@ export default { | |||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 15px 15px 50px; | |||||
padding: 15px 15px 20px; | |||||
min-width: 1000px; | min-width: 1000px; | ||||
} | } | ||||
@@ -110,7 +110,7 @@ | |||||
<!-- 表格 --> | <!-- 表格 --> | ||||
<div class="cen-tab"> | <div class="cen-tab"> | ||||
<el-table :header-cell-style="{background:'#F5F7FA',color:'#333333'}" :data="tableData" style="width: 100%"> | <el-table :header-cell-style="{background:'#F5F7FA',color:'#333333'}" :data="tableData" style="width: 100%"> | ||||
<el-table-column prop="batchId" label="序号" align="center"> | |||||
<el-table-column prop="batchId" width="120" label="序号" align="center"> | |||||
<template slot-scope="scope"> | <template slot-scope="scope"> | ||||
{{ | {{ | ||||
scope.$index == tableData.length - 1 | scope.$index == tableData.length - 1 | ||||
@@ -120,7 +120,7 @@ | |||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column | <el-table-column | ||||
width="90px" | |||||
width="120" | |||||
prop="accountName" | prop="accountName" | ||||
label="日期" | label="日期" | ||||
align="center" | align="center" | ||||
@@ -122,7 +122,7 @@ | |||||
justify-content: center; | justify-content: center; | ||||
" | " | ||||
> | > | ||||
<!-- <img class="imgboxc-img" src="/img/nullnull.png" alt="" /> --> | |||||
<img class="imgboxc-img" src="/img/nullnull.png" alt="" /> | |||||
<div class="nulltext" style="font-size: 14px">暂无数据</div> | <div class="nulltext" style="font-size: 14px">暂无数据</div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
@@ -144,12 +144,19 @@ | |||||
v-if="item.total == 0" | v-if="item.total == 0" | ||||
style=" | style=" | ||||
width: 100%; | width: 100%; | ||||
line-height: 300px; | |||||
text-align: center; | |||||
color: #999999; | color: #999999; | ||||
font-size: 14px; | font-size: 14px; | ||||
color: rgb(153, 153, 153); | |||||
display: flex; | |||||
flex-direction: column; | |||||
justify-content: flex-start; | |||||
align-items: center; | |||||
height: 300px; | |||||
margin-top: 100px; | |||||
" | " | ||||
> | > | ||||
<img style="width: 140px; height: 140px" src="/img/nullnull.png" alt="" /> | |||||
暂无数据 | 暂无数据 | ||||
</div> | </div> | ||||
<div | <div | ||||