AccountView.vue 1.77 KB
<style scoped>

</style>
<template>
    <div class="layout">
        <bread></bread>
        <div class="layout-content">

            <Row>
                <i-col span="5">
                    <Menu width="auto" @on-select="itemSelect" open-names="['1']" active-name="/account">
                        <Submenu name="1">
                            <template slot="title">
                                <Icon type="ios-paper"></Icon>
                                用户信息
                            </template>
                            <Menu-item name="/account">
                                用户基础信息
                            </Menu-item>
                        </Submenu>
                        <Menu-item name="/account/2">
                            调用统计
                        </Menu-item>
                        <Menu-item name="/account/3">
                            帐号安全
                        </Menu-item>
                        <Menu-item name="/account/4">
                            密钥管理
                        </Menu-item>

                    </Menu>
                </i-col>
                <i-col span="19">
                    <div class="layout-breadcrumb">

                    </div>
                    <div class="layout-content-main">
                        <router-view></router-view>
                    </div>
                </i-col>
            </Row>
        </div>
        <div class="layout-copy">
            2011-2016 &copy;
        </div>
    </div>
</template>
<script>
export default {
    name: 'home',
    data() {
        return {
            // leftWidth:'5'
        }
    },
    computed: {

    },
    methods: {
        itemSelect(name) {
            this.$router.push(name);
        }
    },
}


</script>