|
|
|
@ -36,7 +36,7 @@
|
|
|
|
<div class="ttd tc4 fwb" style=""><span>约面丨到面</span>丨<span>通过</span></div>
|
|
|
|
<div class="ttd tc4 fwb" style=""><span>约面丨到面</span>丨<span>通过</span></div>
|
|
|
|
<!-- @click="playAudio1" -->
|
|
|
|
<!-- @click="playAudio1" -->
|
|
|
|
<!-- <div class="ttd" @click="playAudio2">通过数</div> -->
|
|
|
|
<!-- <div class="ttd" @click="playAudio2">通过数</div> -->
|
|
|
|
<div class="ttd tc5 fwb" style="">入职</div>
|
|
|
|
<div class="ttd tc5 fwb" style="">入职</div>
|
|
|
|
<div class="ttd tc3 fwb" style="">转化</div>
|
|
|
|
<div class="ttd tc3 fwb" style="">转化</div>
|
|
|
|
<!-- @click="aaa" -->
|
|
|
|
<!-- @click="aaa" -->
|
|
|
|
<div class="ttd tc6 fwb">背包丨漏斗</div>
|
|
|
|
<div class="ttd tc6 fwb">背包丨漏斗</div>
|
|
|
|
@ -54,7 +54,7 @@
|
|
|
|
<div class="ttd tc4" style="">{{item.signUps}} | <span :class="daomianStyle == item.aliasName ?'bulingbuling' : ''">{{item.arrived}}</span> | <span :class="tongguoStyle == item.aliasName ?'bulingbuling' : ''">{{item.passed}}</span></span></div>
|
|
|
|
<div class="ttd tc4" style="">{{item.signUps}} | <span :class="daomianStyle == item.aliasName ?'bulingbuling' : ''">{{item.arrived}}</span> | <span :class="tongguoStyle == item.aliasName ?'bulingbuling' : ''">{{item.passed}}</span></span></div>
|
|
|
|
<div class="ttd tc5" style=""><span :class="ruzhiStyle == item.aliasName ?'bulingbuling' : ''">{{item.entry}}/{{item.weekEntry || '*'}}</span></span>
|
|
|
|
<div class="ttd tc5" style=""><span :class="ruzhiStyle == item.aliasName ?'bulingbuling' : ''">{{item.entry}}/{{item.weekEntry || '*'}}</span></span>
|
|
|
|
<!-- /{{parseFloat(item.entryNumMonthNum).toFixed(1).replace(/(.0)$/,'')}} -->
|
|
|
|
<!-- /{{parseFloat(item.entryNumMonthNum).toFixed(1).replace(/(.0)$/,'')}} -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="ttd tc3">{{Number(item.transferRatio * 100).toFixed(0)}}%</div>
|
|
|
|
<div class="ttd tc3">{{Number(item.transferRatio * 100).toFixed(0)}}%</div>
|
|
|
|
<div class="ttd tc6">
|
|
|
|
<div class="ttd tc6">
|
|
|
|
<span style="display: inline-block;width:60px;text-align: right;">*</span>丨<span style="display: inline-block;width:60px;text-align: left;">{{item.funnel}}</span></div>
|
|
|
|
<span style="display: inline-block;width:60px;text-align: right;">*</span>丨<span style="display: inline-block;width:60px;text-align: left;">{{item.funnel}}</span></div>
|
|
|
|
@ -176,12 +176,12 @@ export default {
|
|
|
|
slideImages: [],
|
|
|
|
slideImages: [],
|
|
|
|
slideImgNum: 10,
|
|
|
|
slideImgNum: 10,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
watch: {
|
|
|
|
watch: {
|
|
|
|
nameArray(newValue, oldValue) {
|
|
|
|
nameArray(newValue, oldValue) {
|
|
|
|
console.log(newValue)
|
|
|
|
console.log(newValue)
|
|
|
|
console.log(oldValue)
|
|
|
|
console.log(oldValue)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
mounted() {
|
|
|
|
mounted() {
|
|
|
|
var that = this;
|
|
|
|
var that = this;
|
|
|
|
@ -288,8 +288,8 @@ export default {
|
|
|
|
var that = this;
|
|
|
|
var that = this;
|
|
|
|
console.log(this.nameArray);
|
|
|
|
console.log(this.nameArray);
|
|
|
|
// debugger
|
|
|
|
// debugger
|
|
|
|
if(this.nameArray.length == 0) {
|
|
|
|
if(this.nameArray.length == 0) {
|
|
|
|
return;
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
if (this.nameArray[0].type == '1') {
|
|
|
|
if (this.nameArray[0].type == '1') {
|
|
|
|
@ -400,7 +400,7 @@ export default {
|
|
|
|
// type 25 到面 30通过 40入职
|
|
|
|
// type 25 到面 30通过 40入职
|
|
|
|
|
|
|
|
|
|
|
|
// 180000
|
|
|
|
// 180000
|
|
|
|
// debugger
|
|
|
|
// debugger
|
|
|
|
// && (timeStamp == 0 || new Date().getTime() - timeStamp >= 40000 )
|
|
|
|
// && (timeStamp == 0 || new Date().getTime() - timeStamp >= 40000 )
|
|
|
|
if(e.data != '"pong"'){
|
|
|
|
if(e.data != '"pong"'){
|
|
|
|
|
|
|
|
|
|
|
|
@ -799,20 +799,20 @@ div{
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tc4 {
|
|
|
|
.tc4 {
|
|
|
|
width: 30%;
|
|
|
|
width: 27%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tc5 {
|
|
|
|
.tc5 {
|
|
|
|
width: 14%;
|
|
|
|
width: 14%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 1520px) {
|
|
|
|
@media screen and (max-width: 1520px) {
|
|
|
|
h4.f24 {
|
|
|
|
h4.f24 {
|
|
|
|
font-size: 48px;
|
|
|
|
font-size: 48px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.ttd{
|
|
|
|
.ttd{
|
|
|
|
text-align: center;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 27px;
|
|
|
|
font-size: 27px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.s_left {
|
|
|
|
.s_left {
|
|
|
|
width: 96%;
|
|
|
|
width: 96%;
|
|
|
|
@ -820,12 +820,12 @@ div{
|
|
|
|
|
|
|
|
|
|
|
|
.tc1 {
|
|
|
|
.tc1 {
|
|
|
|
min-width: 50px;
|
|
|
|
min-width: 50px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.tc2{
|
|
|
|
.tc2{
|
|
|
|
width:16%
|
|
|
|
width:16%
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.tc5 {
|
|
|
|
.tc5 {
|
|
|
|
width: 10%;
|
|
|
|
width: 10%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|