| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697 |
- <template>
- <div class="tb_left_tree">
- <!--<div class="date_wrapper">年度:-->
- <!--<el-select v-model="year" placeholder="请选择">-->
- <!--<el-option-->
- <!--v-for="item in yearList"-->
- <!--:key="item.id"-->
- <!--:label="item.year"-->
- <!--:value="item.year">-->
- <!--</el-option>-->
- <!--</el-select>-->
- <!--</div>-->
- <el-tree
- :highlight-current="true"
- style="height:100%;"
- :data="treeData"
- node-key="id"
- show-checkbox
- :expand-on-click-node="false"
- @check-change="treeNodeClickHandler"
- ref="jigou_tree"
- >
- <div class="custom-tree-node" slot-scope="{ node, data }">
- <span style="float:left;">{{ data.name}}</span>
- </div>
- </el-tree>
- </div>
- </template>
- <script>
- import request from '@util/gw_ajax_request.js'
- import {getTrees} from '@util/gw_formatTree'
- import {getYearList} from '@api/jcOneMapApi'
- export default {
- props: ['orgType'],
- data(){
- return{
- treeData: [],
- lyjg: [],
- yearList: [],
- year: '',
- adCodes: []
- }
- },
- computed: {
- persId() {
- return localStorage.getItem("userid")
- ? localStorage.getItem("userid")
- : "1098101939614724096";
- },
- },
- mounted(){
- this.getLeftTreeData()
- },
- methods:{
- getYearlists(){
- getYearList().then(res=>{
- this.yearList = res.data;
- let lastItemIndex = this.yearList.length - 1
- this.year = this.yearList[lastItemIndex].year
- })
- },
- getLeftTreeData(){
- var _self = this;
- _self.lyjg = [];
- request.get(`/bis/insp/BisInspConfigOrgAd/getAdByPersId/${this.persId}/${this.orgType}`).then((res)=>{
- let data = res.data
- data = getTrees(data)
- _self.treeData = data;
- console.log(data);
- })
- },
- treeNodeClickHandler:function(data,node,tree){
- this.$emit('treeNodeClickHandler',data)
- },
- treeNodeClickHandler() {
- let nodes = this.$refs.jigou_tree.getCheckedNodes();
- this.adCodes = nodes.map(item => {
- return item.id;
- });
- this.$emit('treeNodeClickHandler',this.adCodes)
- },
- },
- watch:{
- }
- }
- </script>
- <style lang="scss" scoped>
- .tb_left_tree{
- height: 100%;
- width: 100%;
- overflow: auto;
- .date_wrapper{
- padding: 10px 0 5px 10px;
- }
- }
- </style>
|