c393a17b471dee5c9e517b737e72cecb3f2925a1.svn-base 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. <template>
  2. <div class="tb_left_tree">
  3. <!--<div class="date_wrapper">年度:-->
  4. <!--<el-select v-model="year" placeholder="请选择">-->
  5. <!--<el-option-->
  6. <!--v-for="item in yearList"-->
  7. <!--:key="item.id"-->
  8. <!--:label="item.year"-->
  9. <!--:value="item.year">-->
  10. <!--</el-option>-->
  11. <!--</el-select>-->
  12. <!--</div>-->
  13. <el-tree
  14. :highlight-current="true"
  15. style="height:100%;"
  16. :data="treeData"
  17. node-key="id"
  18. show-checkbox
  19. :expand-on-click-node="false"
  20. @check-change="treeNodeClickHandler"
  21. ref="jigou_tree"
  22. >
  23. <div class="custom-tree-node" slot-scope="{ node, data }">
  24. <span style="float:left;">{{ data.name}}</span>
  25. </div>
  26. </el-tree>
  27. </div>
  28. </template>
  29. <script>
  30. import request from '@util/gw_ajax_request.js'
  31. import {getTrees} from '@util/gw_formatTree'
  32. import {getYearList} from '@api/jcOneMapApi'
  33. export default {
  34. props: ['orgType'],
  35. data(){
  36. return{
  37. treeData: [],
  38. lyjg: [],
  39. yearList: [],
  40. year: '',
  41. adCodes: []
  42. }
  43. },
  44. computed: {
  45. persId() {
  46. return localStorage.getItem("userid")
  47. ? localStorage.getItem("userid")
  48. : "1098101939614724096";
  49. },
  50. },
  51. mounted(){
  52. this.getLeftTreeData()
  53. },
  54. methods:{
  55. getYearlists(){
  56. getYearList().then(res=>{
  57. this.yearList = res.data;
  58. let lastItemIndex = this.yearList.length - 1
  59. this.year = this.yearList[lastItemIndex].year
  60. })
  61. },
  62. getLeftTreeData(){
  63. var _self = this;
  64. _self.lyjg = [];
  65. request.get(`/bis/insp/BisInspConfigOrgAd/getAdByPersId/${this.persId}/${this.orgType}`).then((res)=>{
  66. let data = res.data
  67. data = getTrees(data)
  68. _self.treeData = data;
  69. console.log(data);
  70. })
  71. },
  72. treeNodeClickHandler:function(data,node,tree){
  73. this.$emit('treeNodeClickHandler',data)
  74. },
  75. treeNodeClickHandler() {
  76. let nodes = this.$refs.jigou_tree.getCheckedNodes();
  77. this.adCodes = nodes.map(item => {
  78. return item.id;
  79. });
  80. this.$emit('treeNodeClickHandler',this.adCodes)
  81. },
  82. },
  83. watch:{
  84. }
  85. }
  86. </script>
  87. <style lang="scss" scoped>
  88. .tb_left_tree{
  89. height: 100%;
  90. width: 100%;
  91. overflow: auto;
  92. .date_wrapper{
  93. padding: 10px 0 5px 10px;
  94. }
  95. }
  96. </style>