用vue+element-ui实现表格里嵌套表格

静态页面，数据都是写死的

js里data里:
data(){
		return{
		tableData: [
  {
    id: 'P201900001',
    pigeonhole: 'GD123456789', 
    date: '2019-1-31',
    scene: '2019-1-31',
    scenePlace: '中国',
    name: '鲜花',
    clinic: '临床', 
    legal: '已支付',
    pay: '转账',
    survey: '2019-02-23'
  },
  {
    id: 'P201900002',
    pigeonhole: 'GD123456789', 
    date: '2019-1-31',
    scene: '2019-1-31',
    scenePlace: '中国',
    name: '鲜花',
    clinic: 'hjgrf', // 
    legal: '已支付', 
    pay: '转账',
    survey: '2019-02-23'
  },
  {
    id: 'P201900003',
    pigeonhole: 'GD123456789', 
    date: '2019-1-31',
    scene: '2019-1-31',
    scenePlace: '中国',
    name: '鲜花',
    clinic: 'hjgrf', /
    legal: '已支付', 
    pay: '内部转账',
    survey: '2019-02-23'
  }
],
dataList: [
  {
    duty: '责任',
    guard: '预防',
    accident: '意外',
    base: '基础',
    import: '重大'
  },
  {
    duty: '金额',
    guard: '3000',
    accident: '1000',
    base: '2000',
    import: '4000'
  }
] }
}

效果图如上