You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
434 lines
47 KiB
434 lines
47 KiB
5 years ago
|
"use strict";
|
||
|
Object.defineProperty(exports, "__esModule", { value: true });
|
||
|
var echarts = require("../../../../../components/ec-canvas/echarts.js");
|
||
|
var reality_1 = require("../../../../../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,
|
||
|
},
|
||
|
onLoad: function () {
|
||
|
this.ecComponent = this.selectComponent('#mychart-dom-bar');
|
||
|
this.getEvaluateCountList();
|
||
|
this.selectComponent("#peopleList").getList(this.data);
|
||
|
},
|
||
|
onGetCode: function (e) {
|
||
|
this.setData({
|
||
|
listLength: e.detail.listLength
|
||
|
});
|
||
|
},
|
||
|
onReachBottom: function () {
|
||
|
if (this.data.listLength !== this.data.pageSize) {
|
||
|
this.setData({
|
||
|
loadType: 'none',
|
||
|
});
|
||
|
return;
|
||
|
}
|
||
|
this.setData({
|
||
|
loadType: 'more',
|
||
|
});
|
||
|
var obj = {
|
||
|
pageIndex: ++this.data.pageIndex,
|
||
|
pageSize: this.data.pageSize,
|
||
|
};
|
||
|
this.selectComponent("#peopleList").getList(this.data);
|
||
|
},
|
||
|
getEvaluateCountList: function () {
|
||
|
this.setData({
|
||
|
isShowLoading: true
|
||
|
});
|
||
|
var that = this;
|
||
|
var evaluateType = '1';
|
||
|
if (that.data.selectTab == 'tab1') {
|
||
|
evaluateType = '1';
|
||
|
}
|
||
|
else {
|
||
|
evaluateType = '2';
|
||
|
}
|
||
|
var cotegoryType = '1';
|
||
|
if (that.data.type == 'first') {
|
||
|
cotegoryType = '1';
|
||
|
}
|
||
|
else if (that.data.type == 'second') {
|
||
|
cotegoryType = '2';
|
||
|
}
|
||
|
else if (that.data.type == 'third') {
|
||
|
cotegoryType = '3';
|
||
|
}
|
||
|
reality_1.getEvaluateCountList(evaluateType, cotegoryType).then(function (res) {
|
||
|
that.setData.evaluateCountList = [];
|
||
|
that.setData.allnum = 0;
|
||
|
var 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: function () {
|
||
|
var _this = this;
|
||
|
this.setData({
|
||
|
isShowLoading: true
|
||
|
});
|
||
|
this.ecComponent.init(function (canvas, width, height) {
|
||
|
var 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) {
|
||
|
var that = this;
|
||
|
that.setData({
|
||
|
preloadVisible: false,
|
||
|
isShowLoading: false
|
||
|
});
|
||
|
}
|
||
|
this.setData({
|
||
|
isShowLoading: false
|
||
|
});
|
||
|
},
|
||
|
onTabChange: function (e) {
|
||
|
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: function (e) {
|
||
|
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();
|
||
|
},
|
||
|
});
|
||
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVvcGxlU2F0aXNmaWVkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsicGVvcGxlU2F0aXNmaWVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBRUEsd0VBQXlFO0FBQ3pFLHNEQUFpRTtBQUNqRSxTQUFTLFNBQVMsQ0FBQyxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUs7SUFDeEMsSUFBSSxNQUFNLEdBQUc7UUFDWCxLQUFLLEVBQUUsS0FBSztRQUNaLE1BQU0sRUFBRTtZQUNOO2dCQUNFLElBQUksRUFBRSxLQUFLO2dCQUNYLE1BQU0sRUFBRSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUM7Z0JBQ3RCLE1BQU0sRUFBRSxJQUFJO2dCQUNaLGlCQUFpQixFQUFFLEtBQUs7Z0JBQ3hCLEtBQUssRUFBRTtvQkFDTCxJQUFJLEVBQUUsS0FBSztpQkFDWjtnQkFDRCxTQUFTLEVBQUU7b0JBQ1QsSUFBSSxFQUFFLEtBQUs7b0JBQ1gsTUFBTSxFQUFFO3dCQUNOLElBQUksRUFBRSxLQUFLO3FCQUNaO2lCQUNGO2dCQUNELFNBQVMsRUFBRTtvQkFDVCxXQUFXLEVBQUUsTUFBTTtvQkFDbkIsV0FBVyxFQUFFLEdBQUc7aUJBQ2pCO2dCQUNELElBQUksRUFBRSxTQUFTO2FBQ2hCO1NBQ0Y7S0FDRixDQUFDO0lBQ0YsS0FBSyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsQ0FBQztBQUMxQixDQUFDO0FBQ0QsSUFBSSxDQUFDO0lBS0gsSUFBSSxFQUFFO1FBQ0osU0FBUyxFQUFFLE1BQU07UUFDakIsSUFBSSxFQUFFLE9BQU87UUFDYixNQUFNLEVBQUUsQ0FBQztRQUNULFFBQVEsRUFBQyxFQUFFO1FBQ1gsU0FBUyxFQUFDLENBQUM7UUFDWCxVQUFVLEVBQUMsQ0FBQztRQUNaLGlCQUFpQixFQUFFLEVBQUU7UUFDckIsU0FBUyxFQUFFLEVBQUU7UUFDYixXQUFXLEVBQUMsSUFBSTtRQUNoQixRQUFRLEVBQUUsTUFBTTtRQUNoQixNQUFNLEVBQUMsS0FBSztR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
|