<script setup lang="ts">
import ContainerBox from '@/components/ContainerBox'
import borderBgImage from '@/assets/images/border-bg.png'
import LineModule from './LineModule.vue'
const moduleTitle = "火场文书";

const data = [
  {
    state:"立案",
    time:"2022.03.12 12:23",
    isImage:false,
    content:"上午10点多，渝中区雅兰大厦9层冒出浓烟和火光, 从大厦里外围" ,
    dept:"渝中消防支队/刘小伟"
  },
  {
    state:"出动",
    time:"2022.03.12 12:38",
    isImage:false,
    content:"1.渝A66899 2.渝A66888 3.渝A63899 队长王小强带队。" ,
    dept:"渝中消防支队"
  },
  {
    state:"到场",
    time:"2022.03.12 12:3823",
    isImage: true,
    content: [] ,
    dept:"渝中消防支队"
  },
  {
    state:"出水",
    time:"2022.03.12 12:38",
    isImage:false,
    content:"到达火灾现场，已经疏散了周边居民和围观人群，现 场火势严峻，目前火势已布满整层楼，暂时暂时暂时暂时暂时" ,
    dept:"渝中消防支队"
  }
]

</script>

<template>
  <container-box :background="borderBgImage" :title="moduleTitle" style="width:23.2vw;height:56.2vh;" >
    <LineModule v-for="(item,index) in data" :end="index === data.length - 1" :key="index"
      :state="item.state"
      :time="item.time"
      :isImage="item.isImage"
      :content="item.content"
      :dept="item.dept"
    />
  </container-box>
</template>

<style scoped lang="less">
</style>
