mt-fe-group/yudao-dev
12
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update 产品质量分析样式

Browse Source
This commit is contained in:
lb 2023-09-20 09:11:31 +08:00
parent 71bcd14c72
commit e0cc022e34
2 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/equipment/analysis/quality/components/lineChart.vue
View File

@ -41,7 +41,7 @@ export default {
opt.push([eq.equipmentName, eq.okQuantity, eq.nokQuantity]); opt.push([eq.equipmentName, eq.okQuantity, eq.nokQuantity]);
}); });
return { return {
color: ['#8EF0AB', '#288AFF'], color: ['#288AFF', '#8EF0AB'],
tooltip: { tooltip: {
trigger: 'axis', trigger: 'axis',
axisPointer: { axisPointer: {
@ -51,7 +51,7 @@ export default {
legend: { legend: {
itemWidth: 12, itemWidth: 12,
itemHeight: 12, itemHeight: 12,
right: 0, right: 0
}, },
grid: { grid: {
left: '1%', left: '1%',
@ -90,13 +90,6 @@ export default {
}, },
}, },
series: [ series: [
{
name: '不合格数量',
type: 'bar',
barWidth: 20,
stack: 's',
data: opt.map((item) => item[2]),
},
{ {
name: '合格数量', name: '合格数量',
type: 'bar', type: 'bar',
@ -104,6 +97,13 @@ export default {
stack: 's', stack: 's',
data: opt.map((item) => item[1]), data: opt.map((item) => item[1]),
}, },
{
name: '不合格数量',
type: 'bar',
barWidth: 20,
stack: 's',
data: opt.map((item) => item[2]),
},
], ],
}; };
}, },

8
src/views/equipment/analysis/quality/index.vue
View File

@ -19,7 +19,7 @@
v-model="activeName" v-model="activeName"
:stretch="true" :stretch="true"
@tab-click="handleTabClick"> @tab-click="handleTabClick">
<el-tab-pane label="数据列表" name="table"> <el-tab-pane :label="'数据列表'" name="table">
<!-- 列表 --> <!-- 列表 -->
<base-table <base-table
:table-props="tableProps" :table-props="tableProps"
@ -28,7 +28,7 @@
:table-data="list" :table-data="list"
@emitFun="handleEmitFun"></base-table> @emitFun="handleEmitFun"></base-table>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="柱状图" name="graph"> <el-tab-pane :label="'\u3000柱状图\u3000'" name="graph">
<div v-if="activeName == 'graph'" class="graph" style="height: 40vh; display: flex; flex-direction: column;"> <div v-if="activeName == 'graph'" class="graph" style="height: 40vh; display: flex; flex-direction: column;">
<div class="blue-title">各设备加工数量</div> <div class="blue-title">各设备加工数量</div>
<LineChart :list="list" /> <LineChart :list="list" />
@ -373,8 +373,8 @@ export default {
} }
.el-tabs__item { .el-tabs__item {
padding-left: 8px !important; padding-left: 0 !important;
padding-right: 8px !important; padding-right: 0 !important;
line-height: 36px !important; line-height: 36px !important;
height: 36px; height: 36px;
} }