| | |
| | | import { ref, onMounted } from 'vue' |
| | | import * as echarts from 'echarts' |
| | | import Echarts from '@/components/Echarts/echarts.vue' |
| | | import { productInOutAnalysis } from '@/api/viewIndex.js' |
| | | import { inputOutputAnalysis } from '@/api/viewIndex.js' |
| | | |
| | | const chartStyle = { width: '100%', height: '100%' } |
| | | const grid = { |
| | |
| | | itemHeight: 12, |
| | | textStyle: { color: '#B8C8E0', fontSize: 14 }, |
| | | data: [ |
| | | { name: '出库', itemStyle: { color: 'rgba(11, 137, 254, 1)' } }, |
| | | { name: '入库', itemStyle: { color: 'rgba(11, 249, 254, 1)' } }, |
| | | { name: '产出', itemStyle: { color: 'rgba(11, 137, 254, 1)' } }, |
| | | { name: '投入', itemStyle: { color: 'rgba(11, 249, 254, 1)' } }, |
| | | ], |
| | | } |
| | | |
| | |
| | | |
| | | const lineSeries = ref([ |
| | | { |
| | | name: '出库', |
| | | name: '产出', |
| | | type: 'line', |
| | | smooth: false, |
| | | showSymbol: true, |
| | |
| | | emphasis: { focus: 'series' }, |
| | | }, |
| | | { |
| | | name: '入库', |
| | | name: '投入', |
| | | type: 'line', |
| | | smooth: false, |
| | | showSymbol: true, |
| | |
| | | } |
| | | |
| | | const fetchData = () => { |
| | | productInOutAnalysis({ type: 1 }) |
| | | inputOutputAnalysis() |
| | | .then((res) => { |
| | | if (res.code === 200 && Array.isArray(res.data)) { |
| | | const list = res.data |
| | | xAxis1.value[0].data = list.map((d) => d.date) |
| | | lineSeries.value[0].data = list.map((d) => Number(d.outCount) || 0) |
| | | lineSeries.value[1].data = list.map((d) => Number(d.inCount) || 0) |
| | | lineSeries.value[0].data = list.map((d) => Number(d.outputSum) || 0) |
| | | lineSeries.value[1].data = list.map((d) => Number(d.inputSum) || 0) |
| | | } |
| | | }) |
| | | .catch((err) => { |