|  |  | 
 |  |  | <template> | 
 |  |  |    <view> | 
 |  |  |       <u-collapse @change="change" @close="close" @open="open"> | 
 |  |  |          <u-collapse-item :title="item.title" name="Docs guide" v-for="item in tree"> | 
 |  |  |             <text class="u-collapse-content">1</text> | 
 |  |  |          </u-collapse-item> | 
 |  |  |       </u-collapse> | 
 |  |  |    </view> | 
 |  |  | </template> | 
 |  |  |  | 
 |  |  | <script> | 
 |  |  |    import user from '@/pages/api/user/user.js' | 
 |  |  |    export default { | 
 |  |  |       data() { | 
 |  |  |          return { | 
 |  |  |             tree: [{title: '超级管理员'}] | 
 |  |  |          } | 
 |  |  |       }, | 
 |  |  |       onShow() { | 
 |  |  |          this.getUserTree() | 
 |  |  |       }, | 
 |  |  |       methods: { | 
 |  |  |          async getUserTree() { | 
 |  |  |             let res = await user.getUserTree() | 
 |  |  |             if (res.code === 200) { | 
 |  |  |                this.tree = [] | 
 |  |  |                console.log(res.data); | 
 |  |  |                for (let k of res.data) { | 
 |  |  |                   this.tree.push(k) | 
 |  |  |                } | 
 |  |  |             } else if (res.code === 403) { | 
 |  |  |                this.backLogin(res) | 
 |  |  |             } | 
 |  |  |          }, | 
 |  |  |          open(e) { | 
 |  |  |             // console.log('open', e) | 
 |  |  |          }, | 
 |  |  |          close(e) { | 
 |  |  |             // console.log('close', e) | 
 |  |  |          }, | 
 |  |  |          change(e) { | 
 |  |  |             // console.log('change', e) | 
 |  |  |          } | 
 |  |  |       } | 
 |  |  |    } | 
 |  |  | </script> | 
 |  |  |  | 
 |  |  | <style> |