<template>
  <ContainerBorder title="火场文书">
    <LineModel v-for="(item,index) in fireRecordData" :end="index === fireRecordData.length - 1" :key="index"
      :state="item.state"
      :time="item.time"
      :isImage="item.isImage"
      :content="item.content"
      :dept="item.dept"
    />
  </ContainerBorder>
</template>

<script>
import { ContainerBorder } from '@/components'
import LineModel from './LineModel'

export default {
  components: {
    ContainerBorder,
    LineModel
  },
  data: () => ({
    fireRecordData: [
      {
        state: '立案',
        time: '2020-01-01 12:34',
        content: '上午10点多，渝中区雅兰大厦9层冒出浓烟和火光, 从大厦里外围…… ',
        dept: '渝中区公安局',
        isImage: false
      },
      {
        state: '出动',
        time: '2020-01-01 12:34',
        content: '上午10点多，渝中区雅兰大厦9层冒出浓烟和火光, 从大厦里外围…… ',
        dept: '渝中区公安局',
        isImage: false
      },
      {
        state: '到场',
        time: '2020-01-01 12:34',
        content: '',
        dept: '渝中区公安局',
        isImage: true
      },
      {
        state: '出水',
        time: '2020-01-01 12:34',
        content: '上午10点多，渝中区雅兰大厦9层冒出浓烟和火光, 从大厦里外围…… ',
        dept: '渝中区公安局',
        isImage: false
      }
    ]
  })
}
</script>

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