daec6fe60c57eeb3ac6486c491ee7d1490b5257f.svn-base 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. <template>
  2. <div>
  3. <el-table
  4. key="thirdTable"
  5. :data="tableData"
  6. style="width: 100%;max-height:85%;overflow:hidden;"
  7. :height="tableHeight">
  8. <!-- <el-table-column align="center" prop="index" label="序号" min-width="50">
  9. <template slot-scope="scope">{{ (pageIndex - 1) * pageSize + (scope.$index + 1) }}</template>
  10. </el-table-column> -->
  11. <el-table-column
  12. align="center"
  13. show-overflow-tooltip
  14. prop="gateName"
  15. label="水闸名称"
  16. min-width="100"
  17. ></el-table-column>
  18. <el-table-column
  19. align="center"
  20. show-overflow-tooltip
  21. prop="gateType"
  22. label="水闸类型"
  23. :formatter="gateTypeFormatter"
  24. min-width="100"
  25. ></el-table-column>
  26. <el-table-column
  27. align="center"
  28. show-overflow-tooltip
  29. prop="engScal"
  30. label="工程规模"
  31. :formatter="engScalFormatter"
  32. min-width="100">
  33. </el-table-column>
  34. <el-table-column
  35. align="center"
  36. show-overflow-tooltip
  37. prop="locationXiang"
  38. label="所在位置">
  39. </el-table-column>
  40. <el-table-column
  41. align="center"
  42. show-overflow-tooltip
  43. prop="gateAdmName"
  44. label="归口管理部门"
  45. min-width="100">
  46. </el-table-column>
  47. <el-table-column align="center" show-overflow-tooltip prop="groupName" label="所在分组" min-width="80"></el-table-column>
  48. <el-table-column
  49. align="center"
  50. show-overflow-tooltip
  51. prop="address"
  52. label="操作"
  53. min-width="60"
  54. v-if="ownPriv('manage')">
  55. <template slot-scope="scope">
  56. <el-button @click="deleteHandler(scope.row)" type="text" size="small">删除</el-button>
  57. </template>
  58. </el-table-column>
  59. </el-table>
  60. </div>
  61. </template>
  62. <script>
  63. import { getDcdxList, deleteDcdx } from "@api/duChaPlan.js";
  64. export default {
  65. props: ["dczId", "isAll", "objType", "input","plnaId", "tableData"], //objType业务类型
  66. data(){
  67. return{
  68. tableHeight: window.innerHeight - 360
  69. }
  70. },
  71. mounted(){
  72. },
  73. methods:{
  74. deleteHandler(item) {
  75. var _self = this;
  76. var idType;
  77. idType = item.objId;
  78. _self.$confirm('是否确认删除?', '提示', {
  79. confirmButtonText: '确定',
  80. cancelButtonText: '取消',
  81. type: 'warning'
  82. }).then(() => {
  83. deleteDcdx(idType, this.objType, item.id, this.plnaId).then(
  84. res => {
  85. if(res.success){
  86. _self.$parent.getDcdxList1(); //删除成功之后 刷新表格数据
  87. _self.$message({
  88. type: 'success',
  89. message: '删除成功'
  90. });
  91. }else{
  92. if(res.message == "请先删除登记表"){
  93. _self.$message({
  94. type: 'warning',
  95. message: '请联系管理员,删除登记表!'
  96. });
  97. }else{
  98. _self.$message({
  99. type: 'error',
  100. message: '删除失败'
  101. });
  102. }
  103. }
  104. }
  105. );
  106. }).catch(() => {
  107. _self.$message({
  108. type: 'info',
  109. message: '已取消删除'
  110. });
  111. });
  112. },
  113. gateTypeFormatter(row,column){
  114. return row.gateType == '1'? "分(泄)洪闸":
  115. row.gateType == '2'? "节制闸":
  116. row.gateType == '3'? "排(退)水闸":
  117. row.gateType == '4'? "引(进)水闸":
  118. row.gateType == '5'? "挡潮闸":
  119. row.gateType == '6'? "船闸":
  120. row.gateType == '9'? "其它": '';
  121. },
  122. engScalFormatter(row,column){
  123. return row.engScal == '1'? "大型":
  124. row.engScal == '2'? "中型":
  125. row.engScal == '3'? "小型": '';
  126. }
  127. }
  128. };
  129. </script>
  130. <style scoped>
  131. </style>