fj-dc-ui/.svn/pristine/b9/b95f040f250b681663f594302f2735db1017b6ee.svn-base

<template>
  <!-- 弹出窗 -->
  <el-dialog id="dialog" width="70%"  title="复用督查组" :visible.sync="dialogFormVisible">
     <el-container>
        <el-aside width="200px">Aside</el-aside>
        <el-main>
         <el-table
      :data="tableData"
      style="width: 100%">
      <el-table-column
        prop="date"
        label="日期"
        width="180">
      </el-table-column>
      <el-table-column
        prop="name"
        label="姓名"
        width="180">
      </el-table-column>
      <el-table-column
        prop="address"
        label="地址">
      </el-table-column>
    </el-table>
     <el-table
      :data="tableData"
      style="width: 100%">
      <el-table-column
        prop="date"
        label="日期"
        width="180">
      </el-table-column>
      <el-table-column
        prop="name"
        label="姓名"
        width="180">
      </el-table-column>
      <el-table-column
        prop="address"
        label="地址">
      </el-table-column>
    </el-table>
        </el-main>
     </el-container>
  </el-dialog>
</template>
<script>

export default {
  components: {
   
  },
  props: [],
  computed: {},
  data() {
    return {
      dialogFormVisible:false,
      tableData: [{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          }, {
            date: '2016-05-04',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1517 弄'
          }, {
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1519 弄'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄'
          }]
    };
  },
  mounted() {
   
  },
  methods: {
    showDialog() {
      this.dialogFormVisible = true;
       this.getTableData();
       this.addArr = '';
    },
    
  }
};
</script>
<style>
#dialog .el-dialog__body {
  padding: 20px 20px;
}
</style>