adm-multi-table.vue 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. <template>
  2. <el-table
  3. :data="tableData"
  4. style="width: 100%"
  5. class="adm-multi-table"
  6. size="mini"
  7. >
  8. <el-table-column
  9. prop="date"
  10. label="编辑"
  11. width="80"
  12. align="center"
  13. >
  14. <template slot-scope="scope">
  15. <span
  16. class="el-icon-edit el-input__icon"
  17. style="cursor: pointer"
  18. @click="handleEdit(scope.$index, scope.row)">
  19. </span>
  20. </template>
  21. </el-table-column>
  22. <el-table-column label="配送信息" >
  23. <el-table-column
  24. prop="province"
  25. label="省份"
  26. width="120">
  27. </el-table-column>
  28. <el-table-column
  29. prop="city"
  30. label="市区"
  31. width="120">
  32. </el-table-column>
  33. <el-table-column
  34. prop="zip"
  35. label="邮编"
  36. width="120">
  37. </el-table-column>
  38. </el-table-column>
  39. <el-table-column label="地址信息">
  40. <el-table-column
  41. prop="province"
  42. label="省份"
  43. width="120">
  44. </el-table-column>
  45. <el-table-column
  46. prop="city"
  47. label="市区"
  48. width="120">
  49. </el-table-column>
  50. <el-table-column
  51. prop="zip"
  52. label="邮编"
  53. width="120">
  54. </el-table-column>
  55. </el-table-column>
  56. </el-table>
  57. </template>
  58. <script>
  59. export default {
  60. name: 'adm-multi-table',
  61. data() {
  62. return {
  63. tableData: [{
  64. date: '2016-05-03',
  65. name: '王小虎',
  66. province: '上海',
  67. city: '普陀区',
  68. address: '上海市普陀区金沙江路 1518 弄',
  69. zip: 200333
  70. }, {
  71. date: '2016-05-02',
  72. name: '王小虎',
  73. province: '上海',
  74. city: '普陀区',
  75. address: '上海市普陀区金沙江路 1518 弄',
  76. zip: 200333
  77. }, {
  78. date: '2016-05-04',
  79. name: '王小虎',
  80. province: '上海',
  81. city: '普陀区',
  82. address: '上海市普陀区金沙江路 1518 弄',
  83. zip: 200333
  84. }, {
  85. date: '2016-05-01',
  86. name: '王小虎',
  87. province: '上海',
  88. city: '普陀区',
  89. address: '上海市普陀区金沙江路 1518 弄',
  90. zip: 200333
  91. }, {
  92. date: '2016-05-08',
  93. name: '王小虎',
  94. province: '上海',
  95. city: '普陀区',
  96. address: '上海市普陀区金沙江路 1518 弄',
  97. zip: 200333
  98. }, {
  99. date: '2016-05-06',
  100. name: '王小虎',
  101. province: '上海',
  102. city: '普陀区',
  103. address: '上海市普陀区金沙江路 1518 弄',
  104. zip: 200333
  105. }, {
  106. date: '2016-05-07',
  107. name: '王小虎',
  108. province: '上海',
  109. city: '普陀区',
  110. address: '上海市普陀区金沙江路 1518 弄',
  111. zip: 200333
  112. }]
  113. }
  114. }
  115. }
  116. </script>
  117. <style scoped lang="scss">
  118. </style>