@@ -1,5 +1,5 @@ | |||||
{ | { | ||||
"name" : "AI销管", | |||||
"name" : "AI销讲助手", | |||||
"appid" : "__UNI__7A1611D", | "appid" : "__UNI__7A1611D", | ||||
"description" : "AI销讲助手", | "description" : "AI销讲助手", | ||||
"versionName" : "1.1.0", | "versionName" : "1.1.0", | ||||
@@ -72,7 +72,7 @@ | |||||
}, | }, | ||||
"quickapp" : {}, | "quickapp" : {}, | ||||
"mp-weixin" : { | "mp-weixin" : { | ||||
"appid" : "wxd6dd7eae72606ca2", | |||||
"appid" : "wx83fec12ec03d9349", | |||||
"setting" : { | "setting" : { | ||||
"urlCheck" : false, | "urlCheck" : false, | ||||
"es6" : true, | "es6" : true, | ||||
@@ -18,6 +18,16 @@ | |||||
</view> --> | </view> --> | ||||
<!-- 标记顾问 --> | <!-- 标记顾问 --> | ||||
<view class="headboxbott"> | <view class="headboxbott"> | ||||
<view class="headovfu"> | |||||
<view class="mytab" v-for="(item,index) in tablist" :key="index" @click="tapspagek2(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> | |||||
</view> | |||||
</view> | |||||
<!-- <view class="headboxbott"> | |||||
<view class="headovfu"> | <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="tapspagek2()" inactive-color="#b1b1b1" active-color="#008ef2" :list="tablist" | @change="tapspagek2()" inactive-color="#b1b1b1" active-color="#008ef2" :list="tablist" | ||||
@@ -27,7 +37,7 @@ | |||||
<view class="headpade" v-if="permissions.commonly1"> | <view class="headpade" v-if="permissions.commonly1"> | ||||
<view class="biaoji" @tap="tagtap()">标记</view> | <view class="biaoji" @tap="tagtap()">标记</view> | ||||
</view> | </view> | ||||
</view> | |||||
</view> --> | |||||
</view> | </view> | ||||
@@ -41,10 +51,10 @@ | |||||
:class="{active: Math.floor(item.bg/1000) <= playNow && Math.floor(item.ed/1000) > playNow, isGreen: item.isShow == 0 }" | :class="{active: Math.floor(item.bg/1000) <= playNow && Math.floor(item.ed/1000) > playNow, isGreen: item.isShow == 0 }" | ||||
v-for="(item,index) in dialog.message" :key="index" :data-speaker="item.speaker"> | v-for="(item,index) in dialog.message" :key="index" :data-speaker="item.speaker"> | ||||
<view class="avatar"> | <view class="avatar"> | ||||
<view :style="[SPEAKERSTYLE(item.speaker)]"> | |||||
<image v-if="item.isShow == 0" :src="Aimg.replace(/[\r\n]/g,'')" mode="widthFix"> | |||||
<view> | |||||
<image v-if="item.isShow == 0" src="https://static.quhouse.com/b11a7e1ccf914020b3ee23d3e4862637.png" mode="widthFix"> | |||||
</image> | </image> | ||||
<text v-else>{{ item.speaker | toCapital }}</text> | |||||
<text v-else :style="[borderColor(item.speaker)]">{{ item.speaker | toCapital }}</text> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class="contentInfo"> | <view class="contentInfo"> | ||||
@@ -78,8 +88,10 @@ | |||||
</view> | </view> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<image @click="clickbofang(dialog.backindex,item)" class="play" | |||||
src="@/static/images/recordingManagement/play.png"></image> | |||||
<image v-if="Math.floor(item.bg/1000) <= playNow && Math.floor(item.ed/1000) > playNow" class="play" | |||||
src="https://static.quhouse.com/15189e150bcd437783aac5a9ef977aa6.png"></image> | |||||
<image v-else @click="clickbofang(dialog.backindex,item)" class="play" | |||||
src="https://static.quhouse.com/1b6ac53247e043a1bdc59ecfb2167eba.png"></image> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
@@ -94,17 +106,23 @@ | |||||
<!-- 底部弹框 --> | <!-- 底部弹框 --> | ||||
<view class="botbotmm"> | <view class="botbotmm"> | ||||
<view class="tmmchen" @click="guanjiancishifo()"> | <view class="tmmchen" @click="guanjiancishifo()"> | ||||
<image src="../../../../static/images/audioinfo1.png" mode=""></image> | |||||
<image src='https://static.quhouse.com/226d5e0b97e6407a9901273c3f582ee7.png' mode=""></image> | |||||
<!-- <image src="../../../../static/images/audioinfo1.png" mode=""></image> --> | |||||
<view>关键词</view> | <view>关键词</view> | ||||
</view> | </view> | ||||
<view class="fill"></view> | <view class="fill"></view> | ||||
<view class="tmmchen" @click="Receivedetailsabouttab('intention')"> | <view class="tmmchen" @click="Receivedetailsabouttab('intention')"> | ||||
<image src="../../../../static/images/audioinfo3.png" mode=""></image> | |||||
<image src='https://static.quhouse.com/19f555ae422b4285b5102875579e61d6.png' mode=""></image> | |||||
<!-- <image src="../../../../static/images/audioinfo3.png" mode=""></image> --> | |||||
<view>客户意向</view> | <view>客户意向</view> | ||||
</view> | </view> | ||||
<view class="fill"></view> | <view class="fill"></view> | ||||
<view class="tmmchen" @click="Receivedetailsabouttab('Pinspeak')"> | <view class="tmmchen" @click="Receivedetailsabouttab('Pinspeak')"> | ||||
<image src="../../../../static/images/audioinfo4.png" mode=""></image> | |||||
<image src='https://static.quhouse.com/ce369b09d7be4305990dacdeb84a91f6.png' mode=""></image> | |||||
<!-- <image src="../../../../static/images/audioinfo4.png" mode=""></image> --> | |||||
<view>销讲执行</view> | <view>销讲执行</view> | ||||
</view> | </view> | ||||
<view class="fill"></view> | <view class="fill"></view> | ||||
@@ -546,6 +564,56 @@ | |||||
this.$zaudio.off('playing', this.ACTION); | this.$zaudio.off('playing', this.ACTION); | ||||
}, | }, | ||||
methods: { | methods: { | ||||
borderColor(index) { | |||||
let obj = { | |||||
color: '', | |||||
borderRadius: '', | |||||
border: '' | |||||
} | |||||
switch (index) { | |||||
case 1: | |||||
obj.color = '#E6625B'; | |||||
obj.borderRadius = '8rpx'; | |||||
obj.border= '2rpx solid #E6625B'; | |||||
break; | |||||
case 2: | |||||
obj.color = '#FF981E'; | |||||
obj.borderRadius = '8rpx'; | |||||
obj.border= '2rpx solid #FF981E'; | |||||
break; | |||||
case 3: | |||||
obj.color = '#F6BD16'; | |||||
obj.borderRadius = '8rpx'; | |||||
obj.border= '2rpx solid #F6BD16'; | |||||
break; | |||||
case 5: | |||||
obj.color = '#4980C8'; | |||||
obj.borderRadius = '8rpx'; | |||||
obj.border= '2rpx solid #4980C8'; | |||||
break; | |||||
case 6: | |||||
obj.color = '#60CBEC'; | |||||
obj.borderRadius = '8rpx'; | |||||
obj.border= '2rpx solid #60CBEC'; | |||||
break; | |||||
case 7: | |||||
obj.color = '##FF981E'; | |||||
obj.borderRadius = '8rpx'; | |||||
obj.border= '2rpx solid #FF981E'; | |||||
break; | |||||
case 8: | |||||
obj.color = '#4F861E'; | |||||
obj.borderRadius = '8rpx'; | |||||
obj.border= '2rpx solid #4F861E'; | |||||
break; | |||||
default: | |||||
obj.color = '#9F61C8'; | |||||
obj.borderRadius = '8rpx'; | |||||
obj.border= '2rpx solid #9F61C8'; | |||||
break; | |||||
} | |||||
return obj | |||||
}, | |||||
// 跳转详情 | // 跳转详情 | ||||
argece(item) { | argece(item) { | ||||
if (item.selected == 0) { | if (item.selected == 0) { | ||||
@@ -1480,7 +1548,6 @@ | |||||
.headbox { | .headbox { | ||||
width: 100%; | width: 100%; | ||||
min-height: 173rpx; | min-height: 173rpx; | ||||
border-bottom: 1px solid #E0E0E0; | |||||
} | } | ||||
.zhuti { | .zhuti { | ||||
@@ -1550,7 +1617,6 @@ | |||||
.headboxhead { | .headboxhead { | ||||
width: 100%; | width: 100%; | ||||
height: 84rpx; | height: 84rpx; | ||||
border-bottom: 1px solid #E0E0E0; | |||||
display: flex; | display: flex; | ||||
.boxhead1 { | .boxhead1 { | ||||
@@ -1580,30 +1646,55 @@ | |||||
height: 88rpx; | height: 88rpx; | ||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
border-top: 1rpx solid #E0E0E0; | |||||
border-bottom: 1rpx solid #E0E0E0; | |||||
.headovfu { | .headovfu { | ||||
flex: 1; | flex: 1; | ||||
height: 88rpx; | height: 88rpx; | ||||
overflow: hidden; | overflow: hidden; | ||||
display: flex; | |||||
align-items: center; | |||||
flex-wrap: nowrap; | |||||
.mytab{ | |||||
margin-left: 20rpx; | |||||
.tab-item{ | |||||
padding: 0 15rpx; | |||||
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 { | .headpade { | ||||
width: 160rpx; | width: 160rpx; | ||||
height: 60rpx; | |||||
height: 88rpx; | |||||
display: flex; | display: flex; | ||||
justify-content: center; | justify-content: center; | ||||
align-items: center; | align-items: center; | ||||
border-left: 1px solid #D6D6D6; | |||||
box-shadow: -4rpx 0px 8rpx -4rpx rgba(0, 0, 0, 0.2); | |||||
.biaoji { | .biaoji { | ||||
width: 100rpx; | |||||
height: 48rpx; | |||||
background: #E6625B; | |||||
border-radius: 24rpx; | |||||
text-align: center; | text-align: center; | ||||
line-height: 48rpx; | |||||
line-height: 52rpx; | |||||
color: #FFFFFF; | color: #FFFFFF; | ||||
font-size: 26rpx; | font-size: 26rpx; | ||||
width: 100rpx; | |||||
height: 52rpx; | |||||
background: #E6625B; | |||||
border-radius: 26rpx; | |||||
} | } | ||||
} | } | ||||
} | } | ||||
@@ -1926,7 +2017,6 @@ | |||||
margin: 50rpx 30rpx; | margin: 50rpx 30rpx; | ||||
line-height: 80rpx; | line-height: 80rpx; | ||||
display: flex; | display: flex; | ||||
align-items: center; | |||||
} | } | ||||
.scroll-Y .text[data-speaker="2"], | .scroll-Y .text[data-speaker="2"], | ||||
@@ -1938,9 +2028,9 @@ | |||||
.contentInfo { | .contentInfo { | ||||
.info { | .info { | ||||
color: #ccc; | |||||
color: #666; | |||||
font-size: 18rpx; | font-size: 18rpx; | ||||
font-size: 30rpx; | |||||
font-size: 22rpx; | |||||
padding: 0 28rpx; | padding: 0 28rpx; | ||||
display: flex; | display: flex; | ||||
flex-direction: row-reverse; | flex-direction: row-reverse; | ||||
@@ -1962,31 +2052,32 @@ | |||||
} | } | ||||
.play { | .play { | ||||
width: 50rpx; | |||||
height: 50rpx; | |||||
width: 40rpx; | |||||
height: 40rpx; | |||||
margin-right: 20rpx; | margin-right: 20rpx; | ||||
} | } | ||||
} | } | ||||
} | } | ||||
} | } | ||||
.scroll-Y .text .avatar { | |||||
margin-top: 80rpx; | |||||
width: 64rpx; | |||||
height: 64rpx; | |||||
line-height: 64rpx; | |||||
text-align: center; | |||||
// border: 1rpx solid red; | |||||
font-size: 36rpx; | |||||
border-radius: 50%; | |||||
background: #F2F2F2; | |||||
color: #008EF2; | |||||
// display: flex; | |||||
// justify-content: center; | |||||
// align-items: center; | |||||
image { | |||||
width: 40rpx; | |||||
.scroll-Y .text .avatar { | |||||
margin-top: 38rpx; | |||||
text{ | |||||
display: block; | |||||
width: 72rpx; | |||||
height: 72rpx; | |||||
line-height: 72rpx; | |||||
text-align: center; | |||||
background: #FFFFFF; | |||||
border-radius: 8rpx; | |||||
font-size: 30rpx; | |||||
font-family: PingFangSC-Medium, PingFang SC; | |||||
font-weight: 500; | |||||
box-sizing: border-box; | |||||
} | |||||
image{ | |||||
width: 72rpx; | |||||
height: 72rpx; | |||||
} | } | ||||
} | } | ||||
@@ -1994,7 +2085,7 @@ | |||||
margin-left: 30rpx; | margin-left: 30rpx; | ||||
line-height: 60rpx; | line-height: 60rpx; | ||||
text-align: left; | text-align: left; | ||||
padding: 0 5px; | |||||
padding: 0 20rpx; | |||||
border-radius: 8rpx; | border-radius: 8rpx; | ||||
max-width: 442rpx; | max-width: 442rpx; | ||||
position: relative; | position: relative; | ||||
@@ -2018,14 +2109,14 @@ | |||||
} | } | ||||
.scroll-Y .text.active .content { | .scroll-Y .text.active .content { | ||||
color: #FF7538 !important; | |||||
color: #2671E2 !important; | |||||
position: relative; | position: relative; | ||||
} | } | ||||
.scroll-Y .text.active[data-speaker="2"] .content, | .scroll-Y .text.active[data-speaker="2"] .content, | ||||
.scroll-Y .text.active[data-speaker="4"] .content, | .scroll-Y .text.active[data-speaker="4"] .content, | ||||
.scroll-Y .text.active[data-speaker="6"] .content { | .scroll-Y .text.active[data-speaker="6"] .content { | ||||
color: #FF7538 !important; | |||||
color: #2671E2 !important; | |||||
position: relative; | position: relative; | ||||
} | } | ||||
@@ -2039,28 +2130,17 @@ | |||||
} | } | ||||
} | } | ||||
.scroll-Y .text .avatar { | |||||
width: 64rpx; | |||||
height: 64rpx; | |||||
line-height: 64rpx; | |||||
text-align: center; | |||||
font-size: 36rpx; | |||||
border-radius: 50%; | |||||
background: #F2F2F2; | |||||
color: #008EF2; | |||||
image { | |||||
width: 40rpx; | |||||
} | |||||
} | |||||
.scroll-Y .text .contentInfo .info { | .scroll-Y .text .contentInfo .info { | ||||
color: #ccc; | |||||
font-size: 18rpx; | |||||
font-size: 30rpx; | |||||
color: #666; | |||||
font-size: 22rpx; | |||||
padding: 0 28rpx; | padding: 0 28rpx; | ||||
height: 62rpx; | |||||
} | |||||
.scroll-Y .text.active .info { | |||||
color: #2671E2 !important; | |||||
position: relative; | |||||
} | } | ||||
.scroll-Y .text .contentInfo .contentMain { | .scroll-Y .text .contentInfo .contentMain { | ||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
@@ -2068,13 +2148,14 @@ | |||||
.scroll-Y .text .contentInfo .contentMain .content { | .scroll-Y .text .contentInfo .contentMain .content { | ||||
margin-left: 30rpx; | margin-left: 30rpx; | ||||
line-height: 60rpx; | |||||
line-height: 40rpx; | |||||
text-align: left; | text-align: left; | ||||
padding: 0 5px; | |||||
font-size: 30rpx; | |||||
padding: 20rpx; | |||||
border-radius: 8rpx; | border-radius: 8rpx; | ||||
max-width: 442rpx; | max-width: 442rpx; | ||||
background: #F6F6F6; | |||||
color: #999999; | |||||
background: #f8f8f8; | |||||
color: #505050; | |||||
position: relative; | position: relative; | ||||
.tankuangcss { | .tankuangcss { | ||||
@@ -2101,8 +2182,8 @@ | |||||
} | } | ||||
.scroll-Y .text .contentInfo .contentMain .play { | .scroll-Y .text .contentInfo .contentMain .play { | ||||
width: 50rpx; | |||||
height: 50rpx; | |||||
width: 40rpx; | |||||
height: 40rpx; | |||||
margin-left: 20rpx; | margin-left: 20rpx; | ||||
} | } | ||||
@@ -2369,8 +2450,8 @@ | |||||
transform: rotate(270deg); | transform: rotate(270deg); | ||||
} | } | ||||
.scroll-Y .isGreen .contentInfo .contentMain .content { | .scroll-Y .isGreen .contentInfo .contentMain .content { | ||||
background: #2BC805 !important; | |||||
color: #FFFFFF; | |||||
background: #f8f8f8 !important; | |||||
color: #505050; | |||||
} | } | ||||
/deep/ .u-model-title{ | /deep/ .u-model-title{ | ||||
padding: 34rpx 0 16rpx !important; | padding: 34rpx 0 16rpx !important; | ||||
@@ -14,7 +14,6 @@ | |||||
<view :class="{ activecllasscet: activeTotal == 3 }" @click="tabtimetap(3)">自定义</view> | <view :class="{ activecllasscet: activeTotal == 3 }" @click="tabtimetap(3)">自定义</view> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view> | |||||
<view class="single"> | <view class="single"> | ||||
<view class="title"> | <view class="title"> | ||||
<view class="title1" style="flex: 1;">接待量排名(TOP10)</view> | <view class="title1" style="flex: 1;">接待量排名(TOP10)</view> | ||||
@@ -58,7 +57,6 @@ | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view> | |||||
<view class="single"> | <view class="single"> | ||||
<view class="title"> | <view class="title"> | ||||
<view class="title1" style="flex: 1;">平均执行率排行(TOP10)</view> | <view class="title1" style="flex: 1;">平均执行率排行(TOP10)</view> | ||||
@@ -100,7 +98,6 @@ | |||||
</view> | </view> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view> | |||||
<view class="single"> | <view class="single"> | ||||
<view class="title"> | <view class="title"> | ||||
<view class="title1" style="flex: 1;">录音时长(TOP10)</view> | <view class="title1" style="flex: 1;">录音时长(TOP10)</view> | ||||
@@ -143,7 +140,6 @@ | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view> | |||||
<view class="single"> | <view class="single"> | ||||
<view class="title"> | <view class="title"> | ||||
<view class="title1" style="flex: 1;">违禁次数排名(TOP10)</view> | <view class="title1" style="flex: 1;">违禁次数排名(TOP10)</view> | ||||
@@ -186,7 +182,6 @@ | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view> | |||||
<view class="single"> | <view class="single"> | ||||
<view class="title"> | <view class="title"> | ||||
<view class="title1" style="flex: 1;">接待未标顾问排名(TOP10)</view> | <view class="title1" style="flex: 1;">接待未标顾问排名(TOP10)</view> | ||||
@@ -229,8 +224,6 @@ | |||||
</view> | </view> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<u-calendar v-model="totalTimeShow" mode="range" @change="totalTimeChange"></u-calendar> | <u-calendar v-model="totalTimeShow" mode="range" @change="totalTimeChange"></u-calendar> | ||||
</view> | </view> | ||||
</template> | </template> | ||||
@@ -510,9 +503,12 @@ | |||||
width: 100%; | width: 100%; | ||||
height: 100%; | height: 100%; | ||||
background: #FAFAFA; | background: #FAFAFA; | ||||
padding-bottom: 60rpx; | |||||
} | } | ||||
.single{ | |||||
padding-bottom: 20rpx; | |||||
margin-top: 20rpx; | |||||
} | |||||
.boxtittab { | .boxtittab { | ||||
position: sticky; | position: sticky; | ||||
top: var(--window-top); | top: var(--window-top); | ||||
@@ -14,9 +14,6 @@ | |||||
<view :class="{ activecllasscet: activeTotal == 3 }" @click="tabtimetap(3)">自定义</view> | <view :class="{ activecllasscet: activeTotal == 3 }" @click="tabtimetap(3)">自定义</view> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view> | |||||
<view class="single"> | <view class="single"> | ||||
<view class="title"> | <view class="title"> | ||||
<view class="title1">接待量(TOP10)</view> | <view class="title1">接待量(TOP10)</view> | ||||
@@ -48,8 +45,6 @@ | |||||
</scroll-view> | </scroll-view> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view> | |||||
<view class="single"> | <view class="single"> | ||||
<view class="title"> | <view class="title"> | ||||
<view class="title1">接待时长(TOP10)</view> | <view class="title1">接待时长(TOP10)</view> | ||||
@@ -81,8 +76,6 @@ | |||||
</scroll-view> | </scroll-view> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view> | |||||
<view class="single"> | <view class="single"> | ||||
<view class="title"> | <view class="title"> | ||||
<view class="title1" style="flex: 1;">销讲执行排名(TOP10)</view> | <view class="title1" style="flex: 1;">销讲执行排名(TOP10)</view> | ||||
@@ -122,8 +115,6 @@ | |||||
</scroll-view> | </scroll-view> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view> | |||||
<view class="single"> | <view class="single"> | ||||
<view class="title"> | <view class="title"> | ||||
<view class="title1" style="flex: 1;">顾问执行排名(TOP10)</view> | <view class="title1" style="flex: 1;">顾问执行排名(TOP10)</view> | ||||
@@ -159,8 +150,6 @@ | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view> | |||||
<view class="single"> | <view class="single"> | ||||
<view class="title" style="padding-right: 30rpx;"> | <view class="title" style="padding-right: 30rpx;"> | ||||
<view class="title1" style="flex: 1;">销讲能力</view> | <view class="title1" style="flex: 1;">销讲能力</view> | ||||
@@ -196,9 +185,7 @@ | |||||
</view> | </view> | ||||
<!-- <view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view> | |||||
<!-- | |||||
<view class="single"> | <view class="single"> | ||||
<view class="title"> | <view class="title"> | ||||
<view class="title1">禁忌执行率(TOP10)</view> | <view class="title1">禁忌执行率(TOP10)</view> | ||||
@@ -220,7 +207,7 @@ | |||||
</view> | </view> | ||||
</view> --> | </view> --> | ||||
<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view> | |||||
<!-- <view class="single"> | <!-- <view class="single"> | ||||
<view class="title" style="padding-right: 30rpx;"> | <view class="title" style="padding-right: 30rpx;"> | ||||
<view class="title1" style="flex: 1;">违禁能力(TOP10)</view> | <view class="title1" style="flex: 1;">违禁能力(TOP10)</view> | ||||
@@ -532,7 +519,10 @@ | |||||
width: 100%; | width: 100%; | ||||
height: 100%; | height: 100%; | ||||
background: #FAFAFA; | background: #FAFAFA; | ||||
padding-bottom: 60rpx; | |||||
} | |||||
.single { | |||||
margin-top: 20rpx; | |||||
padding-bottom: 20rpx; | |||||
} | } | ||||
.boxtittab { | .boxtittab { | ||||
@@ -31,7 +31,6 @@ | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view> | |||||
<view class="single"> | <view class="single"> | ||||
<view class="title"> | <view class="title"> | ||||
<view class="title1" style="flex: 1;">接待量</view> | <view class="title1" style="flex: 1;">接待量</view> | ||||
@@ -76,7 +75,6 @@ | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view> | |||||
<view class="single"> | <view class="single"> | ||||
<view class="title"> | <view class="title"> | ||||
<view class="title1" style="flex: 1;">接待时长</view> | <view class="title1" style="flex: 1;">接待时长</view> | ||||
@@ -124,7 +122,6 @@ | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view> | |||||
<view class="single"> | <view class="single"> | ||||
<view class="title"> | <view class="title"> | ||||
<view class="title1" style="flex: 1;">销讲执行率</view> | <view class="title1" style="flex: 1;">销讲执行率</view> | ||||
@@ -159,7 +156,6 @@ | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view> | |||||
<view class="single"> | <view class="single"> | ||||
<view class="title" style="padding-right: 30rpx;"> | <view class="title" style="padding-right: 30rpx;"> | ||||
<view class="title1" style="flex: 1;">销讲能力</view> | <view class="title1" style="flex: 1;">销讲能力</view> | ||||
@@ -175,11 +171,7 @@ | |||||
canvasId="wangxiaohuaerlingeryilingwuyib88" background="none" /> | canvasId="wangxiaohuaerlingeryilingwuyib88" background="none" /> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view> | |||||
<u-calendar v-model="totalTimeShow" mode="range" @change="totalTimeChange"></u-calendar> | <u-calendar v-model="totalTimeShow" mode="range" @change="totalTimeChange"></u-calendar> | ||||
<!-- 选择部门的选择框 --> | <!-- 选择部门的选择框 --> | ||||
<u-select v-model="staffShow" :list="staffList" @confirm="staffSelectCallback" :default-value='selindex'> | <u-select v-model="staffShow" :list="staffList" @confirm="staffSelectCallback" :default-value='selindex'> | ||||
</u-select> | </u-select> | ||||
@@ -875,7 +867,10 @@ | |||||
width: 100%; | width: 100%; | ||||
height: 100%; | height: 100%; | ||||
background: #FAFAFA; | background: #FAFAFA; | ||||
padding-bottom: 60rpx; | |||||
} | |||||
.single{ | |||||
margin-top: 20rpx; | |||||
padding-bottom: 20rpx; | |||||
} | } | ||||
// 对比时间切换 | // 对比时间切换 | ||||
@@ -38,7 +38,6 @@ | |||||
<text style="color: #333333;">{{kanbanlist.duibitime}}</text> | <text style="color: #333333;">{{kanbanlist.duibitime}}</text> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view> | |||||
<view class="boxzonglan" style="min-height: 100rpx;"> | <view class="boxzonglan" style="min-height: 100rpx;"> | ||||
<view class="zonglantit">简报</view> | <view class="zonglantit">简报</view> | ||||
<view class="zonglanbox"> | <view class="zonglanbox"> | ||||
@@ -85,7 +84,6 @@ | |||||
</view> --> | </view> --> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view> | |||||
<view class="boxtittab" style="border: none;height: 82rpx;"> | <view class="boxtittab" style="border: none;height: 82rpx;"> | ||||
<view class="tabbox"> | <view class="tabbox"> | ||||
<view :class="{ activecllasscet2: newactiveTotal == 0 }" @click="tabxuanxiangtap(0)">项目</view> | <view :class="{ activecllasscet2: newactiveTotal == 0 }" @click="tabxuanxiangtap(0)">项目</view> | ||||
@@ -177,7 +175,6 @@ | |||||
</view> | </view> | ||||
<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view> | |||||
<view class="single" v-if="timepickpickisshow"> | <view class="single" v-if="timepickpickisshow"> | ||||
<view class="title"> | <view class="title"> | ||||
<view class="title1">对比报表</view> | <view class="title1">对比报表</view> | ||||
@@ -216,9 +213,7 @@ | |||||
</view> | </view> | ||||
</scroll-view> | </scroll-view> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<view style="width: 100%;height: 60rpx;"></view> | |||||
<u-select v-model="Showhiddenunits" mode="single-column" :list="selectlist" @confirm="confirm" | <u-select v-model="Showhiddenunits" mode="single-column" :list="selectlist" @confirm="confirm" | ||||
:default-value="selindexList"> | :default-value="selindexList"> | ||||
</u-select> | </u-select> | ||||
@@ -16,15 +16,15 @@ | |||||
</view> | </view> | ||||
<view class="info"> | <view class="info"> | ||||
<view class="item" @click="goTo(1)"> | <view class="item" @click="goTo(1)"> | ||||
<text class="num">{{efficient}}</text> | |||||
<text class="num">{{efficient||0}}</text> | |||||
<text class="tit">有效接待</text> | <text class="tit">有效接待</text> | ||||
</view> | </view> | ||||
<view class="item" @click="goTo(2)"> | <view class="item" @click="goTo(2)"> | ||||
<text class="num">{{markCount}}</text> | |||||
<text class="num">{{markCount||0}}</text> | |||||
<text class="tit">已标顾问</text> | <text class="tit">已标顾问</text> | ||||
</view> | </view> | ||||
<view class="item" @click="goTo(3)"> | <view class="item" @click="goTo(3)"> | ||||
<text class="num">{{noMarkCount}}</text> | |||||
<text class="num">{{noMarkCount||0}}</text> | |||||
<text class="tit">未标顾问</text> | <text class="tit">未标顾问</text> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
@@ -41,7 +41,6 @@ | |||||
<view v-if="Afolding==true" class="anclack" @click="anclick(1)">展开 <u-icon style="margin-left: 8rpx;" label-color='#666666' name="arrow-down"></u-icon></view> | <view v-if="Afolding==true" class="anclack" @click="anclick(1)">展开 <u-icon style="margin-left: 8rpx;" label-color='#666666' name="arrow-down"></u-icon></view> | ||||
<view v-if="Afolding==false" class="anclack" @click="anclick(2)">收起 <u-icon style="margin-left: 8rpx;" label-color='#666666' name="arrow-up"></u-icon></view> | <view v-if="Afolding==false" class="anclack" @click="anclick(2)">收起 <u-icon style="margin-left: 8rpx;" label-color='#666666' name="arrow-up"></u-icon></view> | ||||
</view> | </view> | ||||
<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view> | |||||
<view class="centerfor" v-for="(item,index) in objlist" :key="index"> | <view class="centerfor" v-for="(item,index) in objlist" :key="index"> | ||||
<view class="fortit"> | <view class="fortit"> | ||||
<view class="left"> | <view class="left"> | ||||
@@ -281,7 +280,7 @@ | |||||
display: flex; | display: flex; | ||||
justify-content: space-between; | justify-content: space-between; | ||||
background: #fff; | background: #fff; | ||||
padding: 10px 20px; | |||||
padding: 20rpx 40rpx; | |||||
.item{ | .item{ | ||||
display: flex; | display: flex; | ||||
flex-direction: column; | flex-direction: column; | ||||
@@ -313,7 +312,6 @@ | |||||
width: 100%; | width: 100%; | ||||
height: 100%; | height: 100%; | ||||
background: #FAFAFA; | background: #FAFAFA; | ||||
padding-bottom: 60rpx; | |||||
} | } | ||||
.boxtittab { | .boxtittab { | ||||
@@ -355,7 +353,7 @@ | |||||
} | } | ||||
.boxzonglan { | .boxzonglan { | ||||
box-shadow: 0px 0px 24rpx 0px rgba(38, 113, 226, 0.1); | |||||
margin-top: 20rpx; | |||||
border-radius: 12rpx; | border-radius: 12rpx; | ||||
width: 100%; | width: 100%; | ||||
min-height: 496rpx; | min-height: 496rpx; | ||||
@@ -377,7 +375,6 @@ | |||||
.grid { | .grid { | ||||
width: 50%; | width: 50%; | ||||
// min-height: 128rpx !important; | |||||
padding-left: 10rpx; | padding-left: 10rpx; | ||||
&:nth-child(odd){ | &:nth-child(odd){ | ||||
border-bottom: 1rpx solid #E0E0E0; | border-bottom: 1rpx solid #E0E0E0; | ||||
@@ -37,7 +37,7 @@ | |||||
<view class="title1">接待趋势</view> | <view class="title1">接待趋势</view> | ||||
</view> | </view> | ||||
<view class="swiper-box"> | <view class="swiper-box"> | ||||
<u-tabs-swiper ref="tabs" font-size="30" :bold="true" swiper-width="600" :current="bocindex" | |||||
<u-tabs-swiper ref="tabs" font-size="26" :bold="true" swiper-width="600" :current="bocindex" | |||||
@change="tapspagek2()" inactive-color="#505050" active-color="#2671E2" :list="newlistoj1" | @change="tapspagek2()" inactive-color="#505050" active-color="#2671E2" :list="newlistoj1" | ||||
:is-scroll="true"> | :is-scroll="true"> | ||||
</u-tabs-swiper> | </u-tabs-swiper> | ||||
@@ -655,7 +655,6 @@ | |||||
width: 100%; | width: 100%; | ||||
height: 100%; | height: 100%; | ||||
background: #FAFAFA; | background: #FAFAFA; | ||||
padding-bottom: 60rpx; | |||||
} | } | ||||
.boxtittab { | .boxtittab { | ||||
@@ -922,7 +922,7 @@ | |||||
display: flex; | display: flex; | ||||
} | } | ||||
.clientStageName { | .clientStageName { | ||||
// height: 48rpx; | |||||
height: 48rpx; | |||||
line-height: 48rpx; | line-height: 48rpx; | ||||
background: #FFFFFF; | background: #FFFFFF; | ||||
border-radius: 4rpx; | border-radius: 4rpx; | ||||
@@ -1072,7 +1072,6 @@ | |||||
.name { | .name { | ||||
font-weight: 600; | font-weight: 600; | ||||
color: #333333; | color: #333333; | ||||
// margin-left: 20rpx; | |||||
margin-top: 11rpx; | margin-top: 11rpx; | ||||
} | } | ||||
@@ -1171,10 +1170,13 @@ | |||||
.tab2-first-1 { | .tab2-first-1 { | ||||
display: flex; | display: flex; | ||||
justify-content: space-between; | justify-content: space-between; | ||||
height: 52rpx; | |||||
align-items: center; | |||||
.tab2-first-left { | .tab2-first-left { | ||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
height: 52rpx; | |||||
.img { | .img { | ||||
width: 52rpx; | width: 52rpx; | ||||
@@ -1194,17 +1196,17 @@ | |||||
.clientStageName { | .clientStageName { | ||||
height: 48rpx; | height: 48rpx; | ||||
background: #FFFFFF; | |||||
line-height: 48rpx; | |||||
background: #fff; | |||||
border-radius: 4rpx; | border-radius: 4rpx; | ||||
border: 1rpx solid #FF981E; | |||||
border: 1rpx solid #ff981e; | |||||
box-sizing: border-box; | |||||
font-size: 28rpx; | font-size: 28rpx; | ||||
font-family: PingFangSC-Regular, PingFang SC; | |||||
font-family: PingFangSC-Regular,PingFang SC; | |||||
font-weight: 400; | font-weight: 400; | ||||
color: #FF981E; | |||||
color: #ff981e; | |||||
margin-left: 16rpx; | margin-left: 16rpx; | ||||
padding: 0 16rpx; | padding: 0 16rpx; | ||||
color: #FF981E; | |||||
line-height: 48rpx; | |||||
} | } | ||||
} | } | ||||
@@ -1212,7 +1214,6 @@ | |||||
font-size: 30rpx; | font-size: 30rpx; | ||||
font-weight: 400; | font-weight: 400; | ||||
color: #333; | color: #333; | ||||
margin-top: 11rpx; | |||||
} | } | ||||
} | } | ||||
@@ -221,7 +221,7 @@ | |||||
<view class="commonly-img"> | <view class="commonly-img"> | ||||
<image class="commonly-img1" src="https://static.quhouse.com/c2c2e1af3d5f41d180ec55a04a5d4f26.png" mode=""></image> | <image class="commonly-img1" src="https://static.quhouse.com/c2c2e1af3d5f41d180ec55a04a5d4f26.png" mode=""></image> | ||||
</view> | </view> | ||||
<view class="commonly-text">用户画像</view> | |||||
<view class="commonly-text">客户画像</view> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class="title" v-if="permissions.commonly4||permissions.commonly8||permissions.commonly7||permissions.commonly9"> | <view class="title" v-if="permissions.commonly4||permissions.commonly8||permissions.commonly7||permissions.commonly9"> | ||||
@@ -174,14 +174,13 @@ | |||||
</script> | </script> | ||||
<style lang="scss" scoped> | <style lang="scss" scoped> | ||||
.main { | .main { | ||||
width: 100vw; | |||||
width: 750rpx; | |||||
height: 100vh; | height: 100vh; | ||||
display: flex; | display: flex; | ||||
flex-direction: column; | flex-direction: column; | ||||
background: url('https://static.quhouse.com/f5e2422890044cd1a620abd078e63442.png') no-repeat; | |||||
background-size: 750rpx 540rpx; | |||||
background: url('https://static.quhouse.com/efadbd8a89f94e98b37eb59dc8074f83.png') no-repeat; | |||||
background-size: 750rpx 600rpx; | |||||
} | } | ||||
.header { | .header { | ||||
width: 670rpx; | width: 670rpx; | ||||
height: 248rpx; | height: 248rpx; | ||||
@@ -191,7 +190,7 @@ | |||||
background-size: 670rpx 248rpx; | background-size: 670rpx 248rpx; | ||||
margin: 0 40rpx 60rpx; | margin: 0 40rpx 60rpx; | ||||
border-radius: 18rpx; | border-radius: 18rpx; | ||||
box-shadow: 0 10rpx 20rpx #999; | |||||
box-shadow: 0 3rpx 10rpx #999; | |||||
.header-zuo { | .header-zuo { | ||||
width: 128rpx; | width: 128rpx; | ||||
height: 128rpx; | height: 128rpx; | ||||
@@ -224,7 +223,6 @@ | |||||
color: #333333; | color: #333333; | ||||
font-size: 30rpx; | font-size: 30rpx; | ||||
border-radius: 12rpx; | border-radius: 12rpx; | ||||
background-color: #fff; | |||||
.line { | .line { | ||||
height: 44rpx; | height: 44rpx; | ||||
margin: 0 50rpx 60rpx; | margin: 0 50rpx 60rpx; | ||||
@@ -63,7 +63,9 @@ | |||||
</view> | </view> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<image @click="clickbofang(dialog.backindex,item)" class="play" | |||||
<image v-if="Math.floor(item.bg/1000) <= playNow && Math.floor(item.ed/1000) > playNow" class="play" | |||||
src="https://static.quhouse.com/15189e150bcd437783aac5a9ef977aa6.png"></image> | |||||
<image v-else @click="clickbofang(dialog.backindex,item)" class="play" | |||||
src="https://static.quhouse.com/1b6ac53247e043a1bdc59ecfb2167eba.png"></image> | src="https://static.quhouse.com/1b6ac53247e043a1bdc59ecfb2167eba.png"></image> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
@@ -113,7 +115,8 @@ | |||||
<image class="icon" v-else src="https://static.quhouse.com/4f1b60d9842146e9bd3e43fae42665bc.png" mode=""></image> | <image class="icon" v-else src="https://static.quhouse.com/4f1b60d9842146e9bd3e43fae42665bc.png" mode=""></image> | ||||
优秀案例</view> | 优秀案例</view> | ||||
</view> | </view> | ||||
<view class="other-btn"> | |||||
<!-- 暂时注释 待联调--> | |||||
<!-- <view class="other-btn"> | |||||
<view class="btn-item"> | <view class="btn-item"> | ||||
<image class="icon" src="https://static.quhouse.com/354f2cd84cd84db590f35a036b329add.png" mode=""></image> | <image class="icon" src="https://static.quhouse.com/354f2cd84cd84db590f35a036b329add.png" mode=""></image> | ||||
搜索对话</view> | 搜索对话</view> | ||||
@@ -123,7 +126,7 @@ | |||||
<view class="btn-item" v-if="!permissions.commonly2" @click.stop="Receivedetailsabouttab('Receivedetailsabout')"> | <view class="btn-item" v-if="!permissions.commonly2" @click.stop="Receivedetailsabouttab('Receivedetailsabout')"> | ||||
<image class="icon" src="https://static.quhouse.com/ff65fd92c742469594ac85f8bc721964.png" mode=""></image> | <image class="icon" src="https://static.quhouse.com/ff65fd92c742469594ac85f8bc721964.png" mode=""></image> | ||||
接待信息</view> | 接待信息</view> | ||||
</view> | |||||
</view> --> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
@@ -2417,6 +2420,7 @@ | |||||
color: #666; | color: #666; | ||||
font-size: 22rpx; | font-size: 22rpx; | ||||
padding: 0 28rpx; | padding: 0 28rpx; | ||||
height: 62rpx; | |||||
} | } | ||||
.contentMain { | .contentMain { | ||||
@@ -4,7 +4,7 @@ const base = 'http://192.168.31.148:9999' ;// 泽明 | |||||
// const base = 'http://192.168.31.86:9999' ;// 胜浩 | // const base = 'http://192.168.31.86:9999' ;// 胜浩 | ||||
// const base = 'http://192.168.31.161:9999' // 长龙 | // const base = 'http://192.168.31.161:9999' // 长龙 | ||||
// const base = 'https://zanyong.hfju.com';// 正式 AI销管 | // const base = 'https://zanyong.hfju.com';// 正式 AI销管 | ||||
// const base = 'https://hxz.quhouse.com';// 正式 AI销讲助手 | |||||
const base = 'https://hxz.quhouse.com';// 正式 AI销讲助手 | |||||
// http.js使用 | // http.js使用 | ||||
const baseUrl = `${base}/autoSR/api`; | const baseUrl = `${base}/autoSR/api`; | ||||