detailTable.vue 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <template>
  2. <el-table :data="table" style="width: 100%" :header-cell-style="{background:'#F6F6F6',color:'#646A73'}">
  3. <el-table-column prop="ProdCname" label="产品类型" align="center"/>
  4. <el-table-column prop="brandName" label="品牌" align="center"/>
  5. <el-table-column prop="Model" label="型号" align="center"/>
  6. <el-table-column label="管理" align="center">
  7. <template slot-scope="scope">
  8. <el-button
  9. type="text"
  10. @click="handleEdit(scope.$index,scope.row)"
  11. >修改
  12. </el-button>
  13. <el-button
  14. type="text"
  15. @click="handleDelete(scope.$index,scope.row)"
  16. >删除
  17. </el-button>
  18. </template>
  19. </el-table-column>
  20. </el-table>
  21. </template>
  22. <script>
  23. export default {
  24. name: "detailTable",
  25. props:['table'],
  26. data() {
  27. return {
  28. tableData: [{
  29. date: '2016-05-02',
  30. name: '王小虎',
  31. address: '上海市普陀区金沙江路 1518 弄'
  32. }, {
  33. date: '2016-05-04',
  34. name: '王小虎',
  35. address: '上海市普陀区金沙江路 1517 弄'
  36. }, {
  37. date: '2016-05-01',
  38. name: '王小虎',
  39. address: '上海市普陀区金沙江路 1519 弄'
  40. }, {
  41. date: '2016-05-03',
  42. name: '王小虎',
  43. address: '上海市普陀区金沙江路 1516 弄'
  44. }]
  45. }
  46. },
  47. methods: {
  48. handleEdit(index, row) {
  49. },
  50. handleDelete(index, row) {
  51. }
  52. }
  53. }
  54. </script>
  55. <style scoped>
  56. </style>