@@ -226,11 +226,12 @@ | |||
.title1 { | |||
flex: 2; | |||
font-size: 32rpx; | |||
font-size: 30rpx; | |||
font-weight: 500; | |||
color: #333333; | |||
line-height: 90rpx; | |||
text-indent: 30rpx; | |||
padding-left: 30rpx; | |||
font-family: PingFangSC-Medium, PingFang SC; | |||
} | |||
.title3 { | |||
@@ -312,7 +313,7 @@ | |||
.jindu { | |||
width: 100%; | |||
height: 300rpx; | |||
min-height: 400rpx; | |||
.jindu-box { | |||
width: 100%; | |||
@@ -34,7 +34,7 @@ | |||
</view> | |||
</view> | |||
<view class="jindu" style="margin-top: 20rpx;min-height: 300rpx;"> | |||
<view class="jindu" style="margin-top: 20rpx;"> | |||
<view v-if="newlisttabinfo1.result.length" class="jindu-box" v-for="(item,index) in newlisttabinfo1.result" :key="index"> | |||
<view class="jindu-boxche"> | |||
<view class="jindu-name u-flex" style='width: 170rpx' v-if="item.name"> | |||
@@ -45,9 +45,9 @@ | |||
{{item.name.substring(0,4)}}</view> | |||
<view class="progress-cus"> | |||
<view class="color1" v-if="index==0" :style="'width:'+ item.zxl||0 + '%'" ></view> | |||
<view class="color2" v-if="index==1" :style="'width:'+ item.zxl||0 + '%'" ></view> | |||
<view class="color3" v-if="index==2" :style="'width:'+ item.zxl||0 + '%'" ></view> | |||
<view class="color4" v-if="index>2" :style="'width:'+ item.zxl||0 + '%'" ></view> | |||
<view class="color2" v-if="index==1" :style="'width:'+ getPercent(item.zxl,1) + '%'" ></view> | |||
<view class="color3" v-if="index==2" :style="'width:'+ getPercent(item.zxl,1) + '%'" ></view> | |||
<view class="color4" v-if="index>2" :style="'width:'+ getPercent(item.zxl,1) + '%'" ></view> | |||
</view> | |||
<view class="jindu-zxl" >{{item.zxl==null?0:item.zxl}}次</view> | |||
</view> | |||
@@ -73,7 +73,7 @@ | |||
<view class="text1-1">人均执行率</view> | |||
</view> | |||
</view> | |||
<view class="jindu" style="margin-top: 20rpx;min-height: 300rpx;"> | |||
<view class="jindu" style="margin-top: 20rpx;"> | |||
<view v-if="newlisttabinfo3.result.length" class="jindu-box" v-for="(item,index) in newlisttabinfo3.result" :key="index"> | |||
<view class="jindu-boxche"> | |||
<view class="jindu-name u-flex" style='width: 170rpx' v-if="item.name"> | |||
@@ -87,10 +87,10 @@ | |||
<view class="color" :style="'width:'+ item.zxl||0 + '%'" ></view> | |||
</view> --> | |||
<view class="progress-cus"> | |||
<view class="color1" v-if="index==0" :style="'width:'+ item.zxl||0 + '%'" ></view> | |||
<view class="color2" v-if="index==1" :style="'width:'+ item.zxl||0 + '%'" ></view> | |||
<view class="color3" v-if="index==2" :style="'width:'+ item.zxl||0 + '%'" ></view> | |||
<view class="color4" v-if="index>2" :style="'width:'+ item.zxl||0 + '%'" ></view> | |||
<view class="color1" v-if="index==0" :style="'width:'+ getPercent1(item.zxl) + '%'" ></view> | |||
<view class="color2" v-if="index==1" :style="'width:'+ getPercent1(item.zxl) + '%'" ></view> | |||
<view class="color3" v-if="index==2" :style="'width:'+ getPercent1(item.zxl) + '%'" ></view> | |||
<view class="color4" v-if="index>2" :style="'width:'+ getPercent1(item.zxl) + '%'" ></view> | |||
</view> | |||
<view class="jindu-zxl">{{item.zxl==null?0:item.zxl}}%</view> | |||
</view> | |||
@@ -119,7 +119,7 @@ | |||
<view class="text1-1">人均录音时长/分钟</view> | |||
</view> | |||
</view> | |||
<view class="jindu" style="margin-top: 20rpx;min-height: 300rpx;"> | |||
<view class="jindu" style="margin-top: 20rpx;"> | |||
<view v-if="newlisttabinfo2.result.length" class="jindu-box" v-for="(item,index) in newlisttabinfo2.result" :key="index"> | |||
<view class="jindu-boxche"> | |||
<view class="jindu-name u-flex" style='width: 170rpx' v-if="item.name"> | |||
@@ -130,14 +130,10 @@ | |||
{{item.name.substring(0,4)}}</view> | |||
<view class="progress-cus"> | |||
<view class="color1" v-if="index==0" :style="'width:'+ item.zxl||0 + '%'" ></view> | |||
<view class="color2" v-if="index==1" :style="'width:'+ item.zxl||0 + '%'" ></view> | |||
<view class="color3" v-if="index==2" :style="'width:'+ item.zxl||0 + '%'" ></view> | |||
<view class="color4" v-if="index>2" :style="'width:'+ item.zxl||0 + '%'" ></view> | |||
<view class="color2" v-if="index==1" :style="'width:'+ getPercent(item.zxl,2)+ '%'" ></view> | |||
<view class="color3" v-if="index==2" :style="'width:'+ getPercent(item.zxl,2)+ '%'" ></view> | |||
<view class="color4" v-if="index>2" :style="'width:'+ getPercent(item.zxl,2)+ '%'" ></view> | |||
</view> | |||
<!-- <view class="jindu-name" v-if="item.name">{{item.name.substring(0,4)}}</view> | |||
<view class="progress-cus"> | |||
<view class="color" :style="'width:'+ item.zxl||0 + '%'" ></view> | |||
</view> --> | |||
<view class="jindu-zxl u-line-1">{{item.zxl==null?0:item.zxl}}分钟</view> | |||
</view> | |||
</view> | |||
@@ -177,9 +173,9 @@ | |||
{{item.name.substring(0,4)}}</view> | |||
<view class="progress-cus"> | |||
<view class="color1" v-if="index==0" :style="'width:'+ item.zxl||0 + '%'" ></view> | |||
<view class="color2" v-if="index==1" :style="'width:'+ item.zxl||0 + '%'" ></view> | |||
<view class="color3" v-if="index==2" :style="'width:'+ item.zxl||0 + '%'" ></view> | |||
<view class="color4" v-if="index>2" :style="'width:'+ item.zxl||0 + '%'" ></view> | |||
<view class="color2" v-if="index==1" :style="'width:'+ getPercent(item.zxl,4)+ '%'" ></view> | |||
<view class="color3" v-if="index==2" :style="'width:'+ getPercent(item.zxl,4) + '%'" ></view> | |||
<view class="color4" v-if="index>2" :style="'width:'+ getPercent(item.zxl,4)+ '%'" ></view> | |||
</view> | |||
<view class="jindu-zxl" >{{item.zxl==null?0:item.zxl}}次</view> | |||
</view> | |||
@@ -282,19 +278,69 @@ | |||
this.houseId = uni.getStorageSync('buildingID').id; | |||
this.init() | |||
}, | |||
onPullDownRefresh() { | |||
computed: { | |||
}, | |||
onPullDownRefresh(){ | |||
this.init() | |||
setTimeout(function() { | |||
uni.stopPullDownRefresh(); | |||
}, 1000); | |||
}, | |||
methods: { | |||
init() { | |||
this.newlisttabinfo1 = { | |||
avg: '', | |||
count: '', | |||
total: '', | |||
result: [], | |||
getPercent(num,type) { | |||
if(this.newlisttabinfo1.result&&this.newlisttabinfo1.result.length&&type==1){ | |||
console.log(this.newlisttabinfo1.result) | |||
let index0 = this.newlisttabinfo1.result[0] | |||
let percent = num/(index0.zxl) * 100 | |||
// console.log(index0.zxl) | |||
// console.log(index0) | |||
// console.log('num',num) | |||
// console.log(percent) | |||
// console.log(percent.toFixed(2)) | |||
return percent.toFixed(2) | |||
}else if(this.newlisttabinfo2.result&&this.newlisttabinfo2.result.length&&type==2){ | |||
let index0 = this.newlisttabinfo2.result[0] | |||
let percent = num/(index0.zxl) * 100 | |||
return percent.toFixed(2) | |||
}else if(this.newlisttabinfo4.result&&this.newlisttabinfo4.result.length&&type==4){ | |||
let index0 = this.newlisttabinfo4.result[0] | |||
let percent = num/(index0.zxl) * 100 | |||
return percent.toFixed(2) | |||
}else{ | |||
return 0 | |||
} | |||
}, | |||
getPercent1(num){ | |||
console.log(num) | |||
return num||0 | |||
}, | |||
init(){ | |||
this.newlisttabinfo1={ | |||
avg:'', | |||
count:'', | |||
total:'', | |||
result:[], | |||
}, | |||
this.newlisttabinfo2={ | |||
avg:'', | |||
count:'', | |||
total:'', | |||
result:[], | |||
}, | |||
this.newlisttabinfo3={ | |||
avg:'', | |||
count:'', | |||
total:'', | |||
result:[], | |||
}, | |||
this.newlisttabinfo4={ | |||
avg:'', | |||
count:'', | |||
total:'', | |||
result:[], | |||
} | |||
this.newlisttabinfo2 = { | |||
avg: '', | |||
@@ -511,9 +557,6 @@ | |||
margin-bottom: 10rpx; | |||
} | |||
} | |||
.progress-cus{ | |||
} | |||
.jindu-name{ | |||
width: 180rpx; | |||
margin-left: 15rpx; | |||
@@ -32,12 +32,12 @@ | |||
</view> | |||
</view> | |||
<view class="jindu"> | |||
<scroll-view style="height: 300rpx;" scroll-y="true" > | |||
<scroll-view scroll-y="true" > | |||
<view class="jindu-box" v-for="(item,index) in newlisttabinfo1" :key="index"> | |||
<view class="jindu-boxche"> | |||
<view class="jindu-name">{{item.name.substring(0, 4)}}</view> | |||
<view class="progress-cus"> | |||
<view class="color" :style="'width:'+ item.zxl||0 + '%'" ></view> | |||
<view class="color" :style="'width:'+ getPercent(item.zxl,1) + '%'" ></view> | |||
</view> | |||
<!-- <view style="width: 440rpx;margin-left: 10rpx;"> | |||
<u-line-progress height="24" :show-percent="false" active-color="#FBA448" :percent="item.zxl1"></u-line-progress> | |||
@@ -65,12 +65,12 @@ | |||
</view> | |||
</view> | |||
<view class="jindu"> | |||
<scroll-view style="height: 300rpx;" scroll-y="true" > | |||
<scroll-view scroll-y="true" > | |||
<view class="jindu-box" v-for="(item,index) in newlisttabinfo2" :key="index"> | |||
<view class="jindu-boxche"> | |||
<view class="jindu-name">{{item.name.substring(0, 4)}}</view> | |||
<view class="progress-cus"> | |||
<view class="color" :style="'width:'+ item.zxl||0 + '%'" ></view> | |||
<view class="color" :style="'width:'+ getPercent(item.zxl,2) + '%'" ></view> | |||
</view> | |||
<!-- <view style="width: 440rpx;margin-left: 10rpx;"> | |||
<u-line-progress height="24" :show-percent="false" active-color="#4FC78F" :percent="item.zxl1"></u-line-progress> | |||
@@ -106,12 +106,12 @@ | |||
</view> | |||
</view> | |||
<view class="jindu"> | |||
<scroll-view style="height: 300rpx;" scroll-y="true" > | |||
<scroll-view scroll-y="true" > | |||
<view class="jindu-box" v-for="(item,index) in newlisttabinfo3" :key="index"> | |||
<view class="jindu-boxche"> | |||
<view class="jindu-name">{{item.name.substring(0, 4)}}</view> | |||
<view class="progress-cus"> | |||
<view class="color" :style="'width:'+ item.zxl||0 + '%'" ></view> | |||
<view class="color" :style="'width:'+ getPercent1(item.zxl)+ '%'" ></view> | |||
</view> | |||
<!-- <view style="width: 440rpx;margin-left: 10rpx;"> | |||
<u-line-progress height="24" :show-percent="false" active-color="#9B6BDF" :percent="item.zxl1"></u-line-progress> | |||
@@ -142,12 +142,12 @@ | |||
<view class="heji">均值:{{newAvg4||0}}</view> | |||
</view> --> | |||
<view class="jindu"> | |||
<scroll-view style="height: 300rpx;" scroll-y="true" > | |||
<scroll-view scroll-y="true" > | |||
<view class="jindu-box" v-for="(item,index) in newlisttabinfo4" :key="index"> | |||
<view class="jindu-boxche"> | |||
<view class="jindu-name">{{item.name.substring(0, 4)}}</view> | |||
<view class="progress-cus"> | |||
<view class="color" :style="'width:'+ item.zxl||0 + '%'" ></view> | |||
<view class="color" :style="'width:'+getPercent1(item.zxl) + '%'" ></view> | |||
</view> | |||
<!-- <view style="width: 440rpx;margin-left: 10rpx;"> | |||
<u-line-progress height="24" :show-percent="false" active-color="#9B6BDF" :percent="item.zxl1"></u-line-progress> | |||
@@ -337,6 +337,28 @@ | |||
}, 1000); | |||
}, | |||
methods: { | |||
getPercent(num,type) { | |||
if(this.newlisttabinfo1&&this.newlisttabinfo1.length&&type==1){ | |||
console.log(this.newlisttabinfo1) | |||
let index0 = this.newlisttabinfo1[0] | |||
let percent = num/(index0.zxl) * 100 | |||
return percent.toFixed(2) | |||
}else if(this.newlisttabinfo2&&this.newlisttabinfo2.length&&type==2){ | |||
let index0 = this.newlisttabinfo2[0] | |||
let percent = num/(index0.zxl) * 100 | |||
return percent.toFixed(2) | |||
}else if(this.newlisttabinfo3&&this.newlisttabinfo3.length&&type==3){ | |||
let index0 = this.newlisttabinfo3[0] | |||
let percent = num/(index0.zxl) * 100 | |||
return percent.toFixed(2) | |||
}else{ | |||
return 0 | |||
} | |||
}, | |||
getPercent1(num){ | |||
console.log(num) | |||
return num||0 | |||
}, | |||
// 获取部门列表 | |||
getSectionList(){ | |||
this.$u.post('/user/getHouseByToken',) | |||
@@ -68,7 +68,7 @@ | |||
<view class="jindu-boxche"> | |||
<view class="jindu-name">{{item.name.substring(0, 4)}}</view> | |||
<view class="progress-cus"> | |||
<view class="color" :style="'width:'+ item.zxl||0 + '%'" ></view> | |||
<view class="color" :style="'width:'+ getPercent(item.zxl,1) + '%'" ></view> | |||
</view> | |||
<view class="jindu-zxl">{{item.zxl==null?0:item.zxl}}</view> | |||
</view> | |||
@@ -116,7 +116,7 @@ | |||
<view class="jindu-boxche"> | |||
<view class="jindu-name">{{item.name.substring(0, 4)}}</view> | |||
<view class="progress-cus"> | |||
<view class="color" :style="'width:'+ item.zxl||0 + '%'" ></view> | |||
<view class="color" :style="'width:'+ getPercent(item.zxl,2) + '%'" ></view> | |||
</view> | |||
<view class="jindu-zxl">{{item.zxl==null?0:item.zxl}}</view> | |||
</view> | |||
@@ -151,7 +151,7 @@ | |||
<view class="jindu-boxche"> | |||
<view class="jindu-name">{{item.name.substring(0, 4)}}</view> | |||
<view class="progress-cus"> | |||
<view class="color" :style="'width:'+ item.zxl||0 + '%'" ></view> | |||
<view class="color" :style="'width:'+ getPercent1(item.zxl) + '%'" ></view> | |||
</view> | |||
<view class="jindu-zxl">{{item.zxl==null?0:item.zxl}}%</view> | |||
</view> | |||
@@ -400,6 +400,28 @@ | |||
}, 1000); | |||
}, | |||
methods: { | |||
getPercent1(num){ | |||
console.log(num) | |||
return num||0 | |||
}, | |||
getPercent(num,type) { | |||
if(this.newlisttabinfo1&&this.newlisttabinfo1.length&&type==1){ | |||
console.log(this.newlisttabinfo1) | |||
let index0 = this.newlisttabinfo1[0] | |||
let percent = num/(index0.zxl) * 100 | |||
return percent.toFixed(2) | |||
}else if(this.newlisttabinfo2&&this.newlisttabinfo2.length&&type==2){ | |||
let index0 = this.newlisttabinfo2[0] | |||
let percent = num/(index0.zxl) * 100 | |||
return percent.toFixed(2) | |||
}else if(this.newlisttabinfo3&&this.newlisttabinfo3.length&&type==3){ | |||
let index0 = this.newlisttabinfo3[0] | |||
let percent = num/(index0.zxl) * 100 | |||
return percent.toFixed(2) | |||
}else{ | |||
return 0 | |||
} | |||
}, | |||
//是否对比 | |||
checkboxChange() { | |||
this.timepickpickisshow = !this.timepickpickisshow; | |||
@@ -102,12 +102,6 @@ | |||
<view class="tabbox"> | |||
<view :class="{ activecllasscet2: newactiveTotal == 4 }" @click="tabxuanxiangtap(4)">销讲二级</view> | |||
</view> | |||
<view class="tabbox"> | |||
<view :class="{ activecllasscet2: newactiveTotal == 4 }" @click="tabxuanxiangtap(4)">销讲二级</view> | |||
</view> | |||
<view class="tabbox"> | |||
<view :class="{ activecllasscet2: newactiveTotal == 4 }" @click="tabxuanxiangtap(4)">销讲二级</view> | |||
</view> | |||
</view> | |||
@@ -1193,6 +1187,10 @@ | |||
} | |||
</script> | |||
<style lang="scss" scoped> | |||
.boxtittab .tabbox{ | |||
flex: none; | |||
padding: 0 35rpx; | |||
} | |||
.uchaserbox { | |||
height: 500rpx; | |||
} | |||
@@ -1292,26 +1290,23 @@ | |||
height: 98rpx; | |||
display: flex; | |||
align-items: center; | |||
border-bottom: 1px solid #E0E0E0; | |||
border-bottom: 1rpx solid #E0E0E0; | |||
color: #666; | |||
} | |||
.timetabctview { | |||
flex: 1; | |||
height: 100%; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
} | |||
.timetabct view { | |||
width: 94rpx; | |||
text-align: center; | |||
height: 100%; | |||
line-height: 98rpx; | |||
font-size: 28rpx; | |||
font-family: PingFangSC-Regular, PingFang SC; | |||
font-weight: 400; | |||
color: #666666; | |||
height: 100%; | |||
display: flex; | |||
justify-content: center; | |||
} | |||
.timetabctview view{ | |||
width: 100rpx; | |||
} | |||
.activecllasscet { | |||
@@ -118,7 +118,7 @@ | |||
<view class="heji">合计:50</view> | |||
<view class="heji">均值:25</view> | |||
</view> --> | |||
<view style="width: 100%;height: 300rpx;text-align: center;line-height: 300rpx;" | |||
<view style="width: 100%;text-align: center;line-height: 300rpx;" | |||
v-if="newlisttabinfo.length==0">暂无数据</view> | |||
<view v-else class="jindu" style="margin-top: 20rpx;"> | |||
<scroll-view style="height: 300rpx;" scroll-y="true"> | |||
@@ -126,7 +126,7 @@ | |||
<view class="jindu-boxche"> | |||
<view class="jindu-name">{{item.name.substring(0, 4)}}</view> | |||
<view class="progress-cus"> | |||
<view class="color" :style="'width:'+ item.zxl||0 + '%'" ></view> | |||
<view class="color" :style="'width:'+ getPercent(item.zxl) + '%'" ></view> | |||
</view> | |||
<view class="jindu-zxl">{{item.zxl==null?0:item.zxl}}%</view> | |||
</view> | |||
@@ -154,7 +154,7 @@ | |||
<view class="jindu-boxche"> | |||
<view class="jindu-name">{{item.name.substring(0, 4)}}</view> | |||
<view class="progress-cus"> | |||
<view class="color" :style="'width:'+ item.zxl||0 + '%'" ></view> | |||
<view class="color" :style="'width:'+ getPercent(item.zxl) + '%'" ></view> | |||
</view> | |||
<view class="jindu-zxl">{{item.zxl==null?0:item.zxl}}%</view> | |||
</view> | |||
@@ -362,8 +362,10 @@ | |||
}, 1000); | |||
}, | |||
methods: { | |||
getPercent(num){ | |||
console.log(num) | |||
return num||0 | |||
}, | |||
// 获取员工列表 | |||
getStaffList() { | |||
this.$u.post('/cusLvStatistics/selectAllAccountIdByHouseId', { | |||
@@ -210,6 +210,8 @@ | |||
<view class="jiantobox"> | |||
<image v-if="che.selected==0" class="arrow" src="/static/images/rate-checked.png" | |||
mode="" /> | |||
<image v-else class="arrow" src="/static/images/no-checked.png" | |||
mode="" /> | |||
</view> | |||
</view> | |||
<view v-if="subitem.show" style="width: 100%;height: 30rpx;"></view> | |||
@@ -631,7 +633,7 @@ | |||
background: #f8f8f8; | |||
.hsnrtest { | |||
height: 36rpx; | |||
font-size: 24rpx; | |||
font-size: 26rpx; | |||
font-weight: 400; | |||
color: #666666; | |||
line-height: 36rpx; | |||
@@ -659,8 +661,8 @@ | |||
align-items: center; | |||
.arrow { | |||
width: 28rpx; | |||
height: 28rpx; | |||
width: 32rpx; | |||
height: 32rpx; | |||
} | |||
} | |||
} | |||
@@ -733,9 +735,9 @@ | |||
.title1 { | |||
flex: 2; | |||
font-size: 30rpx; | |||
font-size: 28rpx; | |||
color: #333333; | |||
font-weight: 400; | |||
font-weight: 500; | |||
} | |||
.leve1-jindu { | |||
@@ -871,13 +873,11 @@ | |||
} | |||
.content { | |||
// height: 1000rpx;/ | |||
overflow: hidden; | |||
border-top: 1px solid #E0E0E0; | |||
border-top: 1rpx solid #E0E0E0; | |||
.content-tips { | |||
background: #fff; | |||
// box-sizing: border-box; | |||
margin-bottom: 20rpx; | |||
overflow: hidden; | |||
@@ -886,7 +886,6 @@ | |||
display: flex; | |||
justify-content: space-between; | |||
box-sizing: border-box; | |||
// border-top: 1px solid #E0E0E0; | |||
font-weight: 400; | |||
color: #292929; | |||
height: 90rpx; | |||
@@ -913,17 +912,17 @@ | |||
} | |||
.test { | |||
height: 42rpx; | |||
height: 48rpx; | |||
font-size: 30rpx; | |||
font-family: PingFangSC-Medium, PingFang SC; | |||
font-weight: 500; | |||
color: #333333; | |||
line-height: 42rpx; | |||
line-height: 48rpx; | |||
margin-right: 16rpx; | |||
display: flex; | |||
} | |||
.clientStageName { | |||
height: 48rpx; | |||
// height: 48rpx; | |||
line-height: 48rpx; | |||
background: #FFFFFF; | |||
border-radius: 4rpx; | |||
@@ -1039,7 +1038,6 @@ | |||
} | |||
.tabchange { | |||
// background: #FFFFFF; | |||
overflow: hidden; | |||
.tabactive1 { | |||
@@ -1064,7 +1062,7 @@ | |||
width: 52rpx; | |||
height: 52rpx; | |||
background: #FFFFFF; | |||
border: 1px solid #C9C9C9; | |||
border: 1rpx solid #C9C9C9; | |||
border-radius: 50%; | |||
text-align: center; | |||
line-height: 52rpx; | |||
@@ -1165,8 +1163,7 @@ | |||
margin-bottom: 20rpx; | |||
.tab2-first { | |||
// height: 150rpx; | |||
border-bottom: 1px solid #E0E0E0; | |||
border-bottom: 1rpx solid #E0E0E0; | |||
padding: 0 30rpx; | |||
margin-top: 19rpx; | |||
box-sizing: border-box; | |||
@@ -1183,7 +1180,7 @@ | |||
width: 52rpx; | |||
height: 52rpx; | |||
background: #FFFFFF; | |||
border: 1px solid #C9C9C9; | |||
border: 1rpx solid #C9C9C9; | |||
border-radius: 50%; | |||
text-align: center; | |||
line-height: 52rpx; | |||
@@ -1237,8 +1234,8 @@ | |||
width: 156rpx; | |||
height: 60rpx; | |||
background: #FFFFFF; | |||
border-radius: 4px; | |||
border: 1px solid #2671E2; | |||
border-radius: 4rpx; | |||
border: 1rpx solid #2671E2; | |||
text-align: center; | |||
line-height: 60rpx; | |||
font-weight: 400; | |||
@@ -692,6 +692,7 @@ | |||
/* 设置或检索伸缩盒对象的子元素的排列方式 */ | |||
} | |||
.activeColor{ | |||
font-weight: bold; | |||
color: #2671E2; | |||
} | |||
@@ -842,6 +842,7 @@ | |||
} | |||
.activeColor{ | |||
color: #2671E2; | |||
font-weight: bold; | |||
} | |||
} | |||
@@ -1022,9 +1023,8 @@ | |||
} | |||
.content-sec { | |||
border-top: 1px solid #E0E0E0; | |||
padding: 0 30rpx; | |||
padding-bottom: 30rpx; | |||
border-top: 1rpx solid #E0E0E0; | |||
padding: 0 28rpx 28rpx; | |||
position: relative; | |||
.content-sec-lab { | |||
@@ -1075,10 +1075,10 @@ | |||
} | |||
.content-last { | |||
height: 108rpx; | |||
display: flex; | |||
justify-content: flex-end; | |||
align-items: center; | |||
padding-bottom: 30rpx; | |||
.content-last-tab { | |||
width: 214rpx; | |||
@@ -118,7 +118,7 @@ | |||
</view> | |||
<view class="realtext">平均执行率</view> | |||
</view> | |||
<view class="real" @click="tapjumpreception('1')"> | |||
<view class="real" @click="tapjumpreception('11')"> | |||
<view class="realnum">{{realtimeobj.receptionCount || 0}}</view> | |||
<view class="realtext">接待量</view> | |||
</view> | |||
@@ -171,7 +171,7 @@ | |||
</view> | |||
<view class="realtext">平均执行率</view> | |||
</view> | |||
<view class="real" @click="tapjumpreception('3')"> | |||
<view class="real" @click="tapjumpreception('33')"> | |||
<view class="realnum">{{Thisweekobj.receptionCount || 0}}</view> | |||
<view class="realtext">接待量</view> | |||
</view> | |||
@@ -201,8 +201,9 @@ | |||
</view> | |||
</view> | |||
<!-- 常用功能 --> | |||
<view class="contbox"> | |||
<view class="title"><image class="title-icon" src="https://static.quhouse.com/bc2ec951ad9a47e5bf58f2829926e143.png" mode="" />接待管理</view> | |||
<view class="contbox" > | |||
<view class="title" v-if="permissions.commonly2||permissions.commonly3||permissions.commonly10"> | |||
<image class="title-icon" src="https://static.quhouse.com/bc2ec951ad9a47e5bf58f2829926e143.png" mode="" />接待管理</view> | |||
<view class="commonly-box"> | |||
<view class="commonly" @click="Piabodata('接待记录')" v-if="permissions.commonly2"> | |||
<view class="commonly-img"> | |||
@@ -223,7 +224,8 @@ | |||
<view class="commonly-text">用户画像</view> | |||
</view> | |||
</view> | |||
<view class="title"><image class="title-icon" src="https://static.quhouse.com/bc2ec951ad9a47e5bf58f2829926e143.png" mode="" />数据分析</view> | |||
<view class="title" v-if="permissions.commonly4||permissions.commonly8||permissions.commonly7||permissions.commonly9"> | |||
<image class="title-icon" src="https://static.quhouse.com/bc2ec951ad9a47e5bf58f2829926e143.png" mode="" />数据分析</view> | |||
<view class="commonly-box"> | |||
<view class="commonly" @click="Piabodata('销讲分析')" v-if="permissions.commonly4"> | |||
<view class="commonly-img"> | |||
@@ -250,7 +252,8 @@ | |||
<view class="commonly-text">员工分析</view> | |||
</view> | |||
</view> | |||
<view class="title"><image class="title-icon" src="https://static.quhouse.com/bc2ec951ad9a47e5bf58f2829926e143.png" mode="" />团队管理</view> | |||
<view class="title" v-if="permissions.commonly11||permissions.commonly12||permissions.commonly5||permissions.commonly6"> | |||
<image class="title-icon" src="https://static.quhouse.com/bc2ec951ad9a47e5bf58f2829926e143.png" mode="" />团队管理</view> | |||
<view class="commonly-box"> | |||
<view class="commonly" @click="Theteamcompared()" v-if="permissions.commonly11"> | |||
<view class="commonly-img"> | |||
@@ -776,6 +779,10 @@ | |||
uni.navigateTo({ | |||
url: '/pages/center/records/index?refresh=refresh&activeTotal=0&validInvalid=0' | |||
}); | |||
} else if (i == 11) { | |||
uni.navigateTo({ | |||
url: '/pages/center/records/index?refresh=refresh&activeTotal=0' | |||
}); | |||
} else if (i == 2) { | |||
uni.switchTab({ | |||
url: '/pages/index/customer' | |||
@@ -794,7 +801,20 @@ | |||
url: '/pages/center/records/index?refresh=refresh&activeTotal=4&validInvalid=0&staTime=' + this.statDateStart + '&endtime=' + this.statDateEnd | |||
}); | |||
} | |||
} else if (i == 33) { | |||
if (this.zhixingcenterindex == 2) {// 近7天 | |||
uni.navigateTo({ | |||
url: '/pages/center/records/index?refresh=refresh&activeTotal=2' | |||
}); | |||
} else if (this.zhixingcenterindex == 6) {//近30天 | |||
uni.navigateTo({ | |||
url: '/pages/center/records/index?refresh=refresh&activeTotal=3' | |||
}); | |||
} else {// 自定义时间段 | |||
uni.navigateTo({ | |||
url: '/pages/center/records/index?refresh=refresh&activeTotal=4&staTime=' + this.statDateStart + '&endtime=' + this.statDateEnd | |||
}); | |||
} | |||
} else if (i == 6) { | |||
uni.navigateTo({ | |||
url: '/pages/center/records/index?refresh=refresh&activeTotal=0&validInvalid=0' | |||
@@ -52,15 +52,15 @@ | |||
<image src="/static/images/right-arrow.png" mode=""></image> | |||
</view> | |||
</view> | |||
<!-- <view class="line" @click="help"> | |||
<view class="line" @click="help"> | |||
<view class="title"> | |||
<image src="/static/images/concat.png" mode=""></image> | |||
<image src="/static/images/help-icon.png" mode=""></image> | |||
帮助中心 | |||
</view> | |||
<view class="right"> | |||
<image src="/static/images/right-arrow.png" mode=""></image> | |||
</view> | |||
</view> --> | |||
</view> | |||
<view class="line" @click="scan"> | |||
<view class="title"> | |||
<image src="/static/images/visitCode.png" mode=""></image> | |||
@@ -56,8 +56,10 @@ | |||
export default { | |||
data() { | |||
return { | |||
username: '',//用户名 | |||
password: '',//密码 | |||
username: '13033782199',//用户名-测试 13388881113 1234567 | |||
password: '123456',//密码 | |||
// username: '13033782199',//用户名-生产 13033782199 654321 | |||
// password: '654321',//密码 | |||
passwordType: true, | |||
agreeChecked: true | |||
}; | |||
@@ -11,7 +11,7 @@ | |||
<view class="call_record_time">{{date}}</view> | |||
</view> | |||
<view class="call_record_time_one">接待时长 {{alltimeStr}} | |||
<u-icon name="list-dot" color="#333" size="48" @click="showFile"></u-icon> | |||
<image src="/static/images/menu.png" @click="showFile" class="menu" mode="" /> | |||
<view class="audoioyouxiao" @click="alllogo()" v-if="permissions.commonly2"> | |||
{{userlistobj.validInvalidName||''}} | |||
</view> | |||
@@ -51,7 +51,7 @@ | |||
:class="{active: Math.floor(item.bg/1000) <= playNow && Math.floor(item.ed/1000) > playNow && i==0}" | |||
v-for="(item,index) in dialog.message" :key="index" :data-speaker="item.speaker"> | |||
<view class="avatar"> | |||
<text :style="[SPEAKERSTYLE(item.speaker)]">{{ item.speaker | toCapital }}</text> | |||
<text :style="[borderColor(item.speaker)]">{{ item.speaker | toCapital }}</text> | |||
</view> | |||
<view class="content"> | |||
<view @longpress="changanxiaoguo(item,index,i)" v-html="item.onebest"></view> | |||
@@ -103,7 +103,7 @@ | |||
<!-- 回到顶部 --> | |||
<view class="backTop" @click="gotoTop"> | |||
<image src="/static/images/backTop.png" mode=""></image> | |||
<image src="/static/images/topicon.png" mode=""></image> | |||
</view> | |||
<!-- 加入常错词 --> | |||
<view class="zhezhoa" v-if="isshow2" @tap="Cancelout"></view> | |||
@@ -335,6 +335,56 @@ | |||
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 | |||
}, | |||
effectiveAdd() { | |||
if (this.effectiveindex == 4) { | |||
if (this.effectiveitext.length == 0) { | |||
@@ -1180,29 +1230,40 @@ | |||
} | |||
.call_record_time { | |||
height: 44rpx; | |||
font-size: 28rpx; | |||
font-weight: 600; | |||
color: #008EF2; | |||
line-height: 44rpx; | |||
height: 42rpx; | |||
font-size: 30rpx; | |||
font-family: PingFangSC-Medium, PingFang SC; | |||
font-weight: 500; | |||
color: #303030; | |||
line-height: 42rpx; | |||
margin-bottom: 20rpx; | |||
} | |||
.call_record_time_one { | |||
font-family: PingFangSC-Regular, PingFang SC; | |||
font-weight: 400; | |||
color: #303030; | |||
height: 48rpx; | |||
font-size: 24rpx; | |||
font-weight: 500; | |||
color: #70798d; | |||
font-size: 28rpx; | |||
line-height: 48rpx; | |||
display: flex; | |||
justify-content: space-between; | |||
align-items: center; | |||
position: relative; | |||
.menu{ | |||
width: 36rpx; | |||
height: 36rpx; | |||
} | |||
.audoioyouxiao { | |||
height: 46rpx; | |||
color: #333333; | |||
font-size: 28rpx; | |||
line-height: 48rpx; | |||
font-family: PingFangSC-Regular, PingFang SC; | |||
font-weight: 400; | |||
position: absolute; | |||
top: 0rpx; | |||
right: 140rpx; | |||
font-size: 30rpx; | |||
right: 126rpx; | |||
} | |||
.diangweitupian { | |||
@@ -1312,10 +1373,11 @@ | |||
} | |||
.scroll-Y .text { | |||
margin: 50rpx 30rpx; | |||
line-height: 80rpx; | |||
line-height: 42rpx; | |||
display: flex; | |||
align-items: center; | |||
margin-top: 30rpx; | |||
font-size: 30rpx; | |||
color: #505050; | |||
} | |||
.scroll-Y .text[data-speaker="2"], | |||
@@ -1331,25 +1393,28 @@ | |||
} | |||
.scroll-Y .text .avatar { | |||
width: 64rpx; | |||
height: 64rpx; | |||
line-height: 64rpx; | |||
text-align: center; | |||
font-size: 36rpx; | |||
border-radius: 50%; | |||
background: #F2F2F2; | |||
color: #008EF2; | |||
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; | |||
} | |||
} | |||
.scroll-Y .text .content { | |||
margin-left: 30rpx; | |||
line-height: 60rpx; | |||
text-align: left; | |||
padding: 0 5px; | |||
background: #F6F6F6; | |||
border-radius: 8rpx; | |||
max-width: 442rpx; | |||
padding: 0 20rpx; | |||
background: #f8f8f8; | |||
border-radius: 12rpx; | |||
max-width: 460rpx; | |||
color: #999; | |||
position: relative; | |||
@@ -1372,21 +1437,16 @@ | |||
} | |||
.scroll-Y .text.active .content { | |||
color: #FF7538 !important; | |||
color: #2671E2 !important; | |||
position: relative; | |||
} | |||
.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; | |||
} | |||
.tab-box { | |||
width: 100%; | |||
@@ -1453,21 +1513,15 @@ | |||
} | |||
.backTop { | |||
width: 60rpx; | |||
height: 60rpx; | |||
background: rgba(211, 235, 253, 1); | |||
box-shadow: 0rpx 0rpx 2rpx 4rpx rgba(38, 161, 255, 0.04); | |||
border-radius: 50%; | |||
width: 112rpx; | |||
height: 112rpx; | |||
position: fixed; | |||
bottom: 200rpx; | |||
right: 8rpx; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
bottom: 110rpx; | |||
right: 40rpx; | |||
image { | |||
width: 26rpx; | |||
height: 34rpx; | |||
width: 112rpx; | |||
height: 112rpx; | |||
} | |||
} | |||
@@ -1583,7 +1637,8 @@ | |||
.dialog-block { | |||
margin: 20rpx 0; | |||
border-bottom: 1px solid #ccc; | |||
border-bottom: 1rpx solid #ccc; | |||
padding-bottom: 30rpx; | |||
.fileName { | |||
text-align: center; | |||
@@ -25,7 +25,7 @@ | |||
<block v-for="(item,index) in dialog.message" :key="index"> | |||
<view class="text" | |||
:class="{active: Math.floor(item.bg/1000) <= playNow && Math.floor(item.ed/1000) > playNow, isGreen: item.isShow == 0}" | |||
:data-speaker="item.speaker" :id="'dialog'+csdFileindex+'text'+item.bg"> | |||
:data-guwen="roleindex" :data-speaker="item.speaker" :id="'dialog'+csdFileindex+'text'+item.bg"> | |||
<view class="avatar"> | |||
<view > | |||
<image v-if="item.isShow == 0" src="https://static.quhouse.com/b11a7e1ccf914020b3ee23d3e4862637.png" mode="widthFix"> | |||
@@ -306,8 +306,6 @@ | |||
<view v-if="subitem.show" style="width: 100%;height: 30rpx;"></view> | |||
</view> | |||
</view> | |||
</view> | |||
<view v-if="zhixingcenterindex == 1"> | |||
<view v-if="prohibitedlist.length!=0" class="title1-12" @click="tapbadge(item)" | |||
@@ -2404,7 +2402,10 @@ | |||
display: flex; | |||
} | |||
.scroll-Y .text[data-speaker="2"], | |||
.scroll-Y .text[data-guwen="2"], | |||
// .scroll-Y .text[data-speaker="2"], | |||
.scroll-Y .text[data-speaker="4"], | |||
.scroll-Y .text[data-speaker="6"] { | |||
flex-direction: row-reverse; | |||