ZhaoTongYao
5 years ago
28 changed files with 2062 additions and 730 deletions
|
After Width: | Height: | Size: 30 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 36 KiB |
File diff suppressed because one or more lines are too long
@ -1,6 +1,6 @@ |
|||
<view class="branch-van"> |
|||
<select-street bind:chooseStreetId="chooseStreetId" bind:chooseTimeId="chooseTimeId"></select-street> |
|||
<tab-item typeList="{{typeList}}" bind:chooseType="chooseType"></tab-item> |
|||
<!-- <tab-item typeList="{{typeList}}" bind:chooseType="chooseType"></tab-item> --> |
|||
<basic-situation wx:if="{{selectTab === 'basic-situation'}}" condition="{{condition}}" streetId="{{streetId}}" timeId="{{timeId}}"></basic-situation> |
|||
<enter-situation condition="{{condition}}" wx:elif="{{selectTab === 'enter-situation'}}"></enter-situation> |
|||
<bring-into-play-situation condition="{{condition}}" wx:elif="{{selectTab === 'bring-into-play-situation'}}"></bring-into-play-situation> |
|||
|
|||
File diff suppressed because one or more lines are too long
@ -0,0 +1,10 @@ |
|||
{ |
|||
"navigationBarTitleText": "满意度", |
|||
"usingComponents": { |
|||
"people-list": "../components/list/list", |
|||
"ec-canvas": "../../../../../components/ec-canvas/ec-canvas", |
|||
"preload-item": "../components/preloadItem/preloadItem", |
|||
"load-more": "../../../../../components/loadMore/loadMore", |
|||
"no-data": "../components/peopleNodata/peopleNodata" |
|||
} |
|||
} |
|||
@ -0,0 +1,265 @@ |
|||
page { |
|||
width: 100%; |
|||
height: auto; |
|||
min-height: 100vh; |
|||
overflow-y: auto; |
|||
background-color: #f7f6fb |
|||
} |
|||
|
|||
.diff-plugg { |
|||
width: 100%; |
|||
height: 100%; |
|||
background: #f7f6fb; |
|||
|
|||
.banner { |
|||
width: 100%; |
|||
height: 270rpx; |
|||
|
|||
image { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
} |
|||
|
|||
.tab-bar { |
|||
width: 100%; |
|||
height: 80rpx; |
|||
background: #fff; |
|||
display: flex; |
|||
justify-content: space-around; |
|||
position: relative; |
|||
|
|||
.tab { |
|||
flex: 1; |
|||
height: 80rpx; |
|||
line-height: 80rpx; |
|||
text-align:center; |
|||
width: 50%; |
|||
color: #999; |
|||
font-size: 30rpx; |
|||
} |
|||
|
|||
.select-tab { |
|||
color: #29B9A5; |
|||
font-size: 32rpx; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.select-bar { |
|||
width: 30rpx; |
|||
height: 10rpx; |
|||
border-radius: 5rpx; |
|||
background: #29B9A5; |
|||
position: absolute; |
|||
bottom: 0rpx; |
|||
} |
|||
.select-bar.tab1 { |
|||
left: calc(16% - 15rpx); |
|||
transition: left linear 0.4s; |
|||
} |
|||
.select-bar.tab2 { |
|||
left: calc(50% - 15rpx); |
|||
transition: left linear 0.4s; |
|||
} |
|||
.select-bar.tab3 { |
|||
left: calc(83% - 15rpx); |
|||
transition: left linear 0.4s; |
|||
} |
|||
} |
|||
|
|||
.content { |
|||
width: 100%; |
|||
|
|||
.line{ |
|||
height: 1rpx; |
|||
background-color: #fff; |
|||
|
|||
.line-padding{ |
|||
margin: 0 20rpx; |
|||
height: 1rpx; |
|||
background-color: #eee; |
|||
} |
|||
} |
|||
|
|||
.category-type { |
|||
width: 100%; |
|||
height: 140rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
background-color: #FFFFFF; |
|||
justify-content: space-around; |
|||
|
|||
button { |
|||
width: 200rpx; |
|||
height: 55rpx; |
|||
border-radius: 28rpx; |
|||
border: 1rpx solid #29B9A5; |
|||
font-weight: 500; |
|||
background: #fff; |
|||
font-size: 28rpx; |
|||
color: #29B9A5; |
|||
padding: 0; |
|||
margin: 0; |
|||
line-height: 55rpx; |
|||
min-height: 55rpx !important; |
|||
box-sizing: content-box !important; |
|||
} |
|||
|
|||
.hover-btn { |
|||
background: #29B9A5; |
|||
color: #fff; |
|||
} |
|||
|
|||
.select-btn { |
|||
background: #29B9A5; |
|||
color: #fff; |
|||
} |
|||
} |
|||
|
|||
.chart-main{ |
|||
width: 100%; |
|||
height: 400rpx; |
|||
background-color: #fff; |
|||
box-sizing: border-box; |
|||
|
|||
.chart-left{ |
|||
width: 328rpx; |
|||
height: 328rpx; |
|||
margin:35rpx 0 35rpx 75rpx; |
|||
float: left; |
|||
} |
|||
|
|||
.chart-right{ |
|||
height: 328rpx; |
|||
margin:35rpx 0 35rpx 30rpx; |
|||
float: left; |
|||
|
|||
.chart-right-one{ |
|||
height: 24rpx; |
|||
margin-top: 50rpx; |
|||
} |
|||
|
|||
.chart-right-two{ |
|||
height: 24rpx; |
|||
margin-top: 18rpx; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.list-name{ |
|||
margin-top: 20rpx; |
|||
height: 100rpx; |
|||
padding: 0 20rpx; |
|||
line-height: 100rpx; |
|||
font-size:32rpx; |
|||
font-weight:500; |
|||
color:rgba(102,102,102,1); |
|||
background-color: #fff; |
|||
border-bottom: 1rpx solid #eee; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.circular{ |
|||
width: 10rpx; |
|||
height: 10rpx; |
|||
margin-top: 6rpx; |
|||
border-radius: 50%; |
|||
background-color: #AD6DFE; |
|||
float: left; |
|||
} |
|||
.circular1{ |
|||
background-color: #FFA270; |
|||
} |
|||
.circular2{ |
|||
background-color: #29B9A5; |
|||
} |
|||
.circular3{ |
|||
background-color: #63CFED; |
|||
} |
|||
.circular4{ |
|||
background-color: #679CF7; |
|||
} |
|||
.circular5{ |
|||
background-color: #FFC600; |
|||
} |
|||
.name{ |
|||
height:24rpx; |
|||
width: 150rpx; |
|||
font-size:20rpx; |
|||
margin-left: 5rpx; |
|||
line-height: 24rpx; |
|||
font-weight:500; |
|||
color:rgba(153,153,153,1); |
|||
float: left; |
|||
} |
|||
.number{ |
|||
height:24rpx; |
|||
font-size:24rpx; |
|||
margin-left: 20rpx; |
|||
line-height: 24rpx; |
|||
font-weight:bold; |
|||
color:rgba(102,102,102,1); |
|||
float: left; |
|||
} |
|||
.percentage{ |
|||
height:24rpx; |
|||
font-size:24rpx; |
|||
margin-left: 20rpx; |
|||
line-height: 24rpx; |
|||
font-weight:bold; |
|||
|
|||
float: left; |
|||
} |
|||
.color{ |
|||
color:#AD6DFE; |
|||
} |
|||
.color1{ |
|||
color:#FFA270; |
|||
} |
|||
|
|||
.color2{ |
|||
color:#29B9A5; |
|||
} |
|||
.color3{ |
|||
color:#63CFED; |
|||
} |
|||
.color4{ |
|||
color:#679CF7; |
|||
} |
|||
.color5{ |
|||
color:#FFC600; |
|||
} |
|||
.bottom-all{ |
|||
width: 100%; |
|||
margin-top: 34rpx; |
|||
padding: 0 20rpx 30rpx 20rpx; |
|||
height: auto; |
|||
box-sizing: border-box; |
|||
} |
|||
.bottom-all-name{ |
|||
width: 100%; |
|||
margin-top: 12rpx; |
|||
box-sizing: border-box; |
|||
} |
|||
.nameB{ |
|||
height:24rpx; |
|||
font-size:20rpx; |
|||
margin-left: 5rpx; |
|||
line-height: 24rpx; |
|||
font-weight:500; |
|||
color:rgba(153,153,153,1); |
|||
float: left; |
|||
} |
|||
.chart-main .chart-leftB{ |
|||
width: 328rpx; |
|||
height: 328rpx; |
|||
margin: 0 auto; |
|||
} |
|||
.heightA{ |
|||
height: 400rpx !important; |
|||
} |
|||
.heightB{ |
|||
height: auto !important; |
|||
} |
|||
.cle{clear: both} |
|||
@ -0,0 +1,447 @@ |
|||
// subpages/reality/pages/peopleSatisfied/peopleSatisfied.js
|
|||
// @ts-ignore
|
|||
import * as echarts from "../../../../../components/ec-canvas/echarts.js" |
|||
import { getEvaluateCountList } from "../../../../../api/reality" |
|||
function setOption (chart, chartData, color) { |
|||
var option = { |
|||
color: color, |
|||
series: [ |
|||
{ |
|||
type: "pie", |
|||
radius: ["70%", "95%"], |
|||
silent: true, |
|||
avoidLabelOverlap: false, |
|||
label: { |
|||
show: false |
|||
}, |
|||
labelLine: { |
|||
show: false, |
|||
normal: { |
|||
show: false |
|||
} |
|||
}, |
|||
itemStyle: { |
|||
borderColor: "#fff", |
|||
borderWidth: "2", |
|||
}, |
|||
data: chartData |
|||
} |
|||
] |
|||
}; |
|||
chart.setOption(option); |
|||
} |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
selectTab: "tab1", |
|||
type: "first", |
|||
allnum: 0,//总数
|
|||
pageSize:10, |
|||
pageIndex:1, |
|||
listLength:0, |
|||
evaluateCountList: [], |
|||
chartData: [], |
|||
loadVisible:true, |
|||
loadType: "more", |
|||
isShow:false, |
|||
preloadVisible: true, |
|||
color: [], |
|||
ec: {}, |
|||
isShowLoading:true,//true加载中,false加载完毕
|
|||
}, |
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function () { |
|||
this.ecComponent = this.selectComponent("#mychart-dom-bar") |
|||
|
|||
this.getEvaluateCountList() |
|||
this.selectComponent("#peopleList").getList(this.data) |
|||
}, |
|||
/** |
|||
* 子页面传值 |
|||
*/ |
|||
onGetCode: function (e: { detail: { val: any } }) { |
|||
this.setData({ |
|||
listLength: e.detail.listLength |
|||
}) |
|||
}, |
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function () { |
|||
// 判断是否需要在加载数据
|
|||
if (this.data.listLength !== this.data.pageSize) { |
|||
this.setData({ |
|||
loadType: "none", |
|||
}) |
|||
return |
|||
} |
|||
this.setData({ |
|||
loadType: "more", |
|||
}) |
|||
let obj = { |
|||
pageIndex: ++this.data.pageIndex, |
|||
pageSize: this.data.pageSize, |
|||
} |
|||
this.selectComponent("#peopleList").getList(this.data) |
|||
}, |
|||
// 获取数据
|
|||
getEvaluateCountList () { |
|||
this.setData({ |
|||
isShow: false, |
|||
isShowLoading:true |
|||
}) |
|||
let that = this |
|||
let evaluateType = "1"//评价类别:1.非常满意，2.基本满意，3.不满意
|
|||
if (that.data.selectTab == "tab1") { |
|||
evaluateType = "1" |
|||
} else if (that.data.selectTab == "tab2"){ |
|||
evaluateType = "2" |
|||
} else if (that.data.selectTab == "tab3"){ |
|||
evaluateType = "3" |
|||
} |
|||
let cotegoryType = "1"//分类类别：1.一级，2.二级，3.三级
|
|||
if (that.data.type == "first") {//一级
|
|||
cotegoryType = "1" |
|||
} else if (that.data.type == "second") {//二级
|
|||
cotegoryType = "2" |
|||
} else if (that.data.type == "third") {//三级
|
|||
cotegoryType = "3" |
|||
} |
|||
getEvaluateCountList(evaluateType, cotegoryType).then(function (res: { data: any }) { |
|||
that.setData.evaluateCountList = [] |
|||
that.setData.allnum = 0 |
|||
let datalength = res.data.length |
|||
|
|||
if (datalength == 0) { |
|||
that.setData({ |
|||
loadVisible: false, |
|||
preloadVisible:false, |
|||
isShow: true, |
|||
isShowLoading:false |
|||
}) |
|||
} |
|||
|
|||
for (var i = 0; i < res.data.length; i++) { |
|||
that.setData({ |
|||
allnum: that.data.allnum + res.data[i].count |
|||
}); |
|||
} |
|||
if (datalength == 1) { |
|||
if (res.data[0].count != 0) { |
|||
that.setData({ |
|||
evaluateCountList: res.data, |
|||
color: ["#AD6DFE"], |
|||
chartData: [ |
|||
{ |
|||
value: res.data[0].count / that.data.allnum, |
|||
name: "1" |
|||
} |
|||
], |
|||
}); |
|||
} |
|||
|
|||
} else if (datalength == 2) { |
|||
if (res.data[1].count == 0) { |
|||
that.setData({ |
|||
evaluateCountList: res.data, |
|||
color: ["#AD6DFE"], |
|||
chartData: [ |
|||
{ |
|||
value: res.data[0].count / that.data.allnum, |
|||
name: "1" |
|||
} |
|||
], |
|||
}); |
|||
} else { |
|||
that.setData({ |
|||
evaluateCountList: res.data, |
|||
color: ["#AD6DFE", "#FFA270"], |
|||
chartData: [ |
|||
{ |
|||
value: res.data[0].count / that.data.allnum, |
|||
name: "1" |
|||
}, |
|||
{ |
|||
value: res.data[1].count / that.data.allnum, |
|||
name: "2" |
|||
} |
|||
], |
|||
}); |
|||
} |
|||
} else if (datalength == 3) { |
|||
if (res.data[2].count == 0) { |
|||
that.setData({ |
|||
evaluateCountList: res.data, |
|||
color: ["#AD6DFE", "#FFA270"], |
|||
chartData: [ |
|||
{ |
|||
value: res.data[0].count / that.data.allnum, |
|||
name: "1" |
|||
}, |
|||
{ |
|||
value: res.data[1].count / that.data.allnum, |
|||
name: "2" |
|||
} |
|||
], |
|||
}); |
|||
} else { |
|||
that.setData({ |
|||
evaluateCountList: res.data, |
|||
color: ["#AD6DFE", "#FFA270", "#29B9A5"], |
|||
chartData: [ |
|||
{ |
|||
value: res.data[0].count / that.data.allnum, |
|||
name: "1" |
|||
}, |
|||
{ |
|||
value: res.data[1].count / that.data.allnum, |
|||
name: "2" |
|||
}, |
|||
{ |
|||
value: res.data[2].count / that.data.allnum, |
|||
name: "3" |
|||
} |
|||
], |
|||
}); |
|||
} |
|||
} else if (datalength == 4) { |
|||
if (res.data[3].count == 0) { |
|||
that.setData({ |
|||
evaluateCountList: res.data, |
|||
color: ["#AD6DFE", "#FFA270", "#29B9A5"], |
|||
chartData: [ |
|||
{ |
|||
value: res.data[0].count / that.data.allnum, |
|||
name: "1" |
|||
}, |
|||
{ |
|||
value: res.data[1].count / that.data.allnum, |
|||
name: "2" |
|||
}, |
|||
{ |
|||
value: res.data[2].count / that.data.allnum, |
|||
name: "3" |
|||
}, |
|||
], |
|||
}); |
|||
} else { |
|||
that.setData({ |
|||
evaluateCountList: res.data, |
|||
color: ["#AD6DFE", "#FFA270", "#29B9A5", "#63CFED"], |
|||
chartData: [ |
|||
{ |
|||
value: res.data[0].count / that.data.allnum, |
|||
name: "1" |
|||
}, |
|||
{ |
|||
value: res.data[1].count / that.data.allnum, |
|||
name: "2" |
|||
}, |
|||
{ |
|||
value: res.data[2].count / that.data.allnum, |
|||
name: "3" |
|||
}, |
|||
{ |
|||
value: res.data[3].count / that.data.allnum, |
|||
name: "4" |
|||
} |
|||
], |
|||
}); |
|||
} |
|||
|
|||
} else if (datalength == 5) { |
|||
if (res.data[4].count == 0) { |
|||
that.setData({ |
|||
evaluateCountList: res.data, |
|||
color: ["#AD6DFE", "#FFA270", "#29B9A5", "#63CFED"], |
|||
chartData: [ |
|||
{ |
|||
value: res.data[0].count / that.data.allnum, |
|||
name: "1" |
|||
}, |
|||
{ |
|||
value: res.data[1].count / that.data.allnum, |
|||
name: "2" |
|||
}, |
|||
{ |
|||
value: res.data[2].count / that.data.allnum, |
|||
name: "3" |
|||
}, |
|||
{ |
|||
value: res.data[3].count / that.data.allnum, |
|||
name: "4" |
|||
} |
|||
], |
|||
}); |
|||
} else { |
|||
that.setData({ |
|||
evaluateCountList: res.data, |
|||
color: ["#AD6DFE", "#FFA270", "#29B9A5", "#63CFED", "#679CF7"], |
|||
chartData: [ |
|||
{ |
|||
value: res.data[0].count / that.data.allnum, |
|||
name: "1" |
|||
}, |
|||
{ |
|||
value: res.data[1].count / that.data.allnum, |
|||
name: "2" |
|||
}, |
|||
{ |
|||
value: res.data[2].count / that.data.allnum, |
|||
name: "3" |
|||
}, |
|||
{ |
|||
value: res.data[3].count / that.data.allnum, |
|||
name: "4" |
|||
}, |
|||
{ |
|||
value: res.data[4].count / that.data.allnum, |
|||
name: "5" |
|||
} |
|||
], |
|||
}); |
|||
} |
|||
|
|||
} else if (datalength == 6) { |
|||
if (res.data[5].count == 0) { |
|||
that.setData({ |
|||
evaluateCountList: res.data, |
|||
color: ["#AD6DFE", "#FFA270", "#29B9A5", "#63CFED", "#679CF7"], |
|||
chartData: [ |
|||
{ |
|||
value: res.data[0].count / that.data.allnum, |
|||
name: "1" |
|||
}, |
|||
{ |
|||
value: res.data[1].count / that.data.allnum, |
|||
name: "2" |
|||
}, |
|||
{ |
|||
value: res.data[2].count / that.data.allnum, |
|||
name: "3" |
|||
}, |
|||
{ |
|||
value: res.data[3].count / that.data.allnum, |
|||
name: "4" |
|||
}, |
|||
{ |
|||
value: res.data[4].count / that.data.allnum, |
|||
name: "5" |
|||
}, |
|||
], |
|||
}); |
|||
} else { |
|||
that.setData({ |
|||
evaluateCountList: res.data, |
|||
color: ["#AD6DFE", "#FFA270", "#29B9A5", "#63CFED", "#679CF7", "#FFC600"], |
|||
chartData: [ |
|||
{ |
|||
value: res.data[0].count / that.data.allnum, |
|||
name: "1" |
|||
}, |
|||
{ |
|||
value: res.data[1].count / that.data.allnum, |
|||
name: "2" |
|||
}, |
|||
{ |
|||
value: res.data[2].count / that.data.allnum, |
|||
name: "3" |
|||
}, |
|||
{ |
|||
value: res.data[3].count / that.data.allnum, |
|||
name: "4" |
|||
}, |
|||
{ |
|||
value: res.data[4].count / that.data.allnum, |
|||
name: "5" |
|||
}, |
|||
{ |
|||
value: res.data[5].count / that.data.allnum, |
|||
name: "6" |
|||
} |
|||
], |
|||
}); |
|||
} |
|||
|
|||
} |
|||
|
|||
that.init() |
|||
}) |
|||
}, |
|||
init () { |
|||
this.setData({ |
|||
isShowLoading:true |
|||
}) |
|||
// @ts-ignore
|
|||
this.ecComponent.init((canvas: any, width: any, height: any) => { |
|||
const chart = echarts.init(canvas, null, { |
|||
width: width, |
|||
height: height |
|||
}) |
|||
setOption(chart, this.data.chartData, this.data.color) |
|||
return chart |
|||
}) |
|||
if (this.data.chartData.length > 0){ |
|||
let that = this |
|||
that.setData({ |
|||
preloadVisible: false, |
|||
isShowLoading:false |
|||
}) |
|||
} |
|||
this.setData({ |
|||
isShowLoading:false |
|||
}) |
|||
}, |
|||
// tab 切换
|
|||
onTabChange (e: AnyObject) { |
|||
if (this.data.isShowLoading) { |
|||
wx.showToast({ |
|||
title: "正在加载中请稍后切换", //提示的内容,
|
|||
icon: "none", //图标,
|
|||
duration: 2000, //延迟时间,
|
|||
mask: true, //显示透明蒙层，防止触摸穿透,
|
|||
}); |
|||
return |
|||
} |
|||
this.setData({ |
|||
chartData: [], |
|||
color: [], |
|||
selectTab: e.currentTarget.dataset.tab, |
|||
pageSize: 10, |
|||
pageIndex: 1, |
|||
loadType: "more", |
|||
isShow: false, |
|||
preloadVisible: true, |
|||
evaluateCountList:[] |
|||
}) |
|||
this.init() |
|||
this.getEvaluateCountList(); |
|||
this.selectComponent("#peopleList").getList(this.data) |
|||
}, |
|||
// 类目切换
|
|||
onButtonChange (e: AnyObject) { |
|||
if (this.data.isShowLoading) { |
|||
wx.showToast({ |
|||
title: "正在加载中请稍后切换", //提示的内容,
|
|||
icon: "none", //图标,
|
|||
duration: 2000, //延迟时间,
|
|||
mask: true, //显示透明蒙层，防止触摸穿透,
|
|||
}); |
|||
return |
|||
} |
|||
this.setData({ |
|||
chartData: [], |
|||
color: [], |
|||
type: e.currentTarget.dataset.type, |
|||
preloadVisible: true, |
|||
evaluateCountList:[] |
|||
}) |
|||
this.init() |
|||
this.getEvaluateCountList() |
|||
}, |
|||
}) |
|||
@ -0,0 +1,91 @@ |
|||
<view class="diff-plugg"> |
|||
<view class="banner"> |
|||
<image src="../../../images/mydsbackground.png" /> |
|||
</view> |
|||
|
|||
<!-- tabbar --> |
|||
<view class="tab-bar"> |
|||
<view |
|||
class="tab tab1 {{selectTab === 'tab1' ? 'select-tab' : ''}}" |
|||
data-tab="tab1" |
|||
bindtap="onTabChange">非常满意</view> |
|||
<view |
|||
class="tab tab2 {{selectTab === 'tab2' ? 'select-tab' : ''}}" |
|||
data-tab="tab2" |
|||
bindtap="onTabChange">基本满意</view> |
|||
<view |
|||
class="tab tab3 {{selectTab === 'tab3' ? 'select-tab' : ''}}" |
|||
data-tab="tab3" |
|||
bindtap="onTabChange">不满意</view> |
|||
<view class="select-bar {{selectTab === 'tab1' ? 'tab1' : selectTab === 'tab2' ? 'tab2' : 'tab3'}}"></view> |
|||
</view> |
|||
|
|||
<view class="content"> |
|||
<view class="line"> |
|||
<view class="line-padding"></view> |
|||
</view> |
|||
<view class="category-type"> |
|||
<button |
|||
hover-class="hover-btn" |
|||
class="{{type === 'first' ? 'select-btn' : ''}}" |
|||
bindtap="onButtonChange" |
|||
data-type="first">一级类目</button> |
|||
<button |
|||
hover-class="hover-btn" |
|||
class="{{type === 'second' ? 'select-btn' : ''}}" |
|||
bindtap="onButtonChange" |
|||
data-type="second">二级类目</button> |
|||
<button |
|||
hover-class="hover-btn" |
|||
class="{{type === 'third' ? 'select-btn' : ''}}" |
|||
bindtap="onButtonChange" |
|||
data-type="third">三级类目</button> |
|||
</view> |
|||
<preload-item |
|||
wx:if="{{preloadVisible}}"> |
|||
</preload-item> |
|||
<!-- 三级类目 --> |
|||
|
|||
<view class="chart-main" style="height: {{ type === 'third'? 'auto' : '400rpx' }}"> |
|||
<no-data isShow="{{isShow}}"></no-data> |
|||
<block wx:if='{{!isShow}}'></block> |
|||
<view class="{{type === 'third'?'chart-leftB':'chart-left'}}"> |
|||
<ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas> |
|||
</view> |
|||
<block wx:if="{{type == 'third'}}"> |
|||
<view class="bottom-all"> |
|||
<view class="bottom-all-name" wx:for="{{evaluateCountList}}" wx:key="index" > |
|||
<view wx:if="{{index == 0}}" class="circular"></view> |
|||
<view wx:else class="circular {{index == 1?'circular1':index == 2?'circular2':index == 3?'circular3':index == 4?'circular4':index == 5?'circular5':''}}"></view> |
|||
<view class="nameB">{{item.cotegoryName}}</view> |
|||
<view class="number">{{item.count}}</view> |
|||
|
|||
<view class="" class="percentage {{index == 0?'color':index == 1?'color1':index == 2?'color2':index == 3?'color3':index == 4?'color4':index == 5?'color5':''}} ">{{item.percentum}}</view> |
|||
<view class="cle"></view> |
|||
</view> |
|||
</view> |
|||
</block> |
|||
<block wx:else> |
|||
<view class="chart-right"> |
|||
<view wx:for="{{evaluateCountList}}" wx:key="index" class="{{index=='0'?'chart-right-one':'chart-right-two'}}"> |
|||
<view wx:if="{{index == 0}}" class="circular"></view> |
|||
<view wx:else class="circular {{index == 1?'circular1':index == 2?'circular2':index == 3?'circular3':index == 4?'circular4':index == 5?'circular5':''}}"></view> |
|||
<view class="name">{{item.cotegoryName}}</view> |
|||
<view class="number">{{item.count}}</view> |
|||
<view class="" class="percentage {{index == 0?'color':index == 1?'color1':index == 2?'color2':index == 3?'color3':index == 4?'color4':index == 5?'color5':''}} ">{{item.percentum}}</view> |
|||
</view> |
|||
</view> |
|||
</block> |
|||
</view> |
|||
|
|||
<view class="list-name"> |
|||
事件列表 |
|||
</view> |
|||
<people-list bind:myevent="onGetCode" id="peopleList" state="1"></people-list> |
|||
<load-more |
|||
loadVisible="{{loadVisible}}" |
|||
loadType="{{loadType}}"> |
|||
</load-more> |
|||
<no-data isShow="{{isShow}}"></no-data> |
|||
</view> |
|||
</view> |
|||
Loading…
Reference in new issue