From 38f4ba14b591f45c718ed0229868822e20cb93b1 Mon Sep 17 00:00:00 2001 From: corala <18339694416@163.com> Date: Mon, 25 Jul 2022 17:04:57 +0800 Subject: [PATCH] =?UTF-8?q?=E9=9C=80=E6=B1=82=E6=8C=96=E6=8E=98=E5=8A=9F?= =?UTF-8?q?=E8=83=BD=E4=BA=8C=E6=9C=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/center/consumer/consumerDetail.vue | 124 +++-- pages/center/consumer/index.vue | 636 ++++++++++++----------- pages/center/records/index.vue | 60 ++- pages/mine/details.vue | 125 +++-- pages/mine/details2.vue | 51 +- 5 files changed, 553 insertions(+), 443 deletions(-) diff --git a/pages/center/consumer/consumerDetail.vue b/pages/center/consumer/consumerDetail.vue index 6f154e0..19f1c02 100644 --- a/pages/center/consumer/consumerDetail.vue +++ b/pages/center/consumer/consumerDetail.vue @@ -14,18 +14,49 @@ - + + 销讲执行:{{ customerInfo.fraction || 0 }}% + - 手机号码: - {{customerInfo.phone&&customerInfo.isShow==1?customerInfo.phone.length==11?customerInfo.phone.substr(0, 3) + '****' + customerInfo.phone.substr(7):customerInfo.phone:customerInfo.phone&&customerInfo.isShow!=1?customerInfo.phone: '--'}} + + 手机号码:{{customerInfo.phone&&customerInfo.isShow==1?customerInfo.phone.length==11?customerInfo.phone.substr(0, 3) + '****' + customerInfo.phone.substr(7):customerInfo.phone:customerInfo.phone&&customerInfo.isShow!=1?customerInfo.phone: '--'}} + 到访次数:{{ customerInfo.visitRecord || "--" }}次/{{ + customerInfo.mm || 0 + }}min - + + 需求挖掘:{{ customerInfo.wordFraction || 0 }}% + 画像标签:{{ + customerInfo.demand.cusSemanticWordsList.length || 0 + }} + + + 所属顾问:{{ customerInfo.agentName || "--" }} + 客户阶段:{{ customerInfo.agentName || "--" }} + + + 上次到访:{{ customerInfo.createTime || "--" }} + + @@ -1049,7 +1066,6 @@ display: flex; justify-content: space-between; box-sizing: border-box; - // border-top: 1px solid #E0E0E0; font-weight: 400; color: #292929; height: 90rpx; @@ -1060,21 +1076,22 @@ display: flex; .img { - // margin-top: 19rpx; - width: 52rpx; - height: 52rpx; - border: 1px solid #E0E0E0; - border-radius: 50%; - text-align: center; - line-height: 50rpx; - margin-right: 20rpx; - } - - .test { - margin-top: 11rpx; - font-weight: 500; - color: #333333; - } + width: 52rpx; + height: 52rpx; + border-radius: 50%; + text-align: center; + line-height: 50rpx; + margin-right: 20rpx; + color: #fff; + font-size: 30rpx; + background: #9f61c8; + } + + .test { + margin-top: 11rpx; + font-weight: 500; + color: #333333; + } .edit { height: 30rpx; @@ -1089,22 +1106,18 @@ } } - .right { - display: flex; - - .point { - width: 12rpx; - height: 12rpx; - background: #2B6EFF; - border-radius: 50%; - margin-right: 9rpx; - margin-top: 20rpx; - } - - .test { - margin-top: 11rpx; - } - } + .right { + display: flex; + .test { + margin-top: 11rpx; + .blue { + font-size: 32rpx; + font-family: PingFangSC-Medium, PingFang SC; + font-weight: 500; + color: #2671e2; + } + } + } } .content-sec { @@ -1113,8 +1126,9 @@ position: relative; .content-sec-lab { - margin-top: 30rpx; + margin-top: 28rpx; display: flex; + justify-content: space-between; font-size: 30rpx; font-weight: 400; color: #666666; diff --git a/pages/center/consumer/index.vue b/pages/center/consumer/index.vue index 79a48f7..e67ea92 100644 --- a/pages/center/consumer/index.vue +++ b/pages/center/consumer/index.vue @@ -167,8 +167,227 @@ - + + + + + + 咨询业务 + + + + + + {{ item.label }} + + + + + + + + 接待时长 + + + + + + {{ item.label }} + + + + + + + + 客户等级 + + + + + + {{ item.label }} + + + + + + + + 客户阶段 + + + + + + {{ item.label }} + + + + + + + + 需求挖掘率 + + + + + + {{ item.label }} + + + + + + + + 销讲执行率 + + + + + + + {{ item.label }} + + + + + + + + 到访次数 + + + + + + {{ item.label }} + + + + + - - - - 咨询业务 - - - - - - {{ item.label }} - - - - - - - - 接待时长 - - - - - - {{ item.label }} - - - - - - - - 客户等级 - - - - - - {{ item.label }} - - - - - - - - 客户阶段 - - - - - - {{ item.label }} - - - - - - - - 需求挖掘率 - - - - - - {{ item.label }} - - - - - - - - 销讲执行率 - - - - - - - {{ item.label }} - - - - - - - - 到访次数 - - - - - - {{ item.label }} - - - - + 重置 确定 @@ -482,35 +485,37 @@ - - - 咨询业务 - - - - - - {{ item.label }} - - - - + + + + 咨询业务 + + + + + + {{ item.label }} + + + + + 重置 确定 @@ -1339,7 +1344,7 @@ export default { .content-sec { border-top: 1px solid #e0e0e0; padding: 0 30rpx; - padding-bottom: 30rpx; + // padding-bottom: 30rpx; position: relative; .content-sec-lab { @@ -1392,6 +1397,7 @@ export default { .content-last { display: flex; height: 42rpx; + margin-top: 30rpx; .content-last-tab { width: 33.4%; @@ -1415,80 +1421,88 @@ export default { // 这是弹出层 .screen { - .screen-record { - min-height: 764rpx; - overflow: hidden; - padding: 0 30rpx; - box-sizing: border-box; - border-bottom: 1px solid #e0e0e0; + .screen-record { + overflow: hidden; + padding: 0 30rpx; + box-sizing: border-box; + border-bottom: 1px solid #e0e0e0; - .screen-record-text { - padding: 30rpx 0; - font-size: 30rpx; - font-weight: 400; - color: #333333; - line-height: 30rpx; - display: flex; - align-items: center; - justify-content: space-between; - .arrow { - width: 30rpx; - height: 14rpx; - } - } + .screen-record-text { + font-weight: 600; + padding: 30rpx 0; + font-size: 30rpx; + color: #333333; + line-height: 30rpx; + display: flex; + align-items: center; + justify-content: space-between; + .arrow { + width: 30rpx; + height: 14rpx; + } + } - .screen-record-tab { - margin-top: 30rpx; - padding-bottom: 10rpx; - display: flex; - flex-wrap: wrap; - .screen-record-item { - min-width: 150rpx; - padding: 0 14rpx; - height: 60rpx; - border-radius: 8rpx; - text-align: center; - line-height: 60rpx; - margin: 0 22rpx 22rpx 0; - &:nth-child(4n) { - margin-right: 0; - } - } - .screen-record-chose { - background: #f1f6fd; - color: #2671e2; - } - .screen-record-nochose { - background: #f7f8fa; - color: #333; - } - } - } + .screen-record-tab { + margin-top: 30rpx; + padding-bottom: 10rpx; + display: flex; + flex-wrap: wrap; + .screen-record-item { + min-width: 150rpx; + padding: 0 14rpx; + height: 60rpx; + border-radius: 8rpx; + text-align: center; + line-height: 60rpx; + margin: 0 22rpx 22rpx 0; + &:nth-child(4n) { + margin-right: 0; + } + } + .screen-record-chose { + background: #f1f6fd; + color: #2671e2; + } + .screen-record-nochose { + background: #f7f8fa; + color: #333; + } + } + } .screen-foot { width: 100%; - height: 88rpx; + height: 78rpx; display: flex; + margin: 30rpx 30rpx 0; .screen-foot-reset { - width: 50%; - text-align: center; - height: 88rpx; - line-height: 88rpx; - font-size: 30rpx; - font-weight: 400; - color: #666666; + width: 176rpx; + height: 78rpx; + line-height: 78rpx; + background: #FFFFFF; + border-radius: 8rpx; + border: 1px solid #2671E2; + margin-right: 30rpx; + font-size: 30rpx; + font-family: PingFangSC-Regular, PingFang SC; + font-weight: 400; + color: #2671E2; + text-align: center; } .screen-foot-sure { - width: 50%; - text-align: center; - line-height: 88rpx; - height: 88rpx; - font-size: 30rpx; - font-weight: 400; - color: #ffffff; - background: #2671e2; + width: 484rpx; + height: 78rpx; + line-height: 78rpx; + background: #2671E2; + border: 1px solid #2671E2; + border-radius: 8rpx; + font-size: 30rpx; + font-family: PingFangSC-Regular, PingFang SC; + font-weight: 400; + color: #FFFFFF; + text-align: center; } } } diff --git a/pages/center/records/index.vue b/pages/center/records/index.vue index 83a72f0..618e8b8 100644 --- a/pages/center/records/index.vue +++ b/pages/center/records/index.vue @@ -94,8 +94,9 @@ - + + @@ -209,6 +210,7 @@ + 重置 @@ -1063,7 +1065,6 @@ // 这是弹出层 .screen { - position: absolute; width: 750rpx; .screen-counselor { @@ -1149,30 +1150,39 @@ } .screen-foot { - width: 100%; - height: 100rpx; - display: flex; + width: 100%; + height: 78rpx; + display: flex; + margin: 30rpx 30rpx 0; - .screen-foot-reset { - width: 50%; - text-align: center; - height: 100rpx; - line-height: 100rpx; - font-size: 30rpx; - font-weight: 400; - color: #666666; - } + .screen-foot-reset { + width: 176rpx; + height: 78rpx; + line-height: 78rpx; + background: #FFFFFF; + border-radius: 8rpx; + border: 1px solid #2671E2; + margin-right: 30rpx; + font-size: 30rpx; + font-family: PingFangSC-Regular, PingFang SC; + font-weight: 400; + color: #2671E2; + text-align: center; + } - .screen-foot-sure { - width: 50%; - text-align: center; - line-height: 100rpx; - height: 100rpx; - font-size: 30rpx; - font-weight: 400; - color: #FFFFFF; - background: #2671E2; - } - } + .screen-foot-sure { + width: 484rpx; + height: 78rpx; + line-height: 78rpx; + background: #2671E2; + border: 1px solid #2671E2; + border-radius: 8rpx; + font-size: 30rpx; + font-family: PingFangSC-Regular, PingFang SC; + font-weight: 400; + color: #FFFFFF; + text-align: center; + } + } } diff --git a/pages/mine/details.vue b/pages/mine/details.vue index 92c9bb2..a551ebe 100644 --- a/pages/mine/details.vue +++ b/pages/mine/details.vue @@ -74,6 +74,9 @@ 加精华 + 挖掘话术 + 播放 @@ -120,10 +123,19 @@ 设备日志 - + + + 常错词: