<!--
  @description:采购日志-公共组件
  @Modifier:gmy
  @date:2020/10/1
-->
<template>
  <div>
    <!--日志信息-->
    <el-card v-for="(item, index) in journalData" :key="index" class="box-card mb10">
      <el-collapse v-model="activeName">
        <el-collapse-item :title="item.levelLogNameSecond" :name="index">
          <el-row type="flex">
            <el-timeline :time-width="200" :reverse="true">
              <el-timeline-item
                v-for="(flow, ind) in item.logList"
                :key="ind"
                placement="top"
              >
                <el-card>
                  <p>  {{ flow.logDesc }}</p>
                  <p>
                    {{ flow.logContent }}
                  </p>
                  <p v-if="flow.releaseDesc !== null && flow.releaseDesc !== ''">
                    {{ flow.releaseDesc }}
                  </p>
                </el-card>
              </el-timeline-item>
            </el-timeline>
          </el-row>
        </el-collapse-item>
      </el-collapse>
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'ProcurementJournalCompVue',
  props: {
    journalData: {
      type: Array,
      default: () => {
        return []
      }
    }
  },
  data() {
    return {
      activeName: [0], // 默认展开第一个
      title: '日志追踪' // 弹框标题
    }
  }
}
</script>

<style scoped>

</style>
