树列表 功能完善

whychdw

2019-07-24 9b8bf853abf6bcab5592913508d8ec3cb15c2440

 src/views/monitor/index.vue

@@ -2,16 +2,11 @@
    <div class="layout">
        <Row>
            <i-col :xl="6" :xxl="5" span="10">
                <divider-card title="测试柜1" style="margin-left:16px;">
                    <h-tree 
                <h-tree 
                    style="margin-left: 32px;"
                    :data="test1"></h-tree>
                </divider-card>
                <divider-card title="测试柜1" style="margin-left:16px;" class="mrt32">
                    <h-tree 
                    style="margin-left: 32px;"
                    :data="test2"></h-tree>
                </divider-card>
                    :data="test1"
                    @fileClick="setPage"
                    maxHeight="450px"></h-tree>
            </i-col>
            <i-col :xl="18" :xxl="19" span="14">
                <router-view></router-view>
@@ -20,19 +15,73 @@
    </div>
</template>
<script>
import DividerCard from  '../../components/DividerCard';
import HTree from '../../components/HTree';
export default {
    components:{
       DividerCard,
       HTree 
    },
    data(){
        return {
            test1:[
                {
                    title: '测试柜1',
                    open: true,
                    txt: '测试用例1',
                    txt: '测试用例',
                    childrens:[
                        {
                            txt: '板卡DY0001',
                        },
                        {
                            txt: '板卡DY0002',
                        },
                        {
                            txt: '板卡DY0003',
                        },
                        {
                            txt: '板卡DY0004',
                        },
                        {
                            txt: '板卡DY0005',
                        },
                        {
                            txt: '板卡DY0006',
                        },
                        {
                            txt: '板卡DY0007',
                        },
                        {
                            txt: '板卡DY0008',
                        },
                        {
                            txt: '板卡DY0009',
                        },
                        {
                            txt: '板卡DY00010',
                        },
                        {
                            txt: '板卡DY00011',
                        },
                        {
                            txt: '板卡DY00012',
                        },
                        {
                            txt: '板卡DY00013',
                        },
                        {
                            txt: '板卡DY00014',
                        },
                        {
                            txt: '板卡DY00015',
                        },
                        {
                            txt: '板卡DY00016',
                        }
                    ]
                },
                {
                    title: '测试柜2',
                    open: false,
                    txt: '测试用例',
                    childrens:[
                        {
                            txt: '板卡DY0001',
@@ -73,58 +122,14 @@
                        {
                            txt: '板卡DY00013',
                        }
                        
                    ]
                }
            ],
            test2:[
                {
                    open: false,
                    txt: '测试用例2',
                    childrens:[
                        {
                            txt: '板卡DY0001',
                        },
                        {
                            txt: '板卡DY0002',
                        },
                        {
                            txt: '板卡DY0003',
                        },
                        {
                            txt: '板卡DY0004',
                        },
                        {
                            txt: '板卡DY0005',
                        },
                        {
                            txt: '板卡DY0006',
                        },
                        {
                            txt: '板卡DY0007',
                        },
                        {
                            txt: '板卡DY0008',
                        },
                        {
                            txt: '板卡DY0009',
                        },
                        {
                            txt: '板卡DY00010',
                        },
                        {
                            txt: '板卡DY00011',
                        },
                        {
                            txt: '板卡DY00012',
                        },
                        {
                            txt: '板卡DY00013',
                        }
                        
                    ]
                }
            ]
        }
    },
    methods: {
        setPage: function(file) {

        }
    }
}