update 产品质量分析

This commit is contained in:
lb 2023-09-27 16:53:27 +08:00
parent 9c257aa24a
commit 96b0a9e503
3 changed files with 44 additions and 14 deletions

View File

@ -155,7 +155,7 @@ export default {
async getList() {
this.loading = true;
//
const { data } = await this.$axios({
const { code, data } = await this.$axios({
url: '/analysis/equipment-analysis/efficiency',
method: 'get',
params: {
@ -163,6 +163,11 @@ export default {
recordTime: this.queryParams.recordTime || null,
},
});
if (code === 0) {
this.list = data;
} else {
this.list.splice(0);
}
},
handleSearchBarBtnClick(btn) {

View File

@ -43,7 +43,7 @@ export default {
eq.okQuantity,
eq.nokQuantity,
eq.totalQuantity,
eq.passRate.toFixed(2),
eq.passRate.toFixed(4),
]);
});
return {
@ -53,6 +53,30 @@ export default {
axisPointer: {
type: 'shadow',
},
formatter: (params) => {
const name = params[0].name;
const goodRate = opt.find((item) => item[0] == name)[4];
return `
<h1 style="font-size: 18px; letter-spacing: 1px;">${
params[0].axisValue
} <small>${goodRate}%</small></h1>
<ul style="margin: 0; padding: 0; min-width: 128px;">
${params
.map(
(item, index) => `
<li style="list-style: none; display: flex; justify-content: space-between; align-items: center;">
<div>
<span style="display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: ${item.color}; margin-right: 5px;"></span>
${item.seriesName}
</div>
${item.value}
</li>
`
)
.join('')}
</ul>
`;
},
},
legend: {
itemWidth: 12,
@ -110,17 +134,17 @@ export default {
stack: 's',
data: opt.map((item) => item[2]),
},
{
name: '加工数量',
type: 'bar',
barWidth: 20,
data: opt.map((item) => item[3]),
},
{
name: '合格率',
type: 'line',
data: opt.map((item) => item[4]),
},
// {
// name: '',
// type: 'bar',
// barWidth: 20,
// data: opt.map((item) => item[3]),
// },
// {
// name: '',
// type: 'line',
// data: opt.map((item) => item[4]),
// },
],
};
},

View File

@ -31,7 +31,8 @@
<el-tab-pane :label="'\u3000柱状图\u3000'" name="graph">
<div v-if="activeName == 'graph'" class="graph" style="height: 40vh; display: flex; flex-direction: column;">
<div class="blue-title">各设备加工数量</div>
<LineChart :list="list" />
<LineChart v-if="list && list.length" :list="list" />
<div v-else class="no-data-bg"></div>
</div>
</el-tab-pane>
</el-tabs>