|
|
@@ -3,8 +3,26 @@ |
|
|
|
import { ref } from "vue"; |
|
|
|
import { useWsStore } from "../store"; |
|
|
|
|
|
|
|
const listData = ref([]); |
|
|
|
const store = useWsStore(); |
|
|
|
const listData = ref((store.data2.lineDetailData || Array(3).fill({})).map( |
|
|
|
(item, index) => ({ |
|
|
|
productLine: item.productLine || "---", |
|
|
|
mbt: item.edgingInput || "---", |
|
|
|
mbb: item.edgingOutput || "---", |
|
|
|
dkt: item.drillingInput || "---", |
|
|
|
dkb: item.drillingOutput || "---", |
|
|
|
dmt: item.coatingInput || "---", |
|
|
|
dmb: item.coatingOutput || "---", |
|
|
|
syt: item.silkInput || "---", |
|
|
|
syb: item.silkOutput || "---", |
|
|
|
ght: item.solidificationInput || "---", |
|
|
|
ghb: item.solidificationOutput || "---", |
|
|
|
gh1: item.temperingInput || "---", |
|
|
|
gh2: item.temperingOutput || "---", |
|
|
|
bzt: item.finalInput || "---", |
|
|
|
bzb: item.finalOutput || "---", |
|
|
|
}) |
|
|
|
)); |
|
|
|
store.$subscribe((mutation, state) => { |
|
|
|
listData.value = (state.data2.lineDetailData || Array(3).fill({})).map( |
|
|
|
(item, index) => ({ |
|
|
@@ -30,13 +48,8 @@ store.$subscribe((mutation, state) => { |
|
|
|
|
|
|
|
<template> |
|
|
|
<div class="realtime-table"> |
|
|
|
<el-table |
|
|
|
class="dark-table" |
|
|
|
:data="listData" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
row-class-name="dark-row" |
|
|
|
header-row-class-name="dark-header" |
|
|
|
> |
|
|
|
<el-table class="dark-table" :data="listData" :show-overflow-tooltip="true" row-class-name="dark-row" |
|
|
|
header-row-class-name="dark-header"> |
|
|
|
<el-table-column prop="productLine" label="产线"></el-table-column> |
|
|
|
<el-table-column prop="mbt" label="磨边上"></el-table-column> |
|
|
|
<el-table-column prop="mbb" label="磨边下"></el-table-column> |
|
|
@@ -68,7 +81,7 @@ store.$subscribe((mutation, state) => { |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
.dark-table >>> .el-table__inner-wrapper::before { |
|
|
|
.dark-table>>>.el-table__inner-wrapper::before { |
|
|
|
background-color: transparent !important; |
|
|
|
} |
|
|
|
</style> |