|
|
@@ -84,23 +84,53 @@ |
|
|
|
</view> |
|
|
|
<view v-if="Thevisitingrecords.length!=0" class="content-tips" |
|
|
|
v-for="(item,index) in Thevisitingrecords" :key="index" @click="tapThevisiting(item)"> |
|
|
|
<view class="content-first"> |
|
|
|
<view class="left"> |
|
|
|
<view class="name">{{item.agentName || '--'}}</view> |
|
|
|
<view class="status" v-if="item.replaceReception==1">代接待</view> |
|
|
|
|
|
|
|
<view class="content-first"> |
|
|
|
<view class="left"> |
|
|
|
<view class="name">{{item.agentName}}</view> |
|
|
|
<view class="status" v-if="item.replaceReception==1">代接待</view> |
|
|
|
<view class="normal-status">{{item.receptionStatusName || ''}} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="right" v-if="item.recording!=0"> |
|
|
|
<view style="margin-right: 6rpx;">{{item.validInvalidName||''}}</view> |
|
|
|
<view v-if="methodsisshow"> |
|
|
|
<text style="color: red;" v-if="item.taboo==1">违禁接待</text> |
|
|
|
<text v-if="item.taboo==1"> |</text> |
|
|
|
</view> |
|
|
|
<view v-if="item.markAdvisor==0" class="">未标记</view> |
|
|
|
<view v-if="item.markAdvisor==1" class="">已标记</view> |
|
|
|
</view> |
|
|
|
<view class="right" v-else> |
|
|
|
<view class="">无录音</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="content-sec"> |
|
|
|
<view class="left"> |
|
|
|
<view class="cus" style="line-height: 46rpx;">客户:{{item.name || '--'}} |</view> |
|
|
|
<view style="line-height: 46rpx;" class="arriveNum">{{item.visitRecord || '0'}}次到访 |
|
|
|
<view class="content-time"> |
|
|
|
{{item.createTime}} | {{item.mm || '0'}}min |
|
|
|
</view> |
|
|
|
<view class="content-sec"> |
|
|
|
<view class="left">客户:{{item.name || '--'}}</view> |
|
|
|
<view class="right">销讲业务:{{ item.marketingBusinessName || '--' }}</view> |
|
|
|
</view> |
|
|
|
<view class="content-last"> |
|
|
|
<view class="cont-item"> |
|
|
|
<view class="count">{{item.visitRecord|| 0}}</view> |
|
|
|
<view class="text">访问次数</view> |
|
|
|
</view> |
|
|
|
<view class="cont-item"> |
|
|
|
<view class="count">{{item.wordFraction||0}}%</view> |
|
|
|
<view class="text">挖掘执行</view> |
|
|
|
</view> |
|
|
|
<view class="cont-item"> |
|
|
|
<view class="count">{{item.wordFinishFraction|| 0}}%</view> |
|
|
|
<view class="text">挖掘成功</view> |
|
|
|
</view> |
|
|
|
<view class="cont-item"> |
|
|
|
<view class="count" style="color: #2671E2;font-weight:600">{{item.fraction|| 0}}%</view> |
|
|
|
<view class="text">销讲执行率</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="right">{{item.fraction || '0'}}%</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="content-last">{{item.createTime}} | {{item.mm || 0}}min</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
@@ -1350,117 +1380,147 @@ |
|
|
|
.tabactive1 { |
|
|
|
padding-bottom: 100rpx; |
|
|
|
|
|
|
|
.content-tips { |
|
|
|
background: #fff; |
|
|
|
padding: 0 30rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
overflow: hidden; |
|
|
|
margin-bottom: 20rpx; |
|
|
|
border-bottom: 20rpx solid #f8f8f8; |
|
|
|
|
|
|
|
.content-first { |
|
|
|
margin-top: 19rpx; |
|
|
|
.content-tips { |
|
|
|
background: #fff; |
|
|
|
box-sizing: border-box; |
|
|
|
overflow: hidden; |
|
|
|
margin: 0 0 20rpx 0; |
|
|
|
padding: 30rpx; |
|
|
|
|
|
|
|
.content-first { |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
|
|
|
|
.left { |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
|
|
|
|
.left { |
|
|
|
display: flex; |
|
|
|
.img { |
|
|
|
width: 52rpx; |
|
|
|
height: 52rpx; |
|
|
|
background: #FFFFFF; |
|
|
|
border: 1px solid #C9C9C9; |
|
|
|
border-radius: 50%; |
|
|
|
text-align: center; |
|
|
|
line-height: 52rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.img { |
|
|
|
width: 52rpx; |
|
|
|
height: 52rpx; |
|
|
|
background: #FFFFFF; |
|
|
|
border: 1px solid #C9C9C9; |
|
|
|
border-radius: 50%; |
|
|
|
text-align: center; |
|
|
|
line-height: 52rpx; |
|
|
|
margin-right: 20rpx; |
|
|
|
} |
|
|
|
.name { |
|
|
|
font-weight: 600; |
|
|
|
color: #333333; |
|
|
|
margin-right: 10rpx; |
|
|
|
font-size: 30rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.name { |
|
|
|
font-weight: 600; |
|
|
|
color: #333333; |
|
|
|
// margin-left: 20rpx; |
|
|
|
margin-top: 11rpx; |
|
|
|
} |
|
|
|
.status { |
|
|
|
width: 110rpx; |
|
|
|
height: 42rpx; |
|
|
|
background: #FFF9F5; |
|
|
|
border-radius: 4rpx; |
|
|
|
font-size: 26rpx; |
|
|
|
font-weight: 400; |
|
|
|
color: #EC8D49; |
|
|
|
line-height: 42rpx; |
|
|
|
text-align: center; |
|
|
|
margin: 0 10rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.status { |
|
|
|
width: 110rpx; |
|
|
|
height: 42rpx; |
|
|
|
background: #FFF9F5; |
|
|
|
border-radius: 4rpx; |
|
|
|
font-size: 26rpx; |
|
|
|
font-weight: 400; |
|
|
|
color: #EC8D49; |
|
|
|
line-height: 42rpx; |
|
|
|
text-align: center; |
|
|
|
margin-left: 19rpx; |
|
|
|
margin-top: 11rpx; |
|
|
|
} |
|
|
|
.normal-status { |
|
|
|
color: red; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.right { |
|
|
|
display: flex; |
|
|
|
margin-top: 11rpx; |
|
|
|
.right { |
|
|
|
display: flex; |
|
|
|
margin-top: 11rpx; |
|
|
|
|
|
|
|
.point { |
|
|
|
width: 12rpx; |
|
|
|
height: 12rpx; |
|
|
|
background: #2B6EFF; |
|
|
|
border-radius: 50%; |
|
|
|
margin-right: 9rpx; |
|
|
|
margin-top: 16rpx; |
|
|
|
.point { |
|
|
|
width: 12rpx; |
|
|
|
height: 12rpx; |
|
|
|
background: #2B6EFF; |
|
|
|
border-radius: 50%; |
|
|
|
margin-right: 9rpx; |
|
|
|
margin-top: 16rpx; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.content-sec { |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
margin: 24rpx 0; |
|
|
|
|
|
|
|
.content-sec { |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
margin-top: 19rpx; |
|
|
|
.left { |
|
|
|
flex-grow: 1; |
|
|
|
height: 40rpx; |
|
|
|
font-size: 28rpx; |
|
|
|
font-family: PingFangSC-Medium, PingFang SC; |
|
|
|
font-weight: 500; |
|
|
|
color: #333333; |
|
|
|
line-height: 40rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.left { |
|
|
|
display: flex; |
|
|
|
.right { |
|
|
|
flex-shrink: 0; |
|
|
|
width: 340rpx; |
|
|
|
height: 40rpx; |
|
|
|
font-size: 28rpx; |
|
|
|
font-family: PingFangSC-Regular, PingFang SC; |
|
|
|
font-weight: 400; |
|
|
|
color: #333333; |
|
|
|
line-height: 40rpx; |
|
|
|
text-align: right; |
|
|
|
overflow: hidden; |
|
|
|
white-space: nowrap; |
|
|
|
text-overflow: ellipsis; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.cus { |
|
|
|
font-size: 30rpx; |
|
|
|
font-weight: 400; |
|
|
|
color: #666666; |
|
|
|
line-height: 30rpx; |
|
|
|
} |
|
|
|
.content-time { |
|
|
|
font-size: 28rpx; |
|
|
|
font-family: PingFangSC-Regular, PingFang SC; |
|
|
|
font-weight: 400; |
|
|
|
color: #333333; |
|
|
|
line-height: 40rpx; |
|
|
|
padding: 20rpx 0 24rpx; |
|
|
|
border-bottom: 1px solid #E0E0E0; |
|
|
|
} |
|
|
|
|
|
|
|
.arriveNum { |
|
|
|
font-size: 30rpx; |
|
|
|
font-weight: 400; |
|
|
|
line-height: 30rpx; |
|
|
|
margin-left: 10rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
.content-last { |
|
|
|
display: flex; |
|
|
|
justify-content: space-around; |
|
|
|
|
|
|
|
.right { |
|
|
|
width: 192rpx; |
|
|
|
height: 46rpx; |
|
|
|
background: #F4F8FD; |
|
|
|
border-radius: 6rpx; |
|
|
|
text-align: center; |
|
|
|
line-height: 46rpx; |
|
|
|
.cont-item { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
|
|
|
|
.count { |
|
|
|
height: 42rpx; |
|
|
|
font-size: 30rpx; |
|
|
|
font-family: PingFangSC-Regular, PingFang SC; |
|
|
|
font-weight: 400; |
|
|
|
color: #2671E2; |
|
|
|
color: #000000; |
|
|
|
line-height: 42rpx; |
|
|
|
margin-bottom: 16rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.content-last { |
|
|
|
margin: 30rpx 0; |
|
|
|
font-size: 30rpx; |
|
|
|
font-weight: 400; |
|
|
|
color: #666666; |
|
|
|
line-height: 30rpx; |
|
|
|
.text { |
|
|
|
height: 32rpx; |
|
|
|
font-size: 24rpx; |
|
|
|
font-family: PingFangSC-Regular, PingFang SC; |
|
|
|
font-weight: 400; |
|
|
|
color: #666666; |
|
|
|
line-height: 32rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.tabactive2 { |
|
|
|
.tab2-tips { |
|
|
|