status.vue 999 B

12345678910111213141516171819202122232425262728
  1. <template>
  2. <el-container direction="vertical">
  3. <el-header height="40px" style="border-bottom: 1px solid #eee">状态查询</el-header>
  4. <div style="margin:10px 0;">
  5. <el-date-picker v-model="value1" type="date" placeholder="选择日期"></el-date-picker>
  6. <el-button style="margin-left:10px;" type="primary">查询</el-button>
  7. </div>
  8. <el-table :data="tableData" height="100%" border style="width: 100%">
  9. <el-table-column prop="date" label="日期" width="180"></el-table-column>
  10. <el-table-column prop="name" label="姓名" width="180"></el-table-column>
  11. <el-table-column prop="address" label="地址"></el-table-column>
  12. </el-table>
  13. <el-row style="margin-top:10px;" type="flex" justify="end">
  14. <el-pagination background layout="prev, pager, next" :total="1000"></el-pagination>
  15. </el-row>
  16. </el-container>
  17. </template>
  18. <script>
  19. export default {
  20. data() {
  21. return {
  22. tableData: []
  23. };
  24. }
  25. };
  26. </script>
  27. <style scoped>
  28. </style>