<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta charset="UTF-8">
    <!-- import CSS -->
    <title>{% block title %}{% end %}</title>

    <script src="{{static_url('js/vue_dist_vue.js')}}"></script>
    <script src="{{static_url('js/element-ui_index.js')}}"></script>
    <script src="{{ static_url('js/axios.js') }}"></script>
    <!--<script src="https://unpkg.com/axios/dist/axios.min.js"></script>-->
    <link rel="stylesheet" type="text/css"  href="{{static_url('css/element-ui@2.12.0_index.css')}}">


    <link rel="stylesheet" type="text/css" href="{{static_url('css/css-index.css')}}">
    <link rel="stylesheet" type="text/css" href="{{static_url('css/model.css')}}">

</head>
<body>
<div id="app">
    <el-menu :default-openeds="['1', '3']" :default-active="$route.path" @select="handleSelect" router>

        <el-submenu index="1">
            <template slot="title"><i class="el-icon-menu"></i>导航栏</template>
            <el-submenu index="1-1">
                <template slot="title">模型</template>
                <el-menu-item index="1-1-1"  onclick="get_model()" name="模型列表">模型列表</el-menu-item>
            </el-submenu>

            <el-submenu index="1-2">
                <template slot="title">特征</template>
                <el-menu-item index="1-2-1" name = '特征列表'>特征列表</el-menu-item>
            </el-submenu>

            <el-submenu index="1-3">
                <template slot="title">数据集合</template>
                <el-menu-item index="1-3-1" name="数据列表">数据列表</el-menu-item>
                <el-menu-item index="1-3-2" name="数据明细">数据明细</el-menu-item>
            </el-submenu>
        </el-submenu>
    </el-menu>
</div>

<script>
    var Main = {
        data() {
            return {
                tabPosition: 'left'
            };
        }
    };
    var Ctor = Vue.extend(Main)
    new Ctor().$mount('#app')
</script>
</body>
</html>