index.vue 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. // 来访管理
  2. <template>
  3. <el-table
  4. :data="tableData"
  5. border
  6. style="width: 100%">
  7. <el-table-column
  8. prop="company"
  9. label="所属公司"
  10. >
  11. </el-table-column>
  12. <el-table-column
  13. prop="company"
  14. label="来访人"
  15. >
  16. </el-table-column>
  17. <el-table-column
  18. prop="start_date"
  19. label="来访时间"
  20. >
  21. </el-table-column>
  22. <el-table-column
  23. prop="end_date"
  24. label="离开时间"
  25. >
  26. </el-table-column>
  27. <el-table-column
  28. prop="shift"
  29. label="身份证号"
  30. >
  31. </el-table-column>
  32. <el-table-column
  33. prop="times"
  34. label="被访人"
  35. >
  36. </el-table-column>
  37. <el-table-column
  38. prop="times"
  39. label="所住单元"
  40. >
  41. </el-table-column>
  42. <el-table-column
  43. prop="times"
  44. label="来访事由"
  45. >
  46. </el-table-column>
  47. <el-table-column
  48. prop="times"
  49. label="值班人"
  50. >
  51. </el-table-column>
  52. </el-table>
  53. </template>
  54. <script>
  55. export default {
  56. methods: {
  57. handleClick(row) {
  58. console.log(row);
  59. }
  60. },
  61. data() {
  62. return {
  63. tableData: [{
  64. start_date: '2016-05-02',
  65. end_date: '2018-05-02',
  66. company: '1001',
  67. province: '上海',
  68. shift: '普陀区',
  69. times: '2016-05-02>>2018-05-02',
  70. post: '-',
  71. staffs: '11111'
  72. }]
  73. }
  74. }
  75. }
  76. </script>