{template 'web/header-base'}

<div id="app">
    <el-menu :default-active="1" class="el-menu-demo" mode="horizontal">
        <el-menu-item index="1">{$_W['account']['name']}</el-menu-item>
    </el-menu>
  <el-row class="tac">
    {template 'web/nav'}
    <el-col style="padding:0 10px;" :span="20">
        <keep-alive>
            <router-view v-if="$route.meta.keepAlive">
            </router-view> 
        </keep-alive>
        <router-view v-if="!$route.meta.keepAlive">
        </router-view>
    </el-col>
  </el-row>
  <div style="text-align: center;">
    <div class="copyright">{if empty($_W['setting']['copyright']['footerleft'])} Powered by <a href="http://www.we7.cc"><b>微擎</b></a> v{IMS_VERSION} © 2014-2015 <a href="http://www.we7.cc">www.we7.cc</a>{else}{$_W['setting']['copyright']['footerleft']}{/if}
    </div>{if !empty($_W['setting']['copyright']['icp'])}<div>备案号：<a href="http://www.miitbeian.gov.cn" target="_blank">{$_W['setting']['copyright']['icp']}</a></div>{/if}
  </div>
</div>
{template 'web/upload-img'}

{template 'web/template/config/index'}
{template 'web/template/atm/index'}
{template 'web/template/user/index'}
{template 'web/template/user/group'}
{template 'web/template/user/tongji'}
{template 'web/template/user/chick'}

{template 'web/template/order/index'}
{template 'web/template/order/list'}

{template 'web/template/ad/index'}
{template 'web/template/ad/pao'}

{template 'web/template/plan/index'}

{template 'web/template/log/timeline'}


<script>
  var routes = [
    { path: '/', component: userTongji,meta: {keepAlive: false}},
    { path: '/atm', component: atmIndex,meta: {keepAlive: false}},
    { path: '/config', component: configIndex,meta: {keepAlive: true}},
    
    { path: '/user', component: userIndex,meta: {keepAlive: false}},
    { path: '/user/group', component: userGroup,meta: {keepAlive: false}},
    { path: '/user/chick', component: userChick,meta: {keepAlive: false}},

    { path: '/order', component: orderIndex,meta: {keepAlive: false}},
    { path: '/orderlist', component: orderList,meta: {keepAlive: false}},
    { path: '/ad', component: adIndex,meta: {keepAlive: false}},
    { path: '/ad/pao', component: adPao,meta: {keepAlive: false}},

    { path: '/plan', component: planIndex,meta: {keepAlive: true}},
    { path: '/timeline', component: logTimeline,meta: {keepAlive: false}},
  ];
  var router = new VueRouter({
      routes:routes
  });
  var app = new Vue({
      el: '#app',
      router:router,
      data: {
        defaultActive:'/'
      },
      methods: {
        handleOpen(key, keyPath) {
          console.log(key, keyPath);
        },
        handleClose(key, keyPath) {
          console.log(key, keyPath);
        }
      },
      created: function () {
        window.vv = this;
        this.defaultActive = this.$route.path;
      },
      watch: {
        '$route': function (val) {
          this.defaultActive = val.path;
        }
      }
  });
  /*  */
</script>
<style>

.el-menu{
  border: none;
}
.el-submenu .el-menu-item {
  min-width: 0;
}
.el-container{
  padding:10px 10px;
}
.footer {
    background-color: #fff;
    padding: 24px 0;
    color: #b8b9b9;
}
</style>