const appxx = new Vue({
el:"#sale",
data:{
year:'255',
total:'366',
styleText:'width:0%',
showPage: 0,
salesData:{},
// salesData:{
// "title":"各品牌中5G累计销量占比",
// "list":[
// {
// "rankNum":"54.86",
// "name":"华为",
// "details":[
// {
// "unit":"万台",
// "title":"各品牌总销量",
// "value":"124.43"
// },
// {
// "unit":"万台",
// "title":"各品牌中5G销量",
// "value":"68.26"
// },
// {
// "unit":"%",
// "title":"各品牌中5G销量占比",
// "value":"54.86"
// }
// ]
// },
// {
// "rankNum":"37.62",
// "name":"VIVO",
// "details":[
// {
// "unit":"万台",
// "title":"各品牌总销量",
// "value":"49.58"
// },
// {
// "unit":"万台",
// "title":"各品牌中5G销量",
// "value":"18.66"
// },
// {
// "unit":"%",
// "title":"各品牌中5G销量占比",
// "value":"37.62"
// }
// ]
// },
// {
// "rankNum":"37.46",
// "name":"荣耀",
// "details":[
// {
// "unit":"万台",
// "title":"各品牌总销量",
// "value":"6.84"
// },
// {
// "unit":"万台",
// "title":"各品牌中5G销量",
// "value":"2.56"
// },
// {
// "unit":"%",
// "title":"各品牌中5G销量占比",
// "value":"37.46"
// }
// ]
// },
// {
// "rankNum":"30.01",
// "name":"OPPO",
// "details":[
// {
// "unit":"万台",
// "title":"各品牌总销量",
// "value":"37.13"
// },
// {
// "unit":"万台",
// "title":"各品牌中5G销量",
// "value":"11.14"
// },
// {
// "unit":"%",
// "title":"各品牌中5G销量占比",
// "value":"30.01"
// }
// ]
// },
// {
// "rankNum":"12.36",
// "name":"其他",
// "details":[
// {
// "unit":"万台",
// "title":"各品牌总销量",
// "value":"57.58"
// },
// {
// "unit":"万台",
// "title":"各品牌中5G销量",
// "value":"7.12"
// },
// {
// "unit":"%",
// "title":"各品牌中5G销量占比",
// "value":"12.36"
// }
// ]
// },
// {
// "rankNum":"11.76",
// "name":"小米",
// "details":[
// {
// "unit":"万台",
// "title":"各品牌总销量",
// "value":"63.49"
// },
// {
// "unit":"万台",
// "title":"各品牌中5G销量",
// "value":"7.46"
// },
// {
// "unit":"%",
// "title":"各品牌中5G销量占比",
// "value":"11.76"
// }
// ]
// },
// {
// "rankNum":"0",
// "name":"苹果",
// "details":[
// {
// "unit":"万台",
// "title":"各品牌总销量",
// "value":"133.21"
// },
// {
// "unit":"万台",
// "title":"各品牌中5G销量",
// "value":"0"
// },
// {
// "unit":"%",
// "title":"各品牌中5G销量占比",
// "value":"0"
// }
// ]
// }
// ]
// },
column:[] // 列表指标
},
filters: {
rounding(value) {
value = value * 1;
return value.toFixed(1)
}
},
mounted(){
// this.drawPhoneControl();
this.requestPhone();
this.fun();
this.clickTo()
},
methods: {
fun() {
this.styleText = 'width:' + this.year / this.total * 100 + '%';
// const data1 = this.post('http://192.168.31.114:9010/mock/5f4f6628b975bf1c43db0a4b/drawSmallApp/salesAnnual', {"moduleTab":"industry","userId": "00000001","token": "adsadsafcdscd"}); console.log(data1,'ggggggggggggg')
// console.log(data1)
},
post(url, data) {
let baseUrl = 'http://192.168.110.197:8060/huaxiao/home/agencyTask';
return new Promise((resolve, reject) => {
axios({
headers: {
"Content-Type": "application/json; charset=utf-8",
},
method: 'post',
url: url,
data: { ...data }
})
.then(res => {
console.log('111水水水水顶顶顶顶顶顶顶顶');
this.salesData = res.data.data
this.drawPhoneControl()
})
.catch(err => {
console.log('请求超时')
})
})
},
clickTo() {
// console.log('jjjjjjj')
},
// 请求数据
requestPhone() {
const data1 = this.post('http://192.168.200.52:8050/huaxiao/saleOverview/salesInfo', { "moduleCode": "m2_pro_5g_nljxlzb" })
},
canShow(index) {
// console.log(index,'indez')
return index<this.showPage * 7 + 7 && index>=this.showPage * 7
},
//控制化小手机的次数以及传入对应的值
drawPhoneControl() {
console.log('drawPhoneControl');
// 处理指标数据
const column = []
if (this.salesData.list && this.salesData.list.length) {
this.salesData.list[0].details.forEach(item => {
column.push(item.title)
})
console.log(column);
this.column = column
}
// 渲染七次
console.log(this.salesData);
this.salesData.list.forEach((item, index) => {
console.log('渲染七次',item.details[2].value, index);
this.drawPhone(item.details[2].value, index)
})
},
// 绘制小手机echarts
drawPhone(value, id) {
// console.log(Object.keys(salesData).indexOf('title'),2222222222222222222);
const myChart = echarts.init(document.getElementById(`barChart${id}`), 'light');
//
console.log(1111111111111, myChart);
// debugger
const option = {
"title":'',
"grid":{
"left":"0%",
// "top": "10%",
// "bottom": 10
},
"xAxis":{
"max":100,
"splitLine":{
"show":false
},
"axisLine":{
"show":false
},
"axisLabel":{
"show":false
},
"axisTick":{
"show":false
}
},
yAxis:[
{
"type":"category",
show:false,
},
],
series:[]
};
// console.log(this.idNumber)
if (JSON.stringify(value) !== '{}') {
option.series = [
{
'type':'pictorialBar',
'symbol':'image://data:image/png;base64,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',
'symbolRepeat':'true',
'symbolMargin':'5%',
'symbolClip':true,
'symbolSize':23,
'symbolPosition':'start',
// "symbolOffset": [
// 10,
// 0
// ],
'symbolBoundingData':100,
'data':[
value
],
'z':10
},
{
'type':'pictorialBar',
'itemStyle':{
'normal':{
'opacity':0.3
}
},
'label':{
'normal':{
'show':false
}
},
'animationDuration':0,
'symbolRepeat':'true',
'symbolMargin':'5%',
// "symbolClip": true,
'symbol':'image://' + 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAMeklEQVR4Xu2cX4icVxnG33c22W+7hkWxXtmkUqWY1AvBm9DmosG2mdmKoQVbUqjYzLfBtGkRSqESoSIlIorQBGPLfruSYrEGxVbMzCStQTHBeqMX0pTin2rSO02xbbQ7E3Ze2Vgl2pr9Zs68z3fO5Mltznue8/3O/vLsbGZWZYz+2NHF9d3l/vaayjUmcqWIvN9EpsfoEaN7FBX5h4icVZG/9k3+2J+oPTu9beeZ6A465IF0yLmoxnqdIheRO8zk5qgOdpkeRlWeE5HDk/W8SB1B0oJ02/O3q+j9JnJj6hcxjuc3kZ+tmdD9a25p/ijV50tWkG574RER+3Kq4C+rc6s8ktXzr6T4zEkK0usUB81kd4rAL9czq8jByUZ+X2rPn5wgvU5x3Ey2pgaa5xVR0eOTjeYnU2KRlCDd1sKiqN2TEmCe9X8IqCxm9byZCpdkBFlqze9W1YOpgOU5/z8BU909VW8+ngKjJAQ529o/s06mXxCVjSlA5RlXJXBqsqebdXvzzVVXVrwgCUG6rfm9ovpoxawYP0oCqnuzenPfKLf02CsRQYrfisrHPABwz8oIvJw18o9Wll4yOHpBllpPfFh14vcln6fqZdZf1kp/SlObsONVQyib37f+jVfM7vp52fVVrItekLeOFHfXavJkFXCGyLSskdeGmBvJiJlpr7PQH8lmgE3M5LGp2fwLgKihI6IXpNcpDpjJnqGfEDtIQQbhrfKrrJ5vHmQEvTYFQY4l9CZECjLAV7CJ/WGqMfeRAUbgS6MXpNsp/iwmG+BkhgukIANwU5W/Tdbz9w0wAl8avyDtwuBUhg+kIIOxq5RXmaNSkDKUyq+p9MJTe5EuIpXyKnOtFKQMpfJrKr1wClL+osqupCBlSZVbZypS6c/1E/vwWKX/oJS5UgpShhLXeBGgIKFku2m9SA993MttnoKE3jgFCSUY9TwFCb0eChJKMOp5ChJ6PRQklGDU8xQk9HooSCjBqOcpSOj1UJBQglHPU5DQ66EgoQSjnqcgoddDQUIJRj1PQUKvh4KEEox6noKEXg8FCSUY9TwFCb0eChJKMOp5ChJ6PasJ0hfjryENhew1v1zTVX6JBAUJZb+qIAn8ZoxQBqnOv/WTha0UxPn2KIgzYMftKYgj3H9vTUEAkJ0iKIgT2Iu3pSAAyE4RFMQJLAUBgAVEUBAAZDYIALJTBAVxAssGAYAFRFAQAGQ2CACyUwQFcQLLBgGABURQEABkNggAslMEBXECywYBgAVEUBAAZDYIALJTBAVxAssGAYAFRFAQAGQ2CACyUwQFcQLLBgGABURQEABkNggAslMEBXECywYBgAVEUBAAZDYIALJTBAVxAssGAYAFRFAQAGQ2CACyUwQFcQLLBgGABURQEABkNggAslMEBXECywYBgAVEUBAAZDYIALJTBAVxAssGAYAFRFAQAGQ2CACyUwQFcQLLBgGABURQEABkNggAslMEBXECywYBgAVEUBAAZDYIALJTBAVxAssGAYAFRFAQAGQ2CACyUwQFcQLLBgGABURQEABkNggAslMEBXECywYBgAVEUBAAZDYIALJTBAVxAssGAYAFRFAQAGQ2CACyUwQFcQLLBgGABURQEABkNggAslMEBXECywYBgAVEUBAAZDYIALJTBAVxAssGAYAFRFAQAGQ2CACyUwQFcQLLBgGABURQEABkNggAslMEBXECywYBgAVEUBAAZDYIALJTBAVxAssGAYAFRFAQAGQ2CACyUwQFcQLLBgGABURQEABkNggAslMEBXECywYBgAVEUBAAZDYIALJTBAVxAssGAYAFRFAQAGQ2CACyUwQFcQLLBgGABURQEABkNggAslMEBXECywYBgAVEUBAAZDYIALJTBAVxAssGAYAFRFAQAGQ2CACyUwQFcQLLBgGABURQEABkNggAslMEBXECywYBgAVEUBAAZDYIALJTBAVxAssGAYAFRFAQAGQ2CACyUwQFcQLLBgGABURQEABkNggAslMEBXECywYBgAVEUBAAZDYIALJTBAVxAssGAYAFRFAQAGQ2CACyUwQFcQLLBgGABURQEABkNggAslMEBXECywYBgAVEUBAAZDYIALJTBAVxAssGAYAFRFAQAGQ2CACyUwQFcQLLBgGABURQEABkNggAslMEBXECywYBgAVEUBAAZDYIALJTBAVxAssGAYAFRFAQAGQ2CACyUwQFcQLLBgGABURQEABkNggAslMEBXECywYBgAVEUBAAZDYIALJTBAVxAssGAYAFRFAQAGQ2CACyUwQFcQLLBgGABURQEABkNggAslMEBXECywYBgAVEUBAAZDYIALJTBAVxAssGAYAFRFAQAGQ2CACyUwQFcQLLBgGABURQEABkNggAslMEBXECywYBgAVEUBAAZDYIALJTBAVxAssGAYAFRFAQAGQ2CACyUwQFcQLLBgGABURQEABkNggAslMEBXECywYBgAVEUBAAZDYIALJTBAVxAssGAYAFRFAQAGQ2CACyUwQFcQLLBgGABURQEABkNggAslMEBXECywYBgAVEUBAAZDYIALJTBAVxAssGAYAFRFAQAGQ2CACyUwQFcQLLBgGABURQEABkNggAslMEBXECywYBgAVEUBAAZDYIALJTBAVxAssGAYAFRFAQAGQ2CACyUwQFcQLLBgGABURQEABkNggAslMEBXECywYBgAVEUBAAZDYIALJTBAVxAssGAYAFRFAQAGQ2CACyUwQFcQLLBgGABURQEABkNggAslMEBXECywYBgAVEUBAAZDYIALJTBAVxAssGAYAFRFAQAGQ2CACyUwQFcQI7SIMAjsAIPwKWNfKa3/bhO2v4Fr47rNYgvunc3ZkABQkFTEFCCUY9T0FCr4eChBKMep6ChF4PBQklGPU8BQm9HgoSSjDqeQoSej1jLsg5UfmxmLw0IXZqeY28dIFXr7ZJarZRVDaqyKfNZF0ox0jnKUjoxYyrICpyUkUfWtto/vJSjM4fXbzezL5uZteHsoxwnoKEXso4CmL9/oNTt+765iBsllrzD6rqNwaZSWAtBQm9pHETxMzunZqd+/YwXHrt4l4T+dYws5HOUJDQixkvQfQHWaP5mRAm3XbxQxG5PWSPiGYpSOhljIsgKvKaLduW7FNz/3ohPuSfbmtxk9b6J83kvUNuEdMYBQm9jXERRES+mzXyu0N5rMx3W8VTonLXKPaqeA8KEnoBYyOIysNZPf9aKI8LgrSLL4rIvlHsVfEeFCT0AsZFkJrITWsb+U9DeazMLx2Zv1lremwUe1W8BwUJvYBxEeSNns58YHvzzVAeK/NnW/tn1un066PYq+I9KEjoBYyLIDYxce3ULff8LpTHyrw9f+ja3vnzL49ir4r3oCChF9BrF38xkStD94lgfkfWyJ8exTm6R4q7pCZPjWKvivf4e9bIo34bTfQfmFpqFydU5IaKLzI8XnVfVm/uDd9o5UX6wldF7OFR7FXlHmZ2emp27uoqz7BadvSCdDvFgpjsXO1Bov97k2ey2fy2UZxzqV08u/ImxlHsVe0e+uus0fxEtWe4dHr0gvTa8w+Y6GMxQyx7NpN+faqx62jZ9e+2bqlT1NWkHbJHRLNPZ418R0TnecdR4hfk2Hc+bsvLv4kZ4gBnO5M18g0DrH/H0m574VUR+2DIHtHMmtyWzebPRHOedzlI9IKsnLnbLk6LyPqYQQ5wtkNZI//cAOv/s7TbLp4UkZH8b/ww+SOeeW1yqnu1br3v3Ij3Hel2SQjS6xQHzGTPSJ+8ws1M5BfZhpmb9Lo7emWOYa392Xmdft5EtpRZn8IaFT0w2Wg+EPtZkxDEji6u71n/hJgEfXsS2WWcs37/oalbdz1+qXP1OgufN7OVz4G8J7LzD38cs9PLExNbprftPDP8JpjJJARZQbHUKvaoygEMFmjKn0TkRRE7paIvLotqTfqbTPQ6FdkkIh+CngYQpmp7JutzSXyuJRlB3n4tclhEgj5PAbh/RlySgB7OGs07U4GUlCAXmqRdnFGRq1IBzHP+F4Hgn+KheSYnyNtN8so4fuuBvnxw3itZI78GnBkcl6Qg/HYr+N6xG6gezurpfFt1MZxkBbkgSad4VE3vN7EZ7I0zrSSBN/oqB66o518quT66ZUkLckGS1vydUtMdanLDmLzrN7ovkiEOdFZUToja97Jtc98fYj6akeQFuZjk+fYTW0wnPmtmm0XkKpXajIlNREN7HA9i1heR10XlVTV9QUUOrZ3NT47Lo/4TQQPTUFNk4oIAAAAASUVORK5CYII=',
'symbolSize':23,
'symbolBoundingData':100,
'symbolPosition':'start',
// "symbolOffset": [
// 10,
// 0
// ],
'data':[
100
],
'z':5
}
]
}
myChart.setOption(option);
window.addEventListener('resize', () => {
myChart.resize()
})
},
setClassName(name) {
let className
switch (name) {
case '华为':
className = 'huawei'
break
case '小米':
className = 'xiaomi'
break
case '苹果':
className = 'pingguo'
break
case 'VIVO':
className = 'vivo'
break
case '荣耀':
className = 'honor'
break
case 'OPPO':
className = 'oppo'
break
case '其他':
className = 'qita'
break
default:
break
}
return className
}
}
})
console