|
|
@@ -16,7 +16,7 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="container"> |
|
|
|
<scroll-view class="lside" scroll-y="true"> |
|
|
|
<scroll-view style="height: calc(100vh - 92rpx - 32rpx);" class="lside" scroll-y="true"> |
|
|
|
<view class="lside-scrollbox"> |
|
|
|
<block v-for="(data, index) in lsideList"> |
|
|
|
<view class="lside-scrollbox-items" @tap="chooseLside(data, index)" |
|
|
@@ -27,7 +27,7 @@ |
|
|
|
</view> |
|
|
|
</scroll-view> |
|
|
|
|
|
|
|
<scroll-view class="rside" scroll-y="true"> |
|
|
|
<scroll-view style="height: calc(100vh - 92rpx - 32rpx);" class="rside" scroll-y="true"> |
|
|
|
<view class="rside-scrollbox"> |
|
|
|
<!-- 接待量 --> |
|
|
|
<template v-if="lsideListIndex === 0"> |
|
|
@@ -168,7 +168,7 @@ |
|
|
|
<view class="title"> |
|
|
|
<view class="title1" style="flex: 1;">顾问执行排名(TOP10)</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<block v-for="(item,index) in newlisttabinfo4"> |
|
|
|
<view class="box"> |
|
|
|
<view class="box-lside"> |
|
|
@@ -207,18 +207,17 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="uchaserbox" v-if="emptyCharData"> |
|
|
|
<qiun-data-charts type="radar" :chartData="chartData" :canvas2d="true" |
|
|
|
canvasId="wangxiaohuaerlingeryilingwuyib88" background="none" :loadingType="0" |
|
|
|
:opts="opts" /> |
|
|
|
</view> |
|
|
|
<view class="uchaserbox" v-else> |
|
|
|
<u-empty mode="data"></u-empty> |
|
|
|
<view class="uchaserbox"> |
|
|
|
<view v-if="!emptyCharData" class="uchaserbox" style="display: flex; |
|
|
|
align-items: center;justify-content: center;"> |
|
|
|
<u-empty style="margin: 09 0 0 0;" mode="data"></u-empty> |
|
|
|
</view> |
|
|
|
<qiun-data-charts v-else class="qiudatacharts" type="radar" :chartData="chartData" |
|
|
|
:canvas2d="true" canvasId="wangxiaohuaerlingeryilingwuyib88" background="none" |
|
|
|
:loadingType="0" :opts="opts" /> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
</view> |
|
|
|
</scroll-view> |
|
|
|
</view> |
|
|
@@ -247,7 +246,6 @@ |
|
|
|
totalTimeShow: false, // 日期选择器 |
|
|
|
lastStartDate: '', // 开始时间 |
|
|
|
lastEndDate: '', // 结束时间 |
|
|
|
|
|
|
|
// 项目选择器 |
|
|
|
staffShow: false, // 展示项目选择器 |
|
|
|
staffList: [], // 可选项目列表 |
|
|
@@ -360,6 +358,18 @@ |
|
|
|
series: [] |
|
|
|
}, // 销讲能力 |
|
|
|
|
|
|
|
opts: { |
|
|
|
type: "radar", |
|
|
|
width: 300, |
|
|
|
fontSize: 10, |
|
|
|
extra: { |
|
|
|
radar: { |
|
|
|
max: 100 |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
emptyCharData: false, |
|
|
|
|
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
@@ -450,7 +460,6 @@ |
|
|
|
obj.name = item.houseName |
|
|
|
obj.zxl = item.data |
|
|
|
arr.push(obj) |
|
|
|
|
|
|
|
}) |
|
|
|
arr = this.dealData(arr) |
|
|
|
this['newlisttabinfo' + index] = arr |
|
|
@@ -477,7 +486,8 @@ |
|
|
|
categories: [], |
|
|
|
series: [] |
|
|
|
} |
|
|
|
if (res.result.length != 0) { |
|
|
|
if (res.result.length > 0) { |
|
|
|
console.log(res, 'asdjkasl') |
|
|
|
res.result.map((item, index) => { |
|
|
|
let obj = { |
|
|
|
name: item.length > 0 ? item[0].houseName : '', |
|
|
@@ -492,11 +502,12 @@ |
|
|
|
allobj.series.push(obj) |
|
|
|
}) |
|
|
|
this.chartData = allobj |
|
|
|
this.$forceUpdate() |
|
|
|
this.emptyCharData = true; |
|
|
|
} else { |
|
|
|
this.emptyCharData = false; |
|
|
|
} |
|
|
|
console.log(this.emptyCharData) |
|
|
|
this.$forceUpdate() |
|
|
|
}).catch(e => { |
|
|
|
this.LOADING = false |
|
|
|
}) |
|
|
@@ -553,6 +564,7 @@ |
|
|
|
// 左侧菜单选中 |
|
|
|
chooseLside(data, index) { |
|
|
|
this.lsideListIndex = index |
|
|
|
console.log(index) |
|
|
|
this.getdata() |
|
|
|
}, |
|
|
|
}, |
|
|
@@ -571,13 +583,12 @@ |
|
|
|
.container { |
|
|
|
padding: 16rpx 0; |
|
|
|
width: 100%; |
|
|
|
height: calc(100% - 92rpx); |
|
|
|
height: calc(100% - 92rpx - var(--window-top)); |
|
|
|
display: grid; |
|
|
|
grid-template-columns: 160rpx 1fr; |
|
|
|
grid-template-columns: 160rpx calc(100vw - 160rpx); |
|
|
|
|
|
|
|
.lside { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
background: #F6F7FB; |
|
|
|
|
|
|
|
.lside-scrollbox { |
|
|
@@ -612,11 +623,9 @@ |
|
|
|
|
|
|
|
.rside { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
|
|
|
|
.rside-scrollbox { |
|
|
|
width: 100%; |
|
|
|
min-height: 100%; |
|
|
|
background: #fff; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
@@ -677,6 +686,16 @@ |
|
|
|
.uchaserbox { |
|
|
|
width: 100%; |
|
|
|
height: 470rpx; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
|
|
|
|
#wangxiaohuaerlingeryilingwuyib88 { |
|
|
|
flex-grow: 1; |
|
|
|
} |
|
|
|
|
|
|
|
.qiudatacharts { |
|
|
|
flex-grow: 1; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|