瀏覽代碼

修改客户管理样式

message
corala 2 年之前
父節點
當前提交
a0e24abae9
共有 25 個文件被更改,包括 373 次插入288 次删除
  1. 二進制
      components/uniapp-zaudio/static/pausebtn.png
  2. 二進制
      components/uniapp-zaudio/static/playbtn.png
  3. +9
    -10
      components/uniapp-zaudio/zaudio.vue
  4. +1
    -0
      pages.json
  5. +163
    -153
      pages/center/consumer/consumerDetail.vue
  6. +1
    -1
      pages/center/consumer/index.vue
  7. +96
    -66
      pages/index/consumer/index.vue
  8. +1
    -1
      pages/index/customer.vue
  9. +12
    -3
      pages/index/index.vue
  10. +2
    -1
      pages/index/personal.vue
  11. +85
    -45
      pages/mine/details2.vue
  12. +1
    -4
      pages/mine/reception/addreception.vue
  13. +2
    -4
      pages/mine/registerForm.vue
  14. 二進制
      static/images/allimg.png
  15. 二進制
      static/images/audioinfo1.png
  16. 二進制
      static/images/audioinfo3.png
  17. 二進制
      static/images/audioinfo4.png
  18. 二進制
      static/images/avatar-new.png
  19. 二進制
      static/images/excute.png
  20. 二進制
      static/images/filter.png
  21. 二進制
      static/images/genjin-icon.png
  22. 二進制
      static/images/pausebtn.png
  23. 二進制
      static/images/play.png
  24. 二進制
      static/images/playbtn.png
  25. 二進制
      static/images/qushi-up.png

二進制
components/uniapp-zaudio/static/pausebtn.png 查看文件

Before After
Width: 130  |  Height: 123  |  Size: 189 B Width: 44  |  Height: 44  |  Size: 802 B

二進制
components/uniapp-zaudio/static/playbtn.png 查看文件

Before After
Width: 130  |  Height: 130  |  Size: 274 B Width: 44  |  Height: 44  |  Size: 756 B

+ 9
- 10
components/uniapp-zaudio/zaudio.vue 查看文件

@@ -7,9 +7,9 @@
<view class="audio-control-wrapper">
<image :src="require('./static/loading.png')" v-if="loading" class="play loading"></image>
<template v-else>
<image :src="require('./static/playbtn.png')" alt="" @click="operate" class="play"
<image :src="require('./static/pausebtn.png')" alt="" @click="operate" class="play"
v-if="renderData('paused')"></image>
<image :src="require('./static/pausebtn.png')" alt="" @click="operate" class="play" v-else>
<image :src="require('./static/playbtn.png')" alt="" @click="operate" class="play" v-else>
</image>
</template>
</view>
@@ -41,9 +41,9 @@

<image :src="require('./static/loading.png')" v-if="loading" class="play loading"></image>
<template v-else>
<image :src="require('./static/playbtn.png')" alt="" @click="operate" class="play"
<image :src="require('./static/pausebtn.png')" alt="" @click="operate" class="play"
v-if="renderData('paused')"></image>
<image :src="require('./static/pausebtn.png')" alt="" @click="operate" class="play" v-else>
<image :src="require('./static/playbtn.png')" alt="" @click="operate" class="play" v-else>
</image>
</template>
</view>
@@ -69,9 +69,9 @@
<view class="audio-control-wrapper" :style="{backgroundImage: `url(${renderData('coverImgUrl')})`}">
<image :src="require('./static/loading.png')" v-if="loading" class="play loading"></image>
<template v-else>
<image :src="require('./static/playbtn.png')" alt="" @click="operate" class="play"
<image :src="require('./static/pausebtn.png')" alt="" @click="operate" class="play"
v-if="renderData('paused')"></image>
<image :src="require('./static/pausebtn.png')" alt="" @click="operate" class="play" v-else>
<image :src="require('./static/playbtn.png')" alt="" @click="operate" class="play" v-else>
</image>
</template>
</view>
@@ -145,7 +145,7 @@
},
themeColor: {
type: String,
default: '#42b983'
default: '#2671E2'
},
duration: {
type: String,
@@ -366,10 +366,9 @@
}

.play {
width: 48rpx;
height: 48rpx;
width: 44rpx;
height: 44rpx;
z-index: 99;
background: rgba(0, 0, 0, 0.4);
border-radius: 50%;
position: absolute;
top: 50%;


+ 1
- 0
pages.json 查看文件

@@ -50,6 +50,7 @@
"style": {
"navigationBarTitleText": "我的",
"navigationBarBackgroundColor": "#F8F8F8",
"navigationStyle":"custom",
"navigationBarTextStyle": "black"
}
}


+ 163
- 153
pages/center/consumer/consumerDetail.vue 查看文件

@@ -4,13 +4,13 @@
<view class="content-tips">
<view class="content-first">
<view class="left">
<view v-if="customerInfo.level.length==0"></view>
<view class="img A" v-else-if="customerInfo.level==1">A</view>
<view class="img B" v-else-if="customerInfo.level==2">B</view>
<view class="img C" v-else-if="customerInfo.level==3">C</view>
<view class="img D" v-else-if="customerInfo.level==4">D</view>
<view class="test">
{{customerInfo.name || '--'}}
<view v-if="customerInfo.level.length==0"></view>
<view class="img A" v-else-if="customerInfo.level==1">A</view>
<view class="img B" v-else-if="customerInfo.level==2">B</view>
<view class="img C" v-else-if="customerInfo.level==3">C</view>
<view class="img D" v-else-if="customerInfo.level==4">D</view>
<view v-if="customerInfo.clientStageName" class="clientStageName">{{ customerInfo.clientStageName }}</view>
</view>
<view class="edit" @click="goedit()" v-if="isHavePermission">
@@ -28,26 +28,32 @@
{{customerInfo.phone | phoneText}}
</view>
</view>
<view class="content-sec-lab">
顾问姓名:<view class="content-sec-lab1">{{customerInfo.agentName}}</view>
</view>
<view class="content-sec-lab" @click.stop="tipupon">
客户标签:
<text v-if="!customerInfo.demand.cusSemanticWordsList">暂无</text>
<view v-else class="content-sec-tips"
v-for="(che,ind) in customerInfo.demand.cusSemanticWordsList" :key='ind'>{{che.name}}</view>
<view class="conmsg-msg-lab-img" v-if="customerInfo.demand.cusSemanticWordsList.length>0">
<!-- <view class="conmsg-msg-lab-img" v-if="customerInfo.demand.cusSemanticWordsList.length>0">
<image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image>
</view>
</view>
<view class="content-sec-lab">
顾问姓名:<view class="content-sec-lab1">{{customerInfo.agentName}}</view>
</view> -->
</view>
<view class="content-sec-lab">
添加时间:<view class="content-sec-lab1">{{customerInfo.createTime}}</view>
</view>
<view class="content-sec-num">
<view class="">{{customerInfo.visitRecord || '--'}}次到访</view>
<view>到访{{customerInfo.visitRecord || '--'}}次</view>
<view>
{{customerInfo.mm || '0'}}min/{{customerInfo.fraction || '0'}}%
</view>
</view>
<!-- <view class="content-sec-num">
<view class="">到访{{customerInfo.visitRecord || '--'}}次</view>
<view class="">{{customerInfo.fraction || '0'}}% | {{customerInfo.mm || '0'}}<text
style="font-size: 24rpx;">min</text></view>
</view>
</view> -->
</view>
<view class="content-last">
<view class="content-last-con">
@@ -89,7 +95,7 @@
<view class="name">{{item.agentName || '--'}}</view>
<view class="status" v-if="item.replaceReception==1">代接待</view>
</view>
<!-- <view class="right">
<!-- <view class="right">
<view class="point"></view>
<view class="">优秀案例</view>
</view> -->
@@ -97,12 +103,11 @@

<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 || '--'}}次到访</view>
<view class="cus">客户:{{item.name || ''}} |</view>
<view class="arriveNum">{{item.visitRecord==1?'首':item.visitRecord || '--'}}次到访</view>
</view>
<view class="right">{{item.fraction || '0'}}%</view>
</view>

<view class="content-last">{{item.createTime}} | {{item.mm || '--'}}min</view>
</view>
</view>
@@ -142,29 +147,26 @@
<view class="ratetetle">执行总览</view>
<view class="rateyuanbox">
<view class="rateyuanboxzuo">
<view class="boxzuoview cccccc">{{customerInfo.visitRecord || '--'}}次</view>
<view style="color: #333333;font-size: 28rpx;font-weight: 400;text-align: center;">接待次数</view>
<view class="boxzuoview">{{customerInfo.visitRecord || '--'}}次</view>
<view class="ratetetle-desc">接待次数</view>
</view>
<view class="rateyuanboxyou">
<view class="boxzuoview" style="width: 100%;display: flex;justify-content: center;">
<u-circle-progress active-color="#4FC78F" width='139' :percent="customerInfo.fraction">
<view style="text-align: center;color: #4FC78F;">{{customerInfo.fraction}}%</view>
<u-circle-progress active-color="#07B79D" width='108' :percent="customerInfo.fraction">
<view style="text-align: center;color: #07B79D;">{{customerInfo.fraction}}%</view>
</u-circle-progress>
</view>
<view style="color: #333333;font-size: 28rpx;font-weight: 400;text-align: center;">销讲执行率</view>
<view class="ratetetle-desc">销讲执行率</view>
</view>
<view class="rateyuanboxzuo">
<view class="boxzuoview cccccc">{{customerInfo.mm}}min</view>
<view style="color: #333333;font-size: 28rpx;font-weight: 400;text-align: center;">接待时长</view>
<view class="boxzuoview">{{customerInfo.mm}}min</view>
<view class="ratetetle-desc">接待时长</view>
</view>
</view>
<view
style="width: 100%;height: 80rpx;border-bottom: 1rpx solid #E0E0E0;display: flex;align-items: center;">
<view style="flex: 1;font-size: 28rpx;color: #333333;font-weight: 600;text-indent: 20rpx;">指标</view>
<view style="flex: 1;font-size: 28rpx;color: #333333;font-weight: 600;text-indent: 170rpx;">执行率
</view>
<view class="middle-title">
<view class="item-title1">指标</view>
<view class="item-title">执行率</view>
</view>

<view v-if="ratelist.length==0" style="width: 100%;height: 100%;display: flex;align-items: center;">
<view style="width: 100%;padding-top: 60rpx;">
<view style="width: 100%;text-align: center;">
@@ -194,7 +196,7 @@
<view class="title1">{{subitem.name}}</view>
<view class="leve1-jindu">
<view class="zhixing" v-if="!subitem.selected">已执行</view>
<view class="zhixing2" v-else>未执行 {{ subitem.selected }}</view>
<view class="zhixing2" v-else>未执行</view>
</view>
<view class="jiantobox">
<image v-if="!subitem.show" class="arrow rotatearrow" src="/static/images/down.png"
@@ -205,7 +207,7 @@
<view class="hsnrtest" v-if="subitem.show">话术内容</view>
<view class="Level3che" @tap="clickaudeopal(che)" v-if="subitem.show"
v-for="(che,inc) in subitem.children" :key='inc'>
<view class="title1">{{inc+1}}.{{che.name}}</view>
<view class="title1">{{inc+1}}{{che.name}}</view>
<view class="jiantobox">
<image v-if="che.selected==0" class="arrow" src="/static/images/rate-checked.png"
mode="" />
@@ -214,7 +216,6 @@
<view v-if="subitem.show" style="width: 100%;height: 30rpx;"></view>
</view>
</view>

</view>
</view>

@@ -624,21 +625,17 @@

.Level-box {
padding-bottom: 2rpx;
border-bottom: 1rpx solid #E0E0E0;
.hhhbox {
width: 100%;
padding-left: 30rpx;
padding-right: 30rpx;
border-bottom: 1rpx solid #E0E0E0;
background: #FFFFFF;

// padding-bottom: 32rpx;
padding: 0 30rpx;
background: #f8f8f8;
.hsnrtest {
height: 24rpx;
height: 36rpx;
font-size: 24rpx;
font-weight: 400;
color: #666666;
line-height: 24rpx;
line-height: 36rpx;
}

.Level3che {
@@ -647,7 +644,7 @@
display: flex;
line-height: 28rpx;
align-items: center;
margin-top: 30rpx;
margin-top: 24rpx;

.title1 {
flex: 1;
@@ -681,7 +678,7 @@
flex: 2;
font-size: 28rpx;
color: #333333;
font-weight: 400;
font-weight: 500;
}

.leve1-jindu {
@@ -691,25 +688,25 @@
align-items: center;

.zhixing {
width: 108rpx;
height: 44rpx;
width: 116rpx;
height: 48rpx;
line-height: 48rpx;
background: #2671E2;
border-radius: 4rpx;
font-size: 28rpx;
text-align: center;
line-height: 44rpx;
color: #FFFFFF;
}

.zhixing2 {
width: 108rpx;
height: 44rpx;
background: #F8F8F8;
width: 116rpx;
height: 48rpx;
line-height: 48rpx;
border-radius: 4rpx;
font-size: 28rpx;
text-align: center;
line-height: 44rpx;
color: #999999;
color: #FFFFFF;
background: #D8D8D8;
}
}

@@ -728,13 +725,12 @@

.Level1che {
width: 100%;
height: 94rpx;
background: #F5F5F5;
height: 98rpx;
background: #fff;
display: flex;
line-height: 94rpx;
line-height: 98rpx;
align-items: center;
padding-left: 30rpx;
padding-right: 30rpx;
padding:0 30rpx;

.title1 {
flex: 2;
@@ -749,14 +745,13 @@
.jindutiao {
width: 96%;
height: 28rpx;
background: #D5EEE2;
line-height: 28rpx;
border-radius: 14rpx;
position: relative;
background: rgba(7, 183, 157, 0.2);
.huanxing {
height: 100%;
background: #4FC78F;
background: #07B79D;
border-radius: 14rpx;
}

@@ -784,51 +779,64 @@
}
}
}



.cccccc {
text-align: center;
height: 140rpx;
line-height: 140rpx;
font-size: 30rpx;
}

.ratecenter {
background-color: #FFFFFF;
padding-bottom: 30rpx;
width: 100%;

.ratetetle {
padding: 30rpx;
height: 42rpx;
font-size: 30rpx;
font-weight: 400;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
padding-bottom: 6rpx;
line-height: 42rpx;
padding: 24rpx 30rpx;
}

.rateyuanbox {
width: 100%;
height: 210rpx;
padding-bottom: 30rpx;
border-bottom: 1rpx solid #E0E0E0;
display: flex;
padding-left: 80rpx;
padding-right: 80rpx;

.rateyuanboxzuo {
width: 30%;
height: 100%;
}

.rateyuanboxyou {
width: 40%;
height: 100%;
}

.boxzuoview {
width: 100%;
height: 140rpx;
line-height: 140rpx;
text-align: center;
}
.ratetetle-desc{
color: #666;
font-size:30rpx;
font-weight: 400;
text-align: center;
}
}
.middle-title{
height: 78rpx;
line-height: 78rpx;
display: flex;
// justify-content: space-around;
align-items: center;
background: #F4F8FD;
font-size: 30rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
.item-title1 {
width: 450rpx;
padding-left: 30rpx;
}
.item-title {
flex: 1;
}
}
}
@@ -850,14 +858,14 @@
flex: 1;
height: 100%;
text-align: center;
line-height: 92rpx;
line-height: 88rpx;
color: #666666;
font-size: 28rpx;
font-size: 30rpx;
display: flex;
justify-content: center;
box-shadow: 0px 1rpx 0px 0px #E0E0E0;
.activecllasscet {
border-bottom: 2px solid #2671E2;
border-bottom: 6rpx solid #2671E2;
color: #2671E2;
font-weight: 600;
}
@@ -894,39 +902,47 @@
justify-content: space-between;
.img {
flex-shrink: 0;
width: 52rpx;
height: 52rpx;
border: 1px solid #E0E0E0;
border-radius: 50%;
width: 48rpx;
height: 48rpx;
line-height: 48rpx;
text-align: center;
line-height: 50rpx;
margin-right: 20rpx;
margin-left: 16rpx;
background: #E6625B;
border-radius: 6rpx;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #FFFFFF;
}

.test {
flex-grow: 1;
height: 42rpx;
font-size: 30rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
line-height: 42rpx;
margin-right: 16rpx;
display: flex;
align-items: center;
.clientStageName {
margin-left: 20rpx;
padding: 5rpx 20rpx;
border: 1px solid #F29819;
border-radius: 32rpx 32rpx 32rpx 0;
color: #F29819;
font-size: 20rpx;
}
}
.clientStageName {
margin-left: 16rpx;
padding: 0 16rpx;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #FF981E;
height: 48rpx;
line-height: 48rpx;
background: #FFFFFF;
border-radius: 4rpx;
border: 1rpx solid #FF981E;
}

.edit {
flex-shrink: 0;
height: 40rpx;
width: 40rpx;
margin-left: 30rpx;

image {
width: 100%;
height: 100%;
@@ -964,57 +980,56 @@
display: flex;
font-size: 30rpx;
font-weight: 400;
color: #666666;
line-height: 46rpx;
color: #333;
line-height: 42rpx;

.content-sec-lab1 {
color: #333333;
}

.content-sec-tips {
max-width: 120rpx;
height: 46rpx;
background: #F2F2F2;
border-radius: 6rpx;
max-width: 175rpx;
text-align: center;
line-height: 26rpx;
line-height: 48rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 26rpx;
font-weight: 400;
color: #333333;
margin-right: 20rpx;
color: #2671E2;
margin-right: 12rpx;
box-sizing: border-box;
padding: 10rpx 24rpx;
padding: 0 20rpx;
height: 48rpx;
background: #F4F8FD;
border-radius: 6rpx;
}
}

.content-sec-num {
position: absolute;
width: 200rpx;
height: 90rpx;
width: 196rpx;
height: 112rpx;
background: #F4F8FD;
border-radius: 12rpx;
font-weight: 400;
color: #2671E2;
line-height: 45rpx;
bottom: 15rpx;
border-radius: 8rpx;
top: 28rpx;
right: 30rpx;
padding: 16rpx 20rpx;
color: #2671E2;
line-height: 40rpx;
text-align: center;
}
}

.content-last {
padding: 30rpx;
height: 168rpx;

margin-top: 28rpx;
.content-last-con {
width: 690rpx;
height: 108rpx;
min-height: 112rpx;
background: #F8F8F8;
border-radius: 8rpx;
padding: 14rpx 20rpx;
padding: 16rpx 20rpx;
font-size: 28rpx;
font-weight: 400;
color: #333333;
@@ -1108,35 +1123,36 @@
.cus {
font-size: 30rpx;
font-weight: 400;
color: #666666;
line-height: 30rpx;
color: #333;
line-height: 42rpx;
}

.arriveNum {
font-size: 30rpx;
font-weight: 400;
line-height: 30rpx;
margin-left: 10rpx;
color: #2671E2;
}
}

.right {
width: 192rpx;
height: 46rpx;
height: 56rpx;
background: #F4F8FD;
border-radius: 6rpx;
text-align: center;
line-height: 46rpx;
line-height: 56rpx;
font-weight: 400;
color: #2671E2;
font-size: 28rpx;
padding: 0 20rpx;
}
}

.content-last {
margin: 30rpx 0;
margin: 28rpx 0;
font-size: 30rpx;
font-weight: 400;
color: #666666;
color: #333;
line-height: 30rpx;
}

@@ -1161,7 +1177,6 @@
display: flex;
justify-content: space-between;

// height: 75rpx;
.tab2-first-left {
display: flex;
align-items: center;
@@ -1183,9 +1198,9 @@
}
.clientStageName {
margin-left: 20rpx;
margin-right: 20rpx;
padding: 5rpx 20rpx;
border: 1px solid #F29819;
border: 1rpx solid #F29819;
border-radius: 32rpx 32rpx 32rpx 0;
color: #F29819;
font-size: 20rpx;
@@ -1292,23 +1307,18 @@
.A {
color: #FFF;
background: #19AC09;
border: 1px solid #19AC09 !important;
}
.B {
color: #FFF;
background: #F29819;
border: 1px solid #F29819 !important;
}
.C {
color: #FFF;
background: #F2D01A;
border: 1px solid #F2D01A !important;
}
.D {
color: #FFF;
background: #1396F6;
border: 1px solid #1396F6 !important;
}
background: #E6625B;
}

.B {
background: #F29819;
}

.C {
background: #19AC09;
}

.D {
background: #1396F6;
}
</style>

+ 1
- 1
pages/center/consumer/index.vue 查看文件

@@ -630,7 +630,7 @@
color: #333333;
}
.content-sec-tips{
max-width:160rpx ;
max-width:160rpx;
height: 46rpx;
background: #F2F2F2;
border-radius: 6rpx;


+ 96
- 66
pages/index/consumer/index.vue 查看文件

@@ -8,6 +8,7 @@
</view>
<view class="search-text">输入客户姓名/手机号</view>
</view>
<image @click="filterFun" class="filter" src="../../../static/images/filter.png" mode="" />
</view>
</view>

@@ -46,18 +47,17 @@
<view style="text-align: center;width: 100%;margin-top: 20rpx;color: #999999;">暂无数据</view>
</view>
</view>
<view v-if="recordList.length!=0" class="content-tips" v-for="(item,index) in recordList" :key='index'
<view v-if="recordList.length" class="content-tips" v-for="(item,index) in recordList" :key='index'
@click="gotoDetail(item.id)">
<view class="content-first">
<view class="left">
<view class="test">{{item.name}}</view>
<template v-if="item.level > 0">
<view class="img" :class="colorName[item.level]">{{ item.level | levelText }}</view>
</template>
<view class="test">{{item.name}}</view>
<view v-if="item.clientStageName" class="clientStageName">{{ item.clientStageName }}</view>
</view>
<view class="right">
{{item.fraction || '0'}}%
<image class="right-img" src="../../../static/images/arrow-right.png" mode=""></image>
</view>
</view>
@@ -80,21 +80,26 @@
</block>
</template>
</view>

<view class="content-sec-lab">
添加时间:<view class="content-sec-lab1">{{item.createTime | formatTime}}</view>
</view>
<view class="content-sec-num">
<view class="">{{item.visitRecord || '--'}}次到访 | {{item.mm || '0'}}<text
style="font-size: 24rpx;">min</text></view>
<view>到访{{item.visitRecord || '--'}}次</view>
<view>
{{item.mm || '0'}}min/{{item.fraction || '0'}}%
</view>
</view>
</view>

<template v-if="permissions.commonly2">
<view class="content-last">
<!-- <view class="content-last-tab">添加提醒</view>
<view class="content-last-tab">拨打电话</view> -->
<view class="content-last-tab" @click.stop="gotoFollowUp(item)">写跟进</view>
<!-- <view class="content-last-tab">
<image src="/static/images/genjin-icon.png" mode="" />添加提醒</view>
<view class="content-last-tab">
<image src="/static/images/genjin-icon.png" mode="" />
打电话</view> -->
<view class="content-last-tab" @click.stop="gotoFollowUp(item)">
<image src="/static/images/genjin-icon.png" mode="" />
写跟进</view>
</view>
</template>

@@ -440,6 +445,9 @@
}
},
methods: {
filterFun(){

},
// 过滤
resetFilter() {
this.sortFilter = '排序';
@@ -797,9 +805,8 @@
top: var(--window-top);
z-index: 999;
width: 100;
height: 92rpx;
height: 72rpx;
background: #FFFFFF;
border: 1px solid #E0E0E0;
flex-shrink: 0;
display: flex;
align-items: center;
@@ -808,7 +815,7 @@
flex: 1;
height: 100%;
text-align: center;
line-height: 92rpx;
line-height: 72rpx;
color: #666666;
font-size: 28rpx;
overflow: hidden;
@@ -842,9 +849,14 @@
display: flex;
align-items: center;
justify-content: center;
.filter{
width: 40rpx;
height: 40rpx;
margin-left: 30rpx;
}

.search {
width: 94%;
width: 620rpx;
height: 70rpx;
display: flex;
align-items: center;
@@ -887,14 +899,19 @@

.count {
width: 100%;
height: 90rpx;
height: 82rpx;
line-height: 82rpx;
display: flex;
align-items: center;
justify-content: center;
background-color: #FBE4E4;
background-color: #f8f8f8;
font-size: 30rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;

text {
color: #F71616;
color: #E7483C;
}
}

@@ -902,8 +919,7 @@
.content {
.content-tips {
background: #fff;
margin-top: 20rpx;

margin-bottom: 20rpx;
.content-first {
padding: 19rpx 30rpx;
display: flex;
@@ -919,54 +935,58 @@
align-items: center;

.img {
width: 52rpx;
height: 52rpx;
border: 1px solid #E0E0E0;
border-radius: 50%;
margin-right: 20rpx;
display: flex;
align-items: center;
justify-content: center;
width: 48rpx;
height: 48rpx;
line-height: 48rpx;
text-align: center;
margin-right: 16rpx;
background: #E6625B;
border-radius: 6rpx;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #FFFFFF;
}

.clientStageName {
margin-left: 20rpx;
padding: 5rpx 20rpx;
border: 1px solid #F29819;
border-radius: 32rpx 32rpx 32rpx 0;
color: #F29819;
font-size: 20rpx;
margin-right: 20rpx;
padding: 0 16rpx;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #FF981E;
height: 48rpx;
line-height: 48rpx;
background: #FFFFFF;
border-radius: 4rpx;
border: 1rpx solid #FF981E;
}

// '#19AC09', '#F29819', '#F2D01A', '#1396F6',
.A {
color: #FFF;
background: #19AC09;
border: 1px solid #19AC09;
background: #E6625B;
}

.B {
color: #FFF;
background: #F29819;
border: 1px solid #F29819;
}

.C {
color: #FFF;
background: #F2D01A;
border: 1px solid #F2D01A;
background: #19AC09;
}

.D {
color: #FFF;
background: #1396F6;
border: 1px solid #1396F6;
}


.test {
height: 42rpx;
font-size: 30rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
line-height: 42rpx;
margin-right: 16rpx;
}
}

@@ -991,45 +1011,48 @@
position: relative;

.content-sec-lab {
margin-top: 30rpx;
margin-top: 28rpx;
display: flex;
font-size: 30rpx;
font-weight: 400;
color: #666666;
line-height: 46rpx;
color: #333;
line-height: 42rpx;

.content-sec-lab1 {
color: #333333;
}

.content-sec-tips {
max-width: 160rpx;
height: 46rpx;
background: #F2F2F2;
padding: 0 20rpx;
height: 48rpx;
background: #F4F8FD;
border-radius: 6rpx;
max-width: 160rpx;
text-align: center;
line-height: 26rpx;
line-height: 48rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 26rpx;
font-weight: 400;
color: #333333;
margin-right: 20rpx;
margin-right: 12rpx;
box-sizing: border-box;
padding: 10rpx 24rpx;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
color: #2671E2;
}
}

.content-sec-num {
position: absolute;
bottom: 25rpx;
width: 196rpx;
height: 112rpx;
border-radius: 8rpx;
top: 28rpx;
right: 30rpx;
padding: 3rpx 12rpx;
padding: 16rpx 20rpx;
background: #F4F8FD;
border-radius: 6rpx;
color: #2671E2;
line-height: 45rpx;
line-height: 40rpx;
text-align: center;
}
}
@@ -1039,19 +1062,26 @@
display: flex;
justify-content: flex-end;
align-items: center;
border-top: 1px solid #E0E0E0;

.content-last-tab {
margin-right: 30rpx;
width: 156rpx;
height: 60rpx;
width: 214rpx;
height: 70rpx;
background: #FFFFFF;
border-radius: 8rpx;
border: 1rpx solid #2671E2;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #2671E2;
font-size: 30rpx;
color: #333333;
border-radius: 30rpx;
border: 1px solid #999999;
margin-right: 30rpx;
display: flex;
align-items: center;
justify-content: center;
image{
width: 40rpx;
height: 40rpx;
margin-right: 12rpx;
}
}
}



+ 1
- 1
pages/index/customer.vue 查看文件

@@ -152,7 +152,7 @@
</image>

<!-- 底部导航栏 -->
<!-- <u-tabbar :mid-button="true" activeColor="#1296db" inactiveColor="#999999" v-model="current" :list="tabbarList">
<!-- <u-tabbar :mid-button="false" activeColor="#1296db" inactiveColor="#999999" v-model="current" :list="tabbarList">
</u-tabbar> -->
</view>
</template>


+ 12
- 3
pages/index/index.vue 查看文件

@@ -113,7 +113,9 @@
<view class="real-timebox">
<view class="timebox">
<view class="real" @click="tapjumpreception('1')">
<view class="realnum">{{realtimeobj.fraction || 0}}%</view>
<view class="realnum u-flex" style="justify-content: center">{{realtimeobj.fraction || 0}}%
<image class="qushi-icon" src="/static/images/excute.png" mode="" />
</view>
<view class="realtext">平均执行率</view>
</view>
<view class="real" @click="tapjumpreception('1')">
@@ -164,7 +166,9 @@
<view class="real-timebox" >
<view class="timebox">
<view class="real" @click="tapjumpreception('3')">
<view class="realnum">{{Thisweekobj.fraction || 0}}%</view>
<view class="realnum u-flex" style="justify-content: center">{{Thisweekobj.fraction || 0}}%
<image class="qushi-icon" src="/static/images/qushi-up.png" mode="" />
</view>
<view class="realtext">平均执行率</view>
</view>
<view class="real" @click="tapjumpreception('3')">
@@ -985,7 +989,7 @@
width: 100%;
background: #FFFFFF;
height: 154rpx;
box-shadow: 0px 0px 12px 0px rgba(224, 224, 224, 0.3);
box-shadow: 0px 0px 12rpx 0px rgba(224, 224, 224, 0.3);
border-radius: 12rpx;
display: flex;

@@ -1129,6 +1133,11 @@
font-weight: bold;
color: #333333;
line-height: 50rpx;
.qushi-icon{
width: 28rpx;
height: 14rpx;
margin-left: 2rpx;
}
}

.realtext {


+ 2
- 1
pages/index/personal.vue 查看文件

@@ -1,6 +1,6 @@
<template>
<view class="main">
<!-- 头部开始 -->
<u-navbar title="我的" :autoback="false" :titleStyle="{color: black}"> </u-navbar>
<view class="header">
<view class="header-zuo">
<u-avatar
@@ -163,6 +163,7 @@
min-height: calc(100vh - var(--window-top));
display: flex;
flex-direction: column;
// background: url(https://static.quhouse.com/007d3ea7c9b74ffd9e00ae0918ae1631.png) no-repeat top center;
}

.header {


+ 85
- 45
pages/mine/details2.vue 查看文件

@@ -4,7 +4,7 @@
<!-- 顶部时间 -->
<view class="headboxhead">
<view class="boxhead1">{{date}}</view>
<view class="boxhead2" v-if="permissions.commonly3">
<view class="boxhead2" v-if="!permissions.commonly3">
<image v-if="status==1" @click="tappick()" src="../../static/images/pike.png" mode=""></image>
<image v-if="status==0" @click="notappick()" src="../../static/images/nopike.png" mode=""></image>
</view>
@@ -17,10 +17,13 @@
<!-- 标记顾问 -->
<view class="headboxbott">
<view class="headovfu">
<u-tabs-swiper ref="tabs" font-size="30" :bold="true" swiper-width="600" :current="roleindex"
<!-- <u-tabs-swiper ref="tabs" font-size="30" :bold="true" swiper-width="600" :current="roleindex"
@change="tapspagek()" inactive-color="#b1b1b1" active-color="#008ef2" :list="tablist"
:is-scroll="true">
</u-tabs-swiper>
</u-tabs-swiper> -->
<view class="mytab" v-for="(item,index) in tablist" :key="index" @click="tapspagek(index)">
<view class="tab-item" :class="roleindex==index?'tabActive':''">{{item.name}}</view>
</view>
</view>
<view v-if="permissions.commonly1" class="headpade">
<view class="biaoji" @tap="tagtap()">标记</view>
@@ -38,8 +41,10 @@
:data-speaker="item.speaker" :id="'dialog'+csdFileindex+'text'+item.bg">
<view class="avatar">
<view :style="[SPEAKERSTYLE(item.speaker)]">
<image v-if="item.isShow == 0" :src="Aimg.replace(/[\r\n]/g,'')" mode="widthFix">
<image v-if="item.isShow == 0" src="/static/images/avatar-new.png" mode="widthFix">
</image>
<!-- <image v-if="item.isShow == 0" :src="Aimg.replace(/[\r\n]/g,'')" mode="widthFix">
</image> -->
<text v-else>{{ item.speaker | toCapital }}</text>
</view>
</view>
@@ -75,7 +80,7 @@
</view>
</view>
<image @click="clickbofang(dialog.backindex,item)" class="play"
src="../../static/images/recordingManagement/play.png"></image>
src="../../static/images/play.png"></image>
</view>
</view>
</view>
@@ -104,7 +109,7 @@
<view class="fill"></view>
<!-- audioinfo2 -->
<view @click.stop="Receivedetailsabouttab('Receivedetailsabout')" class="tmmchen"
v-if="permissions.commonly2==true">
v-if="permissions.commonly2">
<image src="../../static/images/allimg.png" mode=""></image>
<view>更多</view>
<view class="allimg" v-if="Thetapeidisshow">
@@ -113,7 +118,7 @@
</view>
</view>

<view class="tmmchen" @click.stop="Receivetap()" v-if="permissions.commonly2 == false">
<view class="tmmchen" @click.stop="Receivetap()" v-if="!permissions.commonly2">
<image @click.stop="Receivedetailsabouttab('Receivedetailsabout')"
src="../../static/images/audioinfo2.png" mode=""></image>
<view @click.stop="Receivedetailsabouttab('Receivedetailsabout')">接待信息</view>
@@ -1760,6 +1765,7 @@
width: 100%;
height: 170rpx;
border-top: 1px solid #E0E0E0;
padding-bottom: 10rpx;

.bottomhead {
width: 100%;
@@ -1818,16 +1824,17 @@
.headboxhead {
width: 100%;
height: 84rpx;
border-bottom: 1px solid #E0E0E0;
// border-bottom: 1px solid #E0E0E0;
display: flex;

.boxhead1 {
width: 50%;
color: #303030;
margin-left: 30rpx;
height: 84rpx;
font-size: 30rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #303030;
line-height: 84rpx;
font-size: 28rpx;
text-indent: 30rpx;
}

.boxhead2 {
@@ -1853,6 +1860,29 @@
flex: 1;
height: 88rpx;
overflow: hidden;
display: flex;
align-items: center;
.mytab{
margin-left: 20rpx;
.tab-item{
padding: 0 20rpx;
height: 52rpx;
line-height: 52rpx;
background: #FFFFFF;
border-radius: 8rpx;
border: 1rpx solid #E0E0E0;
font-size: 26rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #999999;
}
.tabActive{
background: #2671E2;
color: #fff;
}
}

}

.headpade {
@@ -1864,14 +1894,14 @@
border-left: 1px solid #D6D6D6;

.biaoji {
min-width: 120rpx;
height: 48rpx;
background: #E6625B;
border-radius: 24rpx;
text-align: center;
line-height: 48rpx;
line-height: 52rpx;
color: #FFFFFF;
font-size: 26rpx;
width: 100rpx;
height: 52rpx;
background: #E6625B;
border-radius: 26rpx;
}
}
}
@@ -1887,7 +1917,8 @@
height: 88rpx;
text-align: center;
color: #666666;
font-size: 18rpx;
font-size: 24rpx;
line-height: 32rpx;
position: relative;

.allimg {
@@ -1904,13 +1935,11 @@
}

.tmmchen image {
width: 40rpx;
height: 40rpx;
margin-top: 10rpx;
margin-bottom: 2rpx;
width: 44rpx;
height: 44rpx;
margin-bottom: 10rpx;
}


.zhezhoa {
position: fixed;
top: 0;
@@ -2281,17 +2310,25 @@
}

.scroll-Y .text .avatar {
margin-top: 80rpx;
width: 64upx;
height: 64upx;
line-height: 64upx;
text-align: center;
font-size: 36rpx;
border-radius: 50%;
background: #F2F2F2;
color: #008EF2;
image {
width: 40upx;
margin-top: 38rpx;
text{
display: block;
width: 72rpx;
height: 72rpx;
line-height: 72rpx;
text-align: center;
background: #FFFFFF;
border-radius: 8rpx;
border: 2rpx solid #E6625B;
font-size: 30rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #E6625B;
box-sizing: border-box;
}
image{
width: 72rpx;
height: 72rpx;
}
}
.scroll-Y .text .contentInfo .info {
@@ -2307,15 +2344,18 @@
}

.scroll-Y .text .contentInfo .contentMain .content {
margin-left: 30upx;
line-height: 60rpx;
margin-left: 30rpx;
line-height: 42rpx;
text-align: left;
padding: 0 5px;
padding: 15rpx 20rpx;
border-radius: 8upx;
max-width: 442rpx;
background: #F6F6F6;
color: #999999;
background: #F8F8F8;
position: relative;
font-size: 30rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #505050;

.tankuangcss {
position: absolute;
@@ -2618,7 +2658,7 @@


.scroll-Y .text.active .content {
color: #FF7538 !important;
color: #2671E2 !important;
position: relative;
}

@@ -2626,14 +2666,14 @@
.scroll-Y .text.active[data-speaker="2"] .content,
.scroll-Y .text.active[data-speaker="4"] .content,
.scroll-Y .text.active[data-speaker="6"] .content {
color: #FF7538 !important;
color: #2671E2 !important;
position: relative;
}
.scroll-Y .isGreen .contentInfo .contentMain .content {
background: #2BC805 !important;
color: #FFFFFF;
}
// .scroll-Y .isGreen .contentInfo .contentMain .content {
// background: #2BC805 !important;
// color: #FFFFFF;
// }
/deep/ .u-model-title{
padding: 34rpx 0 16rpx !important;
}


+ 1
- 4
pages/mine/reception/addreception.vue 查看文件

@@ -11,7 +11,6 @@
placeholder="请输入客户姓名(必填)" />
</view>
<view class="titleimg">
<!-- <image class="titleimg1" src="../../../static/images/arrow.png" mode=""></image> -->
</view>
</view>
<view class="title">
@@ -70,9 +69,7 @@
</view>
</view>
</view>

<view class="clive" @click="$noMultipleClicks(save)">确定</view>

<u-select :mask-close-able="false" v-model="Showhiddenunits" mode="single-column" :list="list"
@cancel="cancel" @confirm="confirm"></u-select>
<u-select :mask-close-able="false" v-model="Showhid" mode="single-column" :list="freeList" @cancel="cancel1"
@@ -89,7 +86,7 @@

export default {
data() {
return {
return {
noClick: true,
Showhiddenunits: false,
list: [{


+ 2
- 4
pages/mine/registerForm.vue 查看文件

@@ -9,7 +9,6 @@
placeholder="请输入客户姓名(必填)" />
</view>
<view class="titleimg">
<!-- <image class="titleimg1" src="../../../static/images/arrow.png" mode=""></image> -->
</view>
</view>
</view>
@@ -49,7 +48,6 @@
<view class="titletext">咨询业务</view>
<view class="titletext2"
style="font-size: 30rpx;font-weight: 400;color: #B2B2B2;line-height: 110rpx;padding-left: 10rpx;">
<text v-if="parames.sourceName" style="color: #333333;">{{parames.sourceName}}</text>
<text v-else>请选择咨询业务</text>
</view>
@@ -69,7 +67,7 @@

<script>
var app = getApp();
var config = require("@/config");
var config = require("@/config");
let domain = require("@/utils/domain")
export default {
data() {
@@ -127,7 +125,7 @@
return;
}
},
getPhoneNumber(e){
getPhoneNumber(e){
this.qrCodeUrl = domain.baseUrl
if(e.detail.errMsg=="getPhoneNumber:ok"){
let data = {


二進制
static/images/allimg.png 查看文件

Before After
Width: 80  |  Height: 80  |  Size: 536 B Width: 40  |  Height: 41  |  Size: 1.3 KiB

二進制
static/images/audioinfo1.png 查看文件

Before After
Width: 80  |  Height: 80  |  Size: 994 B Width: 44  |  Height: 44  |  Size: 1.6 KiB

二進制
static/images/audioinfo3.png 查看文件

Before After
Width: 80  |  Height: 80  |  Size: 934 B Width: 44  |  Height: 44  |  Size: 1.5 KiB

二進制
static/images/audioinfo4.png 查看文件

Before After
Width: 80  |  Height: 80  |  Size: 832 B Width: 44  |  Height: 44  |  Size: 1.4 KiB

二進制
static/images/avatar-new.png 查看文件

Before After
Width: 72  |  Height: 72  |  Size: 1.8 KiB

二進制
static/images/excute.png 查看文件

Before After
Width: 28  |  Height: 14  |  Size: 393 B

二進制
static/images/filter.png 查看文件

Before After
Width: 40  |  Height: 40  |  Size: 1.0 KiB

二進制
static/images/genjin-icon.png 查看文件

Before After
Width: 40  |  Height: 40  |  Size: 831 B

二進制
static/images/pausebtn.png 查看文件

Before After
Width: 44  |  Height: 44  |  Size: 802 B

二進制
static/images/play.png 查看文件

Before After
Width: 40  |  Height: 40  |  Size: 1.3 KiB

二進制
static/images/playbtn.png 查看文件

Before After
Width: 44  |  Height: 44  |  Size: 756 B

二進制
static/images/qushi-up.png 查看文件

Before After
Width: 28  |  Height: 14  |  Size: 395 B

Loading…
取消
儲存