84bfbe450e9e4a35334d123fa4510d7b8755952a.svn-base 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  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="utName"
  13. label="单位名称"
  14. min-width="100"
  15. ></el-table-column>
  16. <el-table-column
  17. align="center"
  18. show-overflow-tooltip
  19. prop="trdType"
  20. label="行业类型"
  21. :formatter="trdTypeFormatter"
  22. min-width="100"
  23. ></el-table-column>
  24. <el-table-column
  25. align="center"
  26. show-overflow-tooltip
  27. prop="utType"
  28. label="单位类型"
  29. :formatter="utTypeFormatter"
  30. min-width="80"
  31. ></el-table-column>
  32. <el-table-column
  33. align="center"
  34. show-overflow-tooltip
  35. prop="utPpt"
  36. label="单位性质"
  37. :formatter="utPptFormatter"
  38. min-width="100"
  39. ></el-table-column>
  40. <el-table-column align="center" show-overflow-tooltip prop="groupName" label="所在分组" min-width="80"></el-table-column>
  41. <el-table-column prop="address" label="操作" min-width="60" v-if="ownPriv('manage')">
  42. <template slot-scope="scope">
  43. <el-button @click="deleteHandler(scope.row)" type="text" size="small">删除</el-button>
  44. </template>
  45. </el-table-column>
  46. </el-table>
  47. </template>
  48. <script>
  49. export default {
  50. props:['tableData'],
  51. data(){
  52. return{
  53. tableHeight:window.innerHeight - 330,
  54. bisInspAllRlationParams: []
  55. }
  56. },
  57. methods:{
  58. handleSelectionChange(val) {
  59. console.log(val)
  60. this.bisInspAllRlationParams = []
  61. val.forEach((item)=>{
  62. this.bisInspAllRlationParams.push(item.objId)
  63. })
  64. this.$emit('deleteHandlerobj',this.bisInspAllRlationParams)
  65. },
  66. deleteHandler(row){
  67. this.$emit('deleteHandler',row)
  68. },
  69. utTypeFormatter: function(row, column) {
  70. return row.utType == 1 ? "企业" :
  71. row.utType == 2 ? "机关" :"学校";
  72. },
  73. trdTypeFormatter: function(row, column) {
  74. return row.trdType == 1 ? "工业企业" :
  75. row.trdType == 2 ? "宾馆" :"其他";
  76. },
  77. utPptFormatter: function(row, column) {
  78. return row.utPpt == 1
  79. ? "节水型": "非节水型";
  80. },
  81. }
  82. }
  83. </script>
  84. <style lang="">
  85. </style>