<template>
  <div class="data-display-container">
    <topHeader :title="title" :titleWidth="390"></topHeader>
    <div class="bigBox">
      <div class="bigSmall"><RefiningFurnace :fatherRow="fatherRowFive"/></div>
      <div class="bigSmall"><RefiningFurnace :fatherRow="fatherRowSix"/></div>
      <div class="bigSmall"><RefiningFurnace :fatherRow="fatherRowEight"/></div>
    </div>
  </div>
</template>
<script setup>

import RefiningFurnace from './components/RefiningFurnace.vue'
import {refiningFurnace} from "@/api/dataDisplay/aod";
let title = ref('中国一重·精炼炉信息')
//5号炉子
let fatherRowFive = ref({})
//6号炉子
let fatherRowSix = ref({})
//8号炉子
let fatherRowEight = ref({})
const furnace = () =>{
  refiningFurnace().then(res=>{
    fatherRowFive.value = res.data[0]
    fatherRowSix.value = res.data[1]
    fatherRowEight.value = res.data[2]
  })
  // 炉号和是否已经浇铸完成
  fatherRowFive.value.numberFurnace = '5'
  fatherRowFive.value.state = true

  fatherRowSix.value.numberFurnace = '6'
  fatherRowSix.value.state = false

  fatherRowEight.value.numberFurnace = '8'
  fatherRowEight.value.state = true
}
furnace()
</script>

<style lang="scss" scoped>
.bigBox{

  .bigSmall{
    margin-top: h(65);
    display: flex;
    justify-content: center;
  }
}
</style>
