@@ -36,10 +36,14 @@ | |||
<div class="pagechen" @click="toDetail('/ReceivingRecords/index', nowSelectTime(1), '接待记录')"> | |||
<div style="width:100%"> | |||
<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> | |||
@@ -73,10 +77,13 @@ | |||
"> | |||
<div style="width:100%"> | |||
<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> | |||
@@ -131,10 +138,13 @@ | |||
<div class="pagechen" @click="toDetail('/ReceivingRecords/index', nowSelectTime(2), '接待记录')"> | |||
<div style="width:100%"> | |||
<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> | |||
@@ -166,10 +176,13 @@ | |||
<div class="pagechen" @click="toDetail('/ReceivingRecords/index', nowSelectTime(2), '接待记录')"> | |||
<div style="width:100%"> | |||
<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> | |||
@@ -205,10 +218,13 @@ | |||
<div class="pagechen" @click="toDetail('/ReceivingRecords/index', nowSelectTime(4), '接待记录')"> | |||
<div style="width:100%"> | |||
<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> | |||
@@ -240,10 +256,13 @@ | |||
<div class="pagechen" @click="toDetail('/ReceivingRecords/index', nowSelectTime(4), '接待记录')"> | |||
<div style="width:100%"> | |||
<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> | |||
@@ -277,12 +296,13 @@ | |||
<div class="app-box-san"> | |||
<div class="zuo"> | |||
<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 v-if="indexZxllist.length == 0" style=" | |||
@@ -971,7 +991,9 @@ | |||
<div class="pagechen" @click="toDetail('/building/Count', '', '项目统计')"> | |||
<div style="width:100%"> | |||
<div class="pageboxtitle1 projectCardItem"> | |||
<div class="sum">平均执行率 | |||
<div class="sum"> | |||
平均执行率 | |||
<el-tooltip effect="light" content="筛选时间内,有效接待(不包含待接单)的平均执行率;" placement="bottom-end"> | |||
<i class="pop"></i> | |||
</el-tooltip> | |||
@@ -1933,6 +1955,11 @@ export default { | |||
.projectCardItem { | |||
.sum { | |||
.sum-top{ | |||
display: flex; | |||
align-items: center; | |||
} | |||
.span1 { | |||
width: 100px; | |||
height: 30px; | |||
@@ -2068,6 +2095,10 @@ export default { | |||
.projectCardItem { | |||
.sum { | |||
.sum-top{ | |||
display: flex; | |||
align-items: center; | |||
} | |||
.span1 { | |||
width: 100px; | |||
height: 30px; | |||
@@ -658,9 +658,8 @@ overflow: hidden; | |||
} | |||
.box-center { | |||
width: 100%; | |||
padding: 15px; | |||
padding: 15px 15px 20px; | |||
min-width: 1000px; | |||
padding-bottom: 100px; | |||
} | |||
#app { | |||
width: 100%; | |||
@@ -728,9 +728,8 @@ export default { | |||
.box-center { | |||
width: 100%; | |||
padding: 15px; | |||
padding: 15px 15px 20px; | |||
min-width: 1000px; | |||
padding-bottom: 100px; | |||
} | |||
.cen-tab { | |||
@@ -21,31 +21,6 @@ | |||
</div> | |||
</div> | |||
<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 style="margin-left: 14px;"> | |||
<el-button | |||
@@ -94,18 +69,10 @@ | |||
<!-- 表格 --> | |||
<div class="cen-tab" :style="{'margin-top':role != 3?'110px':'70px'}"> | |||
<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-button :label="0">销讲统计</el-radio-button> | |||
<el-radio-button :label="1">违禁统计</el-radio-button> | |||
</el-radio-group> | |||
<!-- </div> --> | |||
<div | |||
style="margin-left: auto; margin-right: 10px" | |||
v-if="sta_men_downLoad" | |||
@@ -114,7 +81,7 @@ | |||
</div> | |||
</div> | |||
<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"> | |||
{{ | |||
scope.$index == tableData.length - 1 | |||
@@ -203,7 +170,7 @@ | |||
@size-change="handleSizeChange" | |||
@current-change="handleCurrentChange" | |||
:current-page="current" | |||
:page-sizes="[10, 30, 50]" | |||
:page-sizes="[10, 20,30, 40,50,100]" | |||
:page-size="size" | |||
layout="total, sizes, prev, pager, next, jumper" | |||
:total="total" | |||
@@ -267,7 +234,7 @@ | |||
v-if="echarlist.length == 0" | |||
> | |||
<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> | |||
</div> | |||
@@ -327,7 +294,7 @@ | |||
v-if="echarlist2.length == 0" | |||
> | |||
<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> | |||
</div> | |||
@@ -401,7 +368,7 @@ | |||
v-if="echarlist1.length == 0" | |||
> | |||
<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> | |||
</div> | |||
@@ -476,7 +443,7 @@ | |||
v-if="echarlist3.length == 0" | |||
> | |||
<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> | |||
</div> | |||
@@ -551,7 +518,7 @@ | |||
v-if="echarlist4.length == 0" | |||
> | |||
<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> | |||
</div> | |||
@@ -626,7 +593,7 @@ | |||
v-if="echarlist3.length == 0" | |||
> | |||
<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> | |||
</div> | |||
@@ -235,7 +235,7 @@ | |||
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> | |||
</div> | |||
@@ -311,7 +311,7 @@ | |||
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> | |||
</div> | |||
@@ -489,8 +489,8 @@ | |||
<div v-else class="noData"> | |||
<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> | |||
@@ -1564,11 +1564,10 @@ export default { | |||
} | |||
.noData { | |||
width: 100%; | |||
// height: 60vh; | |||
height: 500px; | |||
background: #fff; | |||
text-align: center; | |||
margin-top: 20px; | |||
margin-top: 110px; | |||
overflow: hidden; | |||
} | |||
.imgboxc { | |||
@@ -1785,7 +1785,7 @@ export default { | |||
.box-center { | |||
width: 100%; | |||
padding: 15px 15px 50px; | |||
padding: 15px 15px 20px; | |||
min-width: 1000px; | |||
} | |||
@@ -110,7 +110,7 @@ | |||
<!-- 表格 --> | |||
<div class="cen-tab"> | |||
<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"> | |||
{{ | |||
scope.$index == tableData.length - 1 | |||
@@ -120,7 +120,7 @@ | |||
</template> | |||
</el-table-column> | |||
<el-table-column | |||
width="90px" | |||
width="120" | |||
prop="accountName" | |||
label="日期" | |||
align="center" | |||
@@ -122,7 +122,7 @@ | |||
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> | |||
</div> | |||
@@ -144,12 +144,19 @@ | |||
v-if="item.total == 0" | |||
style=" | |||
width: 100%; | |||
line-height: 300px; | |||
text-align: center; | |||
color: #999999; | |||
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 | |||