| | |
| | | var noMaterialCount = result.length - hasMaterialCount; |
| | | countList.value = [ |
| | | { |
| | | type: '', |
| | | name: '总库位', |
| | | value: result.length || 0, |
| | | }, |
| | | { |
| | | type: 1, |
| | | name: '有货库位', |
| | | value: hasMaterialCount || 0, |
| | |
| | | type: 18, |
| | | name: '无货库位', |
| | | value: noMaterialCount || 0, |
| | | }, |
| | | { |
| | | type: 2, |
| | | name: '锁定库位', |
| | | value: result.filter((item: any) => item.stockStatus == 2).length || 0, |
| | | }, |
| | | ]; |
| | | optionPie.series[0].data = countList.value; |
| | |
| | | var res = await getQueryOffOrderList(); |
| | | // WmsCommonnQuery/QueryOffOrderList |
| | | if (res.data.code == 200) { |
| | | debugger; |
| | | //debugger; |
| | | offOrderInfo.value = res.data.result || []; |
| | | } |
| | | }); |
| | |
| | | const option = { |
| | | backgroundColor: state.charts.bgColor, |
| | | title: { |
| | | text: '上下线推移图', |
| | | text: '生产订单推移图', |
| | | x: 'left', |
| | | textStyle: { fontSize: '12', color: state.charts.color }, |
| | | }, |
| | | tooltip: { trigger: 'axis' }, |
| | | //legend: { data: ['入库','出库', '库存', '平均'], right: 0 }, |
| | | legend: { data: ['上线', '下线'], right: 0 }, |
| | | legend: { data: ['生产订单'], right: 0 }, |
| | | grid: { top: 50, right: 80, bottom: 100, left: 60 }, |
| | | // grid: { top: 70, right: 80, bottom: 30, left: 80 }, |
| | | xAxis: [ |
| | |
| | | // }, |
| | | ], |
| | | series: [ |
| | | // { |
| | | // name: '上线', |
| | | // type: 'line', |
| | | // smooth: true, |
| | | // showSymbol: true, |
| | | // // 矢量画五角星 |
| | | // symbol: 'path://M150 0 L80 175 L250 75 L50 75 L220 175 Z', |
| | | // symbolSize: 12, |
| | | // yAxisIndex: 0, |
| | | // areaStyle: { |
| | | // color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ |
| | | // { offset: 0, color: 'rgba(250,180,101,0.3)' }, |
| | | // { offset: 1, color: 'rgba(250,180,101,0)' }, |
| | | // ]), |
| | | // shadowColor: 'rgba(250,180,101,0.2)', |
| | | // shadowBlur: 20, |
| | | // }, |
| | | // itemStyle: { color: '#FF8000' }, |
| | | // // data中可以使用对象,value代表相应的值,另外可加入自定义的属性 |
| | | // // data: [ |
| | | // // { value: 1, stationName: 's1' }, |
| | | // // { value: 3, stationName: 's2' }, |
| | | // // { value: 4, stationName: 's3' }, |
| | | // // { value: 9, stationName: 's4' }, |
| | | // // { value: 3, stationName: 's5' }, |
| | | // // { value: 2, stationName: 's6' }, |
| | | // // ], |
| | | // // data:dataAll.value.arr1 |
| | | // data: [], |
| | | // }, |
| | | { |
| | | name: '上线', |
| | | type: 'line', |
| | | smooth: true, |
| | | showSymbol: true, |
| | | // 矢量画五角星 |
| | | symbol: 'path://M150 0 L80 175 L250 75 L50 75 L220 175 Z', |
| | | symbolSize: 12, |
| | | yAxisIndex: 0, |
| | | areaStyle: { |
| | | color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ |
| | | { offset: 0, color: 'rgba(250,180,101,0.3)' }, |
| | | { offset: 1, color: 'rgba(250,180,101,0)' }, |
| | | ]), |
| | | shadowColor: 'rgba(250,180,101,0.2)', |
| | | shadowBlur: 20, |
| | | }, |
| | | itemStyle: { color: '#FF8000' }, |
| | | // data中可以使用对象,value代表相应的值,另外可加入自定义的属性 |
| | | // data: [ |
| | | // { value: 1, stationName: 's1' }, |
| | | // { value: 3, stationName: 's2' }, |
| | | // { value: 4, stationName: 's3' }, |
| | | // { value: 9, stationName: 's4' }, |
| | | // { value: 3, stationName: 's5' }, |
| | | // { value: 2, stationName: 's6' }, |
| | | // ], |
| | | // data:dataAll.value.arr1 |
| | | data: [], |
| | | }, |
| | | { |
| | | name: '下线', |
| | | name: '生产订单', |
| | | type: 'line', |
| | | smooth: true, |
| | | showSymbol: true, |
| | |
| | | state.global.homeCharThree = markRaw(echarts.init(chart, state.charts.theme)); |
| | | //手动赋值 |
| | | option.xAxis[0].data = dataAll.value.arr5; |
| | | option.series[0].data = dataAll.value.arr1; |
| | | option.series[1].data = dataAll.value.arr2; |
| | | option.series[0].data = dataAll.value.arr2; |
| | | //option.series[1].data = dataAll.value.arr2; |
| | | // option.series[2].data = dataAll.value.arr3 |
| | | // option.series[3].data = dataAll.value.arr4 |
| | | // 绘制图表 |