<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>