| | |
| | | --> |
| | | <template> |
| | | <div id="name" style="width: 100%; height: 100%"> |
| | | <Echart :options="options" style="width: 100%; height: 100%"></Echart> |
| | | <Echart :options="options2" style="width: 100%; height: 100%"></Echart> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | return { |
| | | pageflag: true, |
| | | myChart: {}, |
| | | options: {}, |
| | | options2: {}, |
| | | }; |
| | | }, |
| | | filters: { |
| | |
| | | } |
| | | |
| | | |
| | | this.options = { |
| | | this.options1 = { |
| | | |
| | | backgroundColor: '#021228', |
| | | title: { |
| | | text: '报警总数', |
| | |
| | | }, |
| | | async getData() { |
| | | this.pageflag = true; |
| | | // currentGET("big2").then((res) => { |
| | | // if (!this.timer) { |
| | | // console.log("设备总览2", res); |
| | | // } |
| | | // if (res.success) { |
| | | // this.userOverview = res.data; |
| | | // this.onlineconfig = { |
| | | // ...this.onlineconfig, |
| | | // number: [1] |
| | | // } |
| | | // this.config = { |
| | | // ...this.config, |
| | | // number: [7] |
| | | // } |
| | | // this.offlineconfig = { |
| | | // ...this.offlineconfig, |
| | | // number: [4] |
| | | // } |
| | | // this.laramnumconfig = { |
| | | // ...this.laramnumconfig, |
| | | // number: [10] |
| | | // } |
| | | // this.switper(); |
| | | // } else { |
| | | // this.pageflag = false; |
| | | // this.$Message.warning(res.msg); |
| | | // } |
| | | // }); |
| | | // var rep = await ProductionStock(); |
| | | var rep=await ProductionStock(); |
| | | var rep1=0; |
| | | for(var items of rep){ |
| | | if(items.areaCode.includes("CW")){ |
| | | |
| | | rep1+=items.items.length |
| | | } |
| | | } |
| | | |
| | | console.log(rep1) |
| | | |
| | | |
| | | let dataPie = [ |
| | | { |
| | | value: 430, |
| | | name: '库存产品' |
| | | value: parseInt(rep1) , |
| | | name: '今日待出实盘总数' |
| | | }, |
| | | ]; |
| | | let colorPie = ['#173852']; |
| | |
| | | itemStyle: { |
| | | normal: { |
| | | borderWidth: 50, |
| | | |
| | | borderColor: colorPie[i], |
| | | |
| | | } |
| | |
| | | } |
| | | |
| | | |
| | | this.options = { |
| | | this.options2 = { |
| | | title: { |
| | | text: '产品总数', |
| | | subtext: '430', |
| | | text: '今日待出实盘总数', |
| | | subtext:parseInt(rep1), |
| | | textStyle: { |
| | | color: '#00b5f3', |
| | | fontSize: 12, |
| | |
| | | formatter: "{a}:{b} <br/>占比:{d}%" |
| | | }, |
| | | legend: { |
| | | data: ['库存产品'], |
| | | data: ['今日待出实盘总数'], |
| | | icon: 'vertical', |
| | | right: '1%', |
| | | top: 'center', |
| | |
| | | { |
| | | name: '', |
| | | type: 'pie', |
| | | clockWise: false, //顺时加载 |
| | | hoverAnimation: false, //鼠标移入变大 |
| | | clockWise: true, //顺时加载 |
| | | hoverAnimation: true, //鼠标移入变大 |
| | | center: ['40%', '50%'], |
| | | radius: ['80%', '81%'], |
| | | tooltip: { |
| | | show: false |
| | | show: true |
| | | }, |
| | | label: { |
| | | normal: { |
| | | show: false |
| | | show: true |
| | | } |
| | | }, |
| | | data: baseDataWrap |