<template>
    <div>
        <div class="i-layout-page-header">
            <PageHeader :title="$route.meta.title"
                :content="$route.meta.description"
                hidden-breadcrumb />
        </div>
        <Card :bordered="false"
            dis-hover
            class="ivu-mt">
            <!-- <Table row-key="id"
                :load-data="handleLoadData"
                :columns="columns"
                :data="data"
                no-data-text="暂无数据..."
                border></Table> -->
            <view-table ref="table"
                view-code="Storage"
                view-tree="parent_id"
                @create="$refs.form.open()"
                @edit="({row,index})=>$refs.form.open(row)" />
            </view-table>
        </Card>
        <modal-form ref="form"
            view-code="StorageEdit"
            @on-after-save="$refs.table.loadData()" />
    </div>
</template>
// <script>
    //     export default {
    //         data() {
    //             return {
    //                 columns: [
    //                     {
    //                         title: 'Name',
    //                         key: 'name',
    //                         tree: true
    //                     },
    //                     {
    //                         title: 'Age',
    //                         key: 'age'
    //                     },
    //                     {
    //                         title: 'Address',
    //                         key: 'address'
    //                     }
    //                 ],
    //                 data: [
    //                     {
    //                         id: '100',
    //                         name: 'John Brown',
    //                         age: 18,
    //                         address: 'New York No. 1 Lake Park'
    //                     },
    //                     {
    //                         id: '101',
    //                         name: 'Jim Green',
    //                         age: 24,
    //                         address: 'London No. 1 Lake Park',
    //                         _loading: false,
    //                         children: []
    //                     },
    //                     {
    //                         id: '102',
    //                         name: 'Joe Black',
    //                         age: 30,
    //                         address: 'Sydney No. 1 Lake Park',
    //                         _loading: false,
    //                         children: []
    //                     },
    //                     {
    //                         id: '103',
    //                         name: 'Jon Snow',
    //                         age: 26,
    //                         address: 'Ottawa No. 2 Lake Park'
    //                     }
    //                 ]
    //             };
    //         },
    //         methods: {
    //             handleLoadData(item, callback) {
    //                 console.log(item);
    //                 let data = [];
    //                 setTimeout(() => {
    //                     if (item.id == '101') {
    //                         data = [
    //                             {
    //                                 id: '10101',
    //                                 name: '张三',
    //                                 age: 20,
    //                                 address: '黑龙江',
    //                                 _loading: false,
    //                                 children: []
    //                             }
    //                         ];
    //                     } else if (item.id == '102') {
    //                         data = [
    //                             {
    //                                 id: '10201',
    //                                 name: '李四',
    //                                 age: 21,
    //                                 address: '吉林',
    //                                 _loading: false,
    //                                 children: []
    //                             }
    //                         ];
    //                     } else if (item.id == '10201') {
    //                         data = [
    //                             {
    //                                 id: '1020101',
    //                                 name: '王五',
    //                                 age: 22,
    //                                 address: '辽宁',
    //                                 _loading: false,
    //                                 children: []
    //                             }
    //                         ];
    //                     } else if (item.id == '1020101') {
    //                         let res = this.query();
    //                         console.log(res);

    //                         data = res.data;
    //                     }
    //                     callback(data);
    //                 }, 500);
    //             },
    //             query() {
    //                 let data = this.$post('api/Storage/query', {});
    //                 console.log(data);
    //                 // return request({
    //                 //     url: `api/Storage/query`,
    //                 //     method: 'post',
    //                 //     data: {
    //                 //         // ...filter,
    //                 //         // dataSource
    //                 //     }
    //                 // });
    //             }
    //         }
    //     };
    //
</script>