<template>
  <div>
    <dee-table
      :columns="columns"
      :data="tableData"
      selection-row
      :options="options"
      :pagination="pagination"
      :index-row="{
        title: '序号',
        align: 'center',
        width: '70'
      }"
    />
  </div>
</template>

<script>
import { getBaseline } from '@/api/productCenter.js'
export default {
// import引入的组件需要注入到对象中才能使用
  components: {},

  props: {},

  data() {
    // 这里存放数据
    return {
      columns: [
        {
          title: '编号',
          key: 'number'
        },
        {
          title: '名称',
          key: 'name'
        },
        {
          title: '类型',
          key: 'subTypeName'
        },
        {
          title: '版本',
          key: 'version'
        },
        {
          title: '状态',
          key: 'state'
        },
        {
          title: '创建者',
          key: 'creator'
        },
        {
          title: '修改时间',
          key: 'modifyTime'
        }
      ],
      tableData: [],
      options: {
        height: 'calc(100% - 30px)'
      }
    }
  },
  // 监听属性 类似于data概念
  computed: {},
  // 监控data中的数据变化
  watch: {},
  // 生命周期 - 创建完成(可以访问当前this实例)
  created() {

  },
  // 生命周期 - 挂载完成(可以访问DOM元素)
  mounted() {
    this.$nextTick(() => {
      const params = {
        'openProps': [{
          'name': 'baselineMembers',
          'pageFrom': 1,
          'pageSize': 9999,
          'openProps': [{ 'name': 'target', 'pageFrom': 1, 'pageSize': 9999 }]
        }],
        'pageFrom': 1,
        'pageSize': 9999,
        'searchItems': {
          'items': [{ 'fieldName': 'id', 'operator': 'EQ', 'value': parseInt(this.$route.query.id) }],
          'operator': 'AND'
        }
      }
      getBaseline(params).then(res => {
        this.addData = res.items.content[0]
        this.tableData = res.items.content[0].baselineMembers.map(x => {
          Object.assign(x, x.target)
          return x
        })
      }).catch(e => {})
    })
  },
  activated() {
  },
  // 方法集合
  methods: {}
}
</script>
<style lang='scss'>
</style>