feat(监控): 添加过程跟踪组件及主页面集成

添加TrackMeasure组件用于展示过程跟踪数据,包括入口、炉温、涂层和出口数据的实时监控图表
组件支持WebSocket连接、数据实时更新、图表切换和响应式布局
在主页面中集成该组件并设置相关数据绑定
This commit is contained in:
砂糖
2025-11-03 10:51:46 +08:00
parent 7f98f145d4
commit a038261888
2 changed files with 502 additions and 1 deletions

View File

@@ -47,6 +47,17 @@
/>
</el-card>
</el-col>
<el-col :span="24">
<el-card>
<div slot="header"><span>过程跟踪</span></div>
<TrackMeasure
v-loading="measureLoading"
:columns="measureColumns"
:data="measureData"
tableHeight="300px"
/>
</el-card>
</el-col>
</el-row>
</div>
</template>
@@ -59,10 +70,11 @@ import MiniTable from "./components/MiniTable.vue";
import { getLogDataPage } from "@/api/l2/log";
import { getRollHistorytList } from '@/api/l2/roller'
import { listPlan } from "@/api/l2/plan";
import TrackMeasure from "@/components/TrackMeasure/index.vue";
export default {
name: "Index",
components: { CurrentTime, HomeMain, MiniTable },
components: { CurrentTime, HomeMain, MiniTable, TrackMeasure },
data() {
return {
featureCards: [