fix: 大屏getDeptDetail错误

This commit is contained in:
caoqianming 2023-12-27 18:32:16 +08:00
parent 417a583c7a
commit 0e06b13501
1 changed files with 245 additions and 244 deletions

View File

@ -51,7 +51,7 @@
<div class="totalNumWrap totalNum_orange">
<img class="" src="img/number_bg_orange.png">
<span class="totalNumText">AVG合格数</span>
<div class="totalNumber">{{countOk_AVG}}</div>
<div class="totalNumber">{{ countOk_AVG }}</div>
</div>
<div class="totalNumWrap totalNumWrap_green">
<img src="img/number_bg_green.png">
@ -61,7 +61,7 @@
<div class="totalNumWrap totalNum_blue">
<img src="img/number_bg_blue.png">
<span class="totalNumText">预制管合格数</span>
<div class="totalNumber">{{countOk_dept10}}</div>
<div class="totalNumber">{{ countOk_dept10 }}</div>
</div>
</div>
@ -84,9 +84,9 @@
<div class="blockTitleIcon"></div>
<div>本周不合格占比</div>
<el-radio-group v-model="deptName" @change="deptNameChange">
<el-radio label="7车间">7车间</el-radio>
<el-radio label="10车间">10车间</el-radio>
</el-radio-group>
<el-radio label="7车间">7车间</el-radio>
<el-radio label="10车间">10车间</el-radio>
</el-radio-group>
</div>
<div id="pie"
style="width:100%;height:92%;background:rgba(9,31,43,.5);border-radius: 20px;margin-top: 5px;">
@ -135,11 +135,11 @@
<p> <span class="numberFont">390</span><span class="numberUnit"></span></p>
</div>
<div class="countWrap">
<div v-if="currentObj.deptName=='10车间'||currentObj.deptName=='6车间'">
<div v-if="currentObj.deptName == '10车间' || currentObj.deptName == '6车间'">
<p>光纤预制管</p>
<p> <span class="numberFont">390{{ currentObj.生产数 }}</span><span class="numberUnit"></span></p>
</div>
<div v-if="currentObj.deptName=='7车间'||currentObj.deptName=='6车间'">
<div v-if="currentObj.deptName == '7车间' || currentObj.deptName == '6车间'">
<p>光纤预制棒</p>
<p> <span class="numberFont">390{{ currentObj.生产数 }}</span><span class="numberUnit"></span></p>
</div>
@ -197,7 +197,7 @@ import 'animate.css';
export default {
data() {
return {
dept7Data:[
dept7Data: [
{ value: 0, name: '炸纹' },
{ value: 0, name: '条纹' },
{ value: 0, name: '气泡' },
@ -205,7 +205,7 @@ export default {
{ value: 0, name: '其他' },
{ value: 0, name: '合格' },
],
dept10Data:[
dept10Data: [
{ value: 0, name: '椭圆弯曲' },
{ value: 0, name: '大小头' },
{ value: 0, name: '偏壁' },
@ -260,24 +260,24 @@ export default {
currentObj: {
deptName: ''
},
deptName:'10车间',
deptName: '10车间',
heightTimer: null,
countOk_AVG:0,
countOk_dept7:0,
countOk_dept10:0,
blockTableHeight:0,
weekDateList:[],
countOk_AVG: 0,
countOk_dept7: 0,
countOk_dept10: 0,
blockTableHeight: 0,
weekDateList: [],
//
saleOutdept6:[0,0,0,0,0,0,0],
saleOutAVG:[0,0,0,0,0,0,0],
saleOutdept6: [0, 0, 0, 0, 0, 0, 0],
saleOutAVG: [0, 0, 0, 0, 0, 0, 0],
//
countOkAVG:[0,0,0,0,0,0,0],
countOkDept7:[0,0,0,0,0,0,0],
countOkDept10:[0,0,0,0,0,0,0],
countOkAVG: [0, 0, 0, 0, 0, 0, 0],
countOkDept7: [0, 0, 0, 0, 0, 0, 0],
countOkDept10: [0, 0, 0, 0, 0, 0, 0],
//
countRateDept7:[0,0,0,0,0,0,0],
countRateDept10:[0,0,0,0,0,0,0],
pieoption : {
countRateDept7: [0, 0, 0, 0, 0, 0, 0],
countRateDept10: [0, 0, 0, 0, 0, 0, 0],
pieoption: {
color: ['rgb(3,195,198)', 'rgb(155,248,249)', 'rgb(110,181,249)', 'rgb(205,248,248)', 'rgb(248,189,118)'],
legend: {
bottom: 1,
@ -295,37 +295,37 @@ export default {
show: true,
},
series: {
name: '不合格占比',
type: 'pie',
radius: [30, 60],
center: ['50%', '45%'],
// roseType: 'area',
itemStyle: {
borderRadius: 2
name: '不合格占比',
type: 'pie',
radius: [30, 60],
center: ['50%', '45%'],
// roseType: 'area',
itemStyle: {
borderRadius: 2
},
label: {
minMargin: 10,
edgeDistance: 10,
fontSize: '12px'
},
labelLine: {
lineStyle: {
},
label: {
minMargin: 10,
edgeDistance: 10,
fontSize: '12px'
},
labelLine: {
lineStyle: {
},
length: 2,
length2: 5
},
labelLayout: function (params) {
var isLeft = params.labelRect.x < myChart.getWidth() / 2
var points = params.labelLinePoints;
points[2][0] = isLeft ? params.labelRect.x : params.labelRect.x + params.labelRect.width
return {
labelLinePoints: points,
dy: -10,
dx: 0
}
},
data:[]
}
length: 2,
length2: 5
},
labelLayout: function (params) {
var isLeft = params.labelRect.x < myChart.getWidth() / 2
var points = params.labelLinePoints;
points[2][0] = isLeft ? params.labelRect.x : params.labelRect.x + params.labelRect.width
return {
labelLinePoints: points,
dy: -10,
dx: 0
}
},
data: []
}
}
}
},
@ -346,10 +346,10 @@ export default {
that.showTime();
}, 1000);
that.notokTimer = setInterval(() => {
if(that.deptName=='10车间'){
that.deptName='7车间'
}else{
that.deptName='10车间'
if (that.deptName == '10车间') {
that.deptName = '7车间'
} else {
that.deptName = '10车间'
}
that.deptNameChange(that.deptName);
}, 5000);
@ -367,8 +367,8 @@ export default {
let first = new Date(new Date(cDate.getTime() - (weekFirst * ondDayTime)));//
let last = new Date(new Date(cDate.getTime() + (weekLast * ondDayTime)));//
let dateArr = [];
for(let i=0;i<7;i++){
let itemDate = new Date(first.getTime()-i*ondDayTime);
for (let i = 0; i < 7; i++) {
let itemDate = new Date(first.getTime() - i * ondDayTime);
let item = itemDate.getFullYear() + '-' + (itemDate.getMonth() + 1) + '-' + itemDate.getDate();
dateArr.push(item);
}
@ -385,41 +385,41 @@ export default {
getsaleOut() {
let that = this;
let obj = {
query: { start_date: that.start_date, end_date: that.end_date},
query: { start_date: that.start_date, end_date: that.end_date },
};
that.$API.bi.dataset.exec.req('saleOutDay', obj).then((res6) => {
let list = res6.data2.ds0;
let saleOutdept6 = [0,0,0,0,0,0,0];//
if(list.length>0){
let list = res6.data2.ds0;
let saleOutdept6 = [0, 0, 0, 0, 0, 0, 0];//
if (list.length > 0) {
list.forEach(item => {
let date = item.+'-'+item.+'-'+item.;
let date = item. + '-' + item. + '-' + item.;
let index = this.weekDateList.indexOf(date);
saleOutdept6[index] = item.交付数;
});
}
}
that.saleOutdept6 = saleOutdept6;
that.getAVGDayData();
});
},
//AVG$
getAVGDayData(){
let that = this;
this.$API.wpm.otherlog.list.req({product:'AVG',page:0,handle_date__gte: that.start_date,handle_date__lte: that.end_date}).then(res=>{
let list = res;
let count_ok = 0,saleOutAVG = [0,0,0,0,0,0,0],countOkAVG= [0,0,0,0,0,0,0];
if(list.length>0){
list.forEach(item=>{
count_ok=count_ok+item.count_ok;
getAVGDayData() {
let that = this;
this.$API.wpm.otherlog.list.req({ product: 'AVG', page: 0, handle_date__gte: that.start_date, handle_date__lte: that.end_date }).then(res => {
let list = res;
let count_ok = 0, saleOutAVG = [0, 0, 0, 0, 0, 0, 0], countOkAVG = [0, 0, 0, 0, 0, 0, 0];
if (list.length > 0) {
list.forEach(item => {
count_ok = count_ok + item.count_ok;
let index = this.weekDateList.indexOf(item.handle_date);
saleOutAVG[index] = item.count_delivered;
countOkAVG[index] = item.count_ok;
})
that.saleOutAVG = saleOutAVG;
that.countOkAVG = countOkAVG;
that.countOk_AVG = count_ok;
}
})
that.saleOutAVG = saleOutAVG;
that.countOkAVG = countOkAVG;
that.countOk_AVG = count_ok;
}
that.getCountDept7();
//1---
//1---
let chartDom = document.getElementById('line1');
chartDom.style.height = this.blockHeight;
let myChart = echarts.init(chartDom);
@ -482,7 +482,7 @@ export default {
bottom: '5%',
containLabel: true
},
xAxis:{
xAxis: {
type: 'category',
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
nameTextStyle: {
@ -492,7 +492,7 @@ export default {
color: '#ffffff'
},
},
yAxis:{
yAxis: {
name: "",
type: 'value',
nameTextStyle: {
@ -572,59 +572,59 @@ export default {
]
};
myChart.setOption(option);
})
},
//7&&
getCountDept7(){
})
},
//7&&
getCountDept7() {
let that = this;
let obj = {
query: { start_date: that.start_date, end_date: that.end_date,dept_name: "7车间"},
query: { start_date: that.start_date, end_date: that.end_date, dept_name: "7车间" },
};
that.$API.bi.dataset.exec.req('lineDay', obj).then((res) => {
let list = res.data2.ds0;
let countOkDept7 = [0,0,0,0,0,0,0],countRateDept7 = [0,0,0,0,0,0,0];
let value0=0,value1=0,value2=0,value3=0,value4=0,value5=0,countOk_dept7=0;
if(list.length>0){
let list = res.data2.ds0;
let countOkDept7 = [0, 0, 0, 0, 0, 0, 0], countRateDept7 = [0, 0, 0, 0, 0, 0, 0];
let value0 = 0, value1 = 0, value2 = 0, value3 = 0, value4 = 0, value5 = 0, countOk_dept7 = 0;
if (list.length > 0) {
list.forEach(item => {
let date = item.+'-'+item.+'-'+item.;
let date = item. + '-' + item. + '-' + item.;
let index = this.weekDateList.indexOf(date);
countOkDept7[index] = item.合格数;
countRateDept7[index] = Math.round(item.合格率);
countOk_dept7 = countOk_dept7+item.合格数;
that.dept7Data[0].value= that.dept7Data[0].value+item.炸纹;
that.dept7Data[1].value= that.dept7Data[1].value+item.条纹;
that.dept7Data[2].value= that.dept7Data[2].value+item.气泡;
that.dept7Data[3].value= that.dept7Data[3].value+item.弯曲;
that.dept7Data[4].value= that.dept7Data[4].value+item.其他;
that.dept7Data[5].value= that.dept7Data[5].value+item.合格数;
countOk_dept7 = countOk_dept7 + item.合格数;
that.dept7Data[0].value = that.dept7Data[0].value + item.炸纹;
that.dept7Data[1].value = that.dept7Data[1].value + item.条纹;
that.dept7Data[2].value = that.dept7Data[2].value + item.气泡;
that.dept7Data[3].value = that.dept7Data[3].value + item.弯曲;
that.dept7Data[4].value = that.dept7Data[4].value + item.其他;
that.dept7Data[5].value = that.dept7Data[5].value + item.合格数;
});
}
}
that.countOkDept7 = countOkDept7;
that.deptData =that.dept7Data;
that.deptData = that.dept7Data;
that.countRateDept7 = countRateDept7;
that.countOk_dept7 = countOk_dept7;
that.getCountDept10();
});
},
//10&&
getCountDept10(){
getCountDept10() {
let that = this;
let obj = {
query: { start_date: that.start_date, end_date: that.end_date,dept_name: "10车间"},
query: { start_date: that.start_date, end_date: that.end_date, dept_name: "10车间" },
};
that.$API.bi.dataset.exec.req('lineDay', obj).then((res) => {
let list = res.data2.ds0;
let countOkDept10 = [0,0,0,0,0,0,0],countRateDept10 = [0,0,0,0,0,0,0];
let value0=0,value1=0,value2=0,value3=0,value4=0,value5=0,countOk_dept10=0;
if(list.length>0){
let list = res.data2.ds0;
let countOkDept10 = [0, 0, 0, 0, 0, 0, 0], countRateDept10 = [0, 0, 0, 0, 0, 0, 0];
let value0 = 0, value1 = 0, value2 = 0, value3 = 0, value4 = 0, value5 = 0, countOk_dept10 = 0;
if (list.length > 0) {
list.forEach(item => {
let date = item.+'-'+item.+'-'+item.;
let date = item. + '-' + item. + '-' + item.;
let index = this.weekDateList.indexOf(date);
countOkDept10[index] = item.合格数;
countRateDept10[index] = Math.round(item.合格率);
countOk_dept10 = countOk_dept10+item.合格数;
});
}
countOk_dept10 = countOk_dept10 + item.合格数;
});
}
that.countOkDept10 = countOkDept10;
that.countRateDept10 = countRateDept10;
that.countOk_dept10 = countOk_dept10;
@ -632,19 +632,19 @@ export default {
});
},
//
getPlanRate(){
getPlanRate() {
let that = this;
let obj = {
query: { start_date: that.start_date, end_date: that.end_date,dept_name: that.deptName},
query: { start_date: that.start_date, end_date: that.end_date, dept_name: that.deptName },
};
that.$API.bi.dataset.exec.req('productStatistic', obj).then((res) => {
that.$API.bi.dataset.exec.req('productStatistic', obj).then((res) => {
let list = res.data2.ds0;
let PlanRate = [0,0,0,0,0,0,0];
if(list.length>0){
let PlanRate = [0, 0, 0, 0, 0, 0, 0];
if (list.length > 0) {
list.forEach(item => {
let date = item.+'-'+item.+'-'+item.;
let date = item. + '-' + item. + '-' + item.;
let index = this.weekDateList.indexOf(date);
PlanRate[index] = Math.round((item.合格数/item.任务数)*100) ;
PlanRate[index] = Math.round((item.合格数 / item.任务数) * 100);
});
}
//线
@ -734,7 +734,7 @@ export default {
}
},
barWidth: 15,
data:PlanRate,
data: PlanRate,
itemStyle: {
borderRadius: [5, 5, 0, 0],
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@ -774,45 +774,45 @@ export default {
line3Chart.setOption(line3option);
})
},
deptNameChange(deptName){
deptNameChange(deptName) {
let that = this;
let obj = {
query: { start_date: that.start_date, end_date: that.end_date,dept_name: deptName},
query: { start_date: that.start_date, end_date: that.end_date, dept_name: deptName },
};
that.$API.bi.dataset.exec.req('lineDay', obj).then((res) => {
let list = res.data2.ds0;
let list = res.data2.ds0;
let deptData = [];
if(list.length>0){
if (list.length > 0) {
list.forEach(item => {
if(that.deptName == '7车间'){
that.dept7Data[0].value= that.dept7Data[0].value+item.炸纹;
that.dept7Data[1].value= that.dept7Data[1].value+item.条纹;
that.dept7Data[2].value= that.dept7Data[2].value+item.气泡;
that.dept7Data[3].value= that.dept7Data[3].value+item.弯曲;
that.dept7Data[4].value= that.dept7Data[4].value+item.其他;
that.dept7Data[5].value= that.dept7Data[5].value+item.合格数;
if (that.deptName == '7车间') {
that.dept7Data[0].value = that.dept7Data[0].value + item.炸纹;
that.dept7Data[1].value = that.dept7Data[1].value + item.条纹;
that.dept7Data[2].value = that.dept7Data[2].value + item.气泡;
that.dept7Data[3].value = that.dept7Data[3].value + item.弯曲;
that.dept7Data[4].value = that.dept7Data[4].value + item.其他;
that.dept7Data[5].value = that.dept7Data[5].value + item.合格数;
deptData = that.dept7Data;
}else{
that.dept10Data[0].value= that.dept10Data[0].value+item.弯曲;
that.dept10Data[1].value= that.dept10Data[1].value+item.大小头;
that.dept10Data[2].value= that.dept10Data[2].value+item.偏壁;
that.dept10Data[3].value= that.dept10Data[3].value+item.结石;
that.dept10Data[4].value= that.dept10Data[4].value+item.气线;
that.dept10Data[5].value= that.dept10Data[5].value+item.合格数;
} else {
that.dept10Data[0].value = that.dept10Data[0].value + item.弯曲;
that.dept10Data[1].value = that.dept10Data[1].value + item.大小头;
that.dept10Data[2].value = that.dept10Data[2].value + item.偏壁;
that.dept10Data[3].value = that.dept10Data[3].value + item.结石;
that.dept10Data[4].value = that.dept10Data[4].value + item.气线;
that.dept10Data[5].value = that.dept10Data[5].value + item.合格数;
deptData = that.dept10Data;
}
});
}else{
if(that.deptName == '7车间'){
});
} else {
if (that.deptName == '7车间') {
deptData = that.dept7Data;
}else{
} else {
deptData = that.dept10Data;
}
}
console.log(deptData)
that.deptData = deptData;
that.pieoption.series.data = deptData;
let pieoption = that.pieoption;
let pieoption = that.pieoption;
let pieDom = document.getElementById('pie');
let pieChart = echarts.init(pieDom);
pieChart.clear();
@ -822,16 +822,16 @@ export default {
//
getMaterialList() {
let that = this;
this.$API.mtm.material.list.req({ page: 0, type: 10 }).then(res => {
let data = [];
if(res.length>0){
this.$API.mtm.material.list.req({ page: 0, type: 10 }).then(res => {
let data = [];
if (res.length > 0) {
res.forEach(item => {
let arr = [];
let colorText='';
if(item.count_safe!==null&&item.count_safe<item.count){
colorText='<span style="color:red;">'+item.count+'</span>'
}else{
colorText='<span style="color:green;">'+item.count+'</span>'
let colorText = '';
if (item.count_safe !== null && item.count_safe < item.count) {
colorText = '<span style="color:red;">' + item.count + '</span>'
} else {
colorText = '<span style="color:green;">' + item.count + '</span>'
}
arr[0] = item.full_name;
arr[1] = item.specification;//
@ -841,9 +841,9 @@ export default {
});
}
that.taskBoard.data = data;
console.log('getMaterialList',data)
})
},
console.log('getMaterialList', data)
})
},
showTime() {
this.currentTime = this.$TOOL.dateFormat(new Date(), 'hh:mm:ss');
this.currentWeek = this.$TOOL.dateFormat(new Date(), 'week');
@ -1142,27 +1142,28 @@ export default {
});
},
getDeptDetail(name) {
let that = this;
if (this.currentObj.deptName == name && this.clickVisible) {
this.dialogData.deptName = name;
} else {
this.infoVisibel = true;
this.dialogData.deptName = name;
}
let obj ={
query: {start_date:this.start_date,end_date:this.end_date,dept_name: name},
let obj = {
query: { start_date: this.start_date, end_date: this.end_date, dept_name: name },
};
that.$API.bi.dataset.exec.req('lineDay', obj).then((res1) => {
console.log('生产车间按日统计:',res1);
console.log('生产车间按日统计:', res1);
let list1 = res1.data2.ds0;
if(name=='6车间'){
if (name == '6车间') {
that.currentObj = list1[0];
that.currentObj.rate = list1[0]
}else if(name=='7车间'||name=='10车间'){
} else if (name == '7车间' || name == '10车间') {
that.currentObj = list1[0];
}else if(name=='8车间'){
} else if (name == '8车间') {
}
let seriesData1 = [],xAxisData1=[];
let seriesData1 = [], xAxisData1 = [];
debugger;
});
@ -1247,7 +1248,7 @@ export default {
bottom: '5%',
containLabel: true
},
xAxis:{
xAxis: {
type: 'category',
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
nameTextStyle: {
@ -1257,19 +1258,19 @@ export default {
color: '#ffffff'
},
},
yAxis: {
name: "",
type: 'value',
nameTextStyle: {
color: '#ffffff'
},
axisLabel: {
color: '#ffffff'
},
splitLine: {
show: false
},
yAxis: {
name: "",
type: 'value',
nameTextStyle: {
color: '#ffffff'
},
axisLabel: {
color: '#ffffff'
},
splitLine: {
show: false
},
},
series: [
{
name: '预制棒',
@ -1335,7 +1336,7 @@ export default {
}
])
},
data:that.countOkAVG
data: that.countOkAVG
}
]
};
@ -1394,7 +1395,7 @@ export default {
bottom: '5%',
containLabel: true
},
xAxis:{
xAxis: {
type: 'category',
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
nameTextStyle: {
@ -1432,14 +1433,14 @@ export default {
itemStyle: {
// symbol
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: 'orange'
},
{
offset: 1,
color: 'yellow'
}])
{
offset: 0,
color: 'orange'
},
{
offset: 1,
color: 'yellow'
}])
},
smooth: 0.5, // 线
data: that.countRateDept7,
@ -1468,14 +1469,14 @@ export default {
itemStyle: {
// symbol
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: 'rgb(1,235,239)'
},
{
offset: 1,
color: 'rgb(5, 158, 163)'
}])
{
offset: 0,
color: 'rgb(1,235,239)'
},
{
offset: 1,
color: 'rgb(5, 158, 163)'
}])
},
smooth: 0.5, // 线
data: that.countRateDept10,
@ -1520,60 +1521,60 @@ export default {
show: true,
},
series: {
name: '不合格占比',
type: 'pie',
radius: [30, 60],
center: ['50%', '45%'],
// roseType: 'area',
itemStyle: {
borderRadius: 2
},
// label: {
// fontSize: 12,
// alignTo: 'edge',
// formatter: '{b}\n',
// edgeDistance: 10,
// lineHeight: 20,
// rich: {
// title: {
// fontSize: 12,
// color: '#999',
// lineHeight: 50,
// },
// }
// },
// labelLayout: function (params) {
// var isLeft = params.labelRect.x < myChart.getWidth() / 2;
// var points = params.labelLinePoints;
// points[2][0] = isLeft? params.labelRect.x: params.labelRect.x + params.labelRect.width;
// return {
// labelLinePoints: points
// };
// },
name: '不合格占比',
type: 'pie',
radius: [30, 60],
center: ['50%', '45%'],
// roseType: 'area',
itemStyle: {
borderRadius: 2
},
// label: {
// fontSize: 12,
// alignTo: 'edge',
// formatter: '{b}\n',
// edgeDistance: 10,
// lineHeight: 20,
// rich: {
// title: {
// fontSize: 12,
// color: '#999',
// lineHeight: 50,
// },
// }
// },
// labelLayout: function (params) {
// var isLeft = params.labelRect.x < myChart.getWidth() / 2;
// var points = params.labelLinePoints;
// points[2][0] = isLeft? params.labelRect.x: params.labelRect.x + params.labelRect.width;
// return {
// labelLinePoints: points
// };
// },
label: {
minMargin: 10,
edgeDistance: 10,
fontSize: '12px'
label: {
minMargin: 10,
edgeDistance: 10,
fontSize: '12px'
},
labelLine: {
lineStyle: {
},
labelLine: {
lineStyle: {
},
length: 2,
length2: 5
},
labelLayout: function (params) {
var isLeft = params.labelRect.x < pieChart.getWidth() / 2
var points = params.labelLinePoints;
points[2][0] = isLeft ? params.labelRect.x : params.labelRect.x + params.labelRect.width
return {
labelLinePoints: points,
dy: -10,
dx: 0
}
},
data:that.deptData
}
length: 2,
length2: 5
},
labelLayout: function (params) {
var isLeft = params.labelRect.x < pieChart.getWidth() / 2
var points = params.labelLinePoints;
points[2][0] = isLeft ? params.labelRect.x : params.labelRect.x + params.labelRect.width
return {
labelLinePoints: points,
dy: -10,
dx: 0
}
},
data: that.deptData
}
};
that.pieoption = pieoption;
pieChart.setOption(pieoption);