| | |
| | | </el-radio-group> |
| | | </div> |
| | | <div class="quality-cards"> |
| | | <div class="quality-card one">原材料已检测数 <span>{{ qualityStatisticsObject.supplierNum }}件</span></div> |
| | | <div class="quality-card two">过程检验数量 <span>{{ qualityStatisticsObject.processNum }}件</span></div> |
| | | <div class="quality-card three">出厂已检数量 <span>{{ qualityStatisticsObject.factoryNum }}件</span></div> |
| | | <div class="quality-card one">入厂检测数 <span>{{ qualityStatisticsObject.supplierNum }}件</span></div> |
| | | <div class="quality-card two">车间检测数 <span>{{ qualityStatisticsObject.processNum }}件</span></div> |
| | | <div class="quality-card three">出厂检数 <span>{{ qualityStatisticsObject.factoryNum }}件</span></div> |
| | | </div> |
| | | <Echarts ref="chart" :chartStyle="chartStyle" :grid="grid" :legend="barLegend" :series="barSeries1" |
| | | :tooltip="tooltip" :xAxis="xAxis1" :yAxis="yAxis1" style="height: 260px"></Echarts> |
| | |
| | | |
| | | const barSeries1 = ref([ |
| | | { |
| | | name: '原材料不合格数', |
| | | name: '入厂不合格数', |
| | | type: 'bar', |
| | | barGap: 0, |
| | | emphasis: { |
| | |
| | | data: [] |
| | | }, |
| | | { |
| | | name: '过程不合格数', |
| | | name: '车间不合格数', |
| | | type: 'bar', |
| | | emphasis: { |
| | | focus: 'series' |
| | |
| | | } |
| | | const barLegend = { |
| | | show: true, |
| | | data: ['原材料不合格数', '过程不合格数', '出厂不合格数'] |
| | | data: ['入厂不合格数', '车间不合格数', '出厂不合格数'] |
| | | } |
| | | const barLegend1 = { |
| | | show: true, |
| | |
| | | type: 'category', |
| | | data: ['应付账款', '应收账款',] |
| | | }] |
| | | const yAxis1 = [{ |
| | | const yAxis1 = ref([{ |
| | | type: 'value' |
| | | }] |
| | | }]) |
| | | const pieTooltip = reactive({ |
| | | trigger: 'item', |
| | | formatter: function (params) { |
| | |
| | | qualityStatisticsInfo() |
| | | getAmountHalfYearNum() |
| | | getProcessList() |
| | | refreshProcessStats() |
| | | }) |
| | | // 数据统计 |
| | | const getBusinessData = () => { |
| | |
| | | } |
| | | // 质检统计 |
| | | const qualityStatisticsInfo = () => { |
| | | qualityInspectionStatistics({ type: qualityRange.value }).then((res) => { |
| | | xAxis1.value[0].data = [] |
| | | barSeries1.value[0].data = [] |
| | | barSeries1.value[1].data = [] |
| | | barSeries1.value[2].data = [] |
| | | res.data.item.forEach(item => { |
| | | xAxis1.value[0].data.push(item.date) |
| | | barSeries1.value[0].data.push(item.supplierNum) |
| | | barSeries1.value[1].data.push(item.processNum) |
| | | barSeries1.value[2].data.push(item.factoryNum) |
| | | }) |
| | | qualityStatisticsObject.value.supplierNum = res.data.supplierNum |
| | | qualityStatisticsObject.value.processNum = res.data.processNum |
| | | qualityStatisticsObject.value.factoryNum = res.data.factoryNum |
| | | }) |
| | | qualityInspectionStatistics({ type: qualityRange.value }) |
| | | .then((res) => { |
| | | const list = res?.data?.rawItem || [] |
| | | const dates = [] |
| | | const supplierNums = [] |
| | | const processNums = [] |
| | | const factoryNums = [] |
| | | list.forEach((item) => { |
| | | dates.push(item.date) |
| | | supplierNums.push(item.supplierNum) |
| | | processNums.push(item.processNum) |
| | | factoryNums.push(item.factoryNum) |
| | | }) |
| | | xAxis1.value[0].data = dates |
| | | barSeries1.value[0].data = supplierNums |
| | | barSeries1.value[1].data = processNums |
| | | barSeries1.value[2].data = factoryNums |
| | | qualityStatisticsObject.value.supplierNum = res?.data?.supplierNum || 0 |
| | | qualityStatisticsObject.value.processNum = res?.data?.processNum || 0 |
| | | qualityStatisticsObject.value.factoryNum = res?.data?.factoryNum || 0 |
| | | }) |
| | | .catch((err) => { |
| | | console.error("请求出错:", err) |
| | | }) |
| | | } |
| | | const getAmountHalfYearNum = async () => { |
| | | const res = await getAmountHalfYear() |
| | |
| | | }) |
| | | } |
| | | |
| | | onMounted(() => { |
| | | getBusinessData() |
| | | analysisCustomer() |
| | | todoInfoS() |
| | | statisticsReceivable() |
| | | qualityStatisticsInfo() |
| | | getAmountHalfYearNum() |
| | | refreshProcessStats() |
| | | }) |
| | | |
| | | </script> |
| | | |
| | | <style scoped> |