healthTab4History.vue 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. <template>
  2. <div>
  3. <div class="diamain">
  4. <div class="left">
  5. <el-tree :data="data" :props="defaultProps" node-key="id" :default-expand-all="true"
  6. custom-class="modal" @node-click="handleNodeClick"></el-tree>
  7. </div>
  8. <div class="right">
  9. <div class="table-box">
  10. <ComTable :data="tableData" height="700px"></ComTable>
  11. </div>
  12. </div>
  13. </div>
  14. </div>
  15. </template>
  16. <script>
  17. import ComTable from "@com/coms/table/table.vue";
  18. export default {
  19. components: {
  20. ComTable
  21. },
  22. props: {
  23. gridDatas: {},
  24. chartDatas: {},
  25. formdata: Object,
  26. },
  27. data() {
  28. return {
  29. form: {
  30. wtId: "",
  31. wpId: ""
  32. },
  33. tableData: {
  34. column: [{
  35. name: "消缺描述",
  36. field: "xqms",
  37. width:'400px',
  38. is_light: false,
  39. },
  40. {
  41. name: "消缺人员",
  42. field: "xqry",
  43. is_light: false,
  44. },
  45. {
  46. name: "消缺时间",
  47. field: "xqsj",
  48. is_light: false,
  49. },
  50. {
  51. name: "更换部件",
  52. field: "ghbj",
  53. is_light: false,
  54. },
  55. {
  56. name: "更换原因",
  57. field: "ghyy",
  58. is_light: false,
  59. },
  60. {
  61. name: "更换数量",
  62. field: "ghsl",
  63. is_light: false,
  64. },
  65. ],
  66. data: [],
  67. },
  68. data: [],
  69. defaultProps: {
  70. children: "children",
  71. label: "label",
  72. },
  73. };
  74. },
  75. methods: {
  76. async searchH() {
  77. var that = this;
  78. const {
  79. data
  80. } = await that.API.requestData({
  81. method: "POST",
  82. subUrl: "/recommen/findLocationTreeByWtId",
  83. data: {
  84. wtId: that.form.wtId,
  85. },
  86. });
  87. that.dialogVisible = true;
  88. that.data = data.data;
  89. that.location = data.data[0].id;
  90. that.searchTab();
  91. },
  92. async searchTab() {
  93. var that = this;
  94. const {
  95. data
  96. } = await that.API.requestData({
  97. method: "POST",
  98. subUrl: "/recommen/findWobugeqByLocation",
  99. data: {
  100. tablepar: {
  101. pageNum: 1,
  102. pageSize: 10,
  103. },
  104. location: that.location,
  105. },
  106. });
  107. if(data.data && data.data[0] && data.data[0].xqsj){
  108. data.data[0].xqsj = new Date(data.data[0].xqsj).formatDate("yyyy-MM-dd hh:mm:ss");
  109. }
  110. that.tableData.data = data.data;
  111. },
  112. handleNodeClick(data) {
  113. this.location = data.id;
  114. },
  115. },
  116. watch: {
  117. formdata(res) {
  118. if (res) {
  119. this.form = this.formdata;
  120. this.searchH();
  121. }
  122. }
  123. }
  124. };
  125. </script>
  126. <style lang="less">
  127. </style>