be1968c76e2ea6094594cdbd0956e8e302e00b13.svn-base 2.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <template>
  2. <el-table key='firstTable' :data="tableData" @selection-change="handleSelectionChange" style="width: 100%;max-height:85%;overflow:hidden;" :height="tableHeight" >
  3. <!-- <el-table-column type="index" width="50"></el-table-column> -->
  4. <el-table-column
  5. type="selection"
  6. width="55">
  7. </el-table-column>
  8. <el-table-column align="center" prop="index" label="序号" min-width="50"></el-table-column>
  9. <el-table-column
  10. align="center"
  11. show-overflow-tooltip
  12. prop="name"
  13. label="项目名称"
  14. min-width="100"
  15. ></el-table-column>
  16. <el-table-column
  17. align="center"
  18. show-overflow-tooltip
  19. prop="type"
  20. label="检查分类"
  21. :formatter="formatType"
  22. min-width="100"
  23. ></el-table-column>
  24. <el-table-column
  25. align="center"
  26. show-overflow-tooltip
  27. prop="location"
  28. label="工程详细位置"
  29. min-width="130"
  30. ></el-table-column>
  31. <el-table-column align="center" show-overflow-tooltip prop="groupName" label="所在分组" min-width="80"></el-table-column>
  32. <el-table-column prop="address" label="操作" min-width="60" v-if="ownPriv('manage')">
  33. <template slot-scope="scope">
  34. <el-button @click="deleteHandler(scope.row)" type="text" size="small">删除</el-button>
  35. </template>
  36. </el-table-column>
  37. </el-table>
  38. </template>
  39. <script>
  40. export default {
  41. props:['tableData'],
  42. data(){
  43. return{
  44. tableHeight:window.innerHeight - 330,
  45. bisInspAllRlationParams: []
  46. }
  47. },
  48. methods:{
  49. handleSelectionChange(val) {
  50. console.log(val)
  51. this.bisInspAllRlationParams = []
  52. val.forEach((item)=>{
  53. this.bisInspAllRlationParams.push(item.objId)
  54. })
  55. this.$emit('deleteHandlerobj',this.bisInspAllRlationParams)
  56. },
  57. deleteHandler(row){
  58. this.$emit('deleteHandler',row)
  59. },
  60. formatType(row,column){
  61. let type = row.type;
  62. let _type = '水利工程运行';
  63. switch (type) {
  64. case '1' : _type = '水库';break;
  65. case '2' : _type = '水闸';break;
  66. case '3' : _type = '人饮';break;
  67. case '4' : _type = '水利工程建设';break;
  68. }
  69. return _type;
  70. },
  71. }
  72. }
  73. </script>
  74. <style lang="">
  75. </style>