BJ_web_developers / HSpark

Blame view

src/views/service.vue 2.3 KB
Edit Raw Normal View History
9287779a   Andy   add 官网嵌入车主平台 架构 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
  
  <template>
    <div >
      <el-container style="min-height: 550px">
        <el-aside width="210px" style="background-color: rgb(84, 92, 100);">
          <!--左侧菜单组件-->
          <el-menu
            default-active="2"
            class="el-menu-vertical-demo"
            @open="handleOpen"
            @close="handleClose"
            background-color="#545c64"
            text-color="#fff"
            active-text-color="#409eff" router>
d888a81a   王富生   提交权限控制 
15
 
            <el-menu-item index="/service/dashboard" class="is-active">
9287779a   Andy   add 官网嵌入车主平台 架构 
16
17
18
19
20
21
22
23
 
              <i class="el-icon-menu "></i>
              <span slot="title">服务首页</span>
            </el-menu-item>
            <el-submenu index="1">
              <template slot="title">
                <i class="el-icon-bank-card"></i>
                <span>我的钱包</span>
              </template>
d888a81a   王富生   提交权限控制 
24
25
 
              <el-menu-item index="/service/account">我的账户</el-menu-item>
              <el-menu-item index="/service/cardticket">我的卡券</el-menu-item>
9287779a   Andy   add 官网嵌入车主平台 架构 
26
 
            </el-submenu>
d888a81a   王富生   提交权限控制 
27
 
            <el-menu-item index="/service/order">
9287779a   Andy   add 官网嵌入车主平台 架构 
28
29
30
 
              <i class="el-icon-tickets"></i>
              <span slot="title">我的订单</span>
            </el-menu-item>
d888a81a   王富生   提交权限控制 
31
 
            <el-menu-item index="/service/payback">
9287779a   Andy   add 官网嵌入车主平台 架构 
32
33
34
 
              <i class="el-icon-finished"></i>
              <span slot="title">欠费补缴</span>
            </el-menu-item>
d888a81a   王富生   提交权限控制 
35
 
            <el-menu-item index="/service/mycar">
9287779a   Andy   add 官网嵌入车主平台 架构 
36
37
38
39
40
41
42
43
 
              <i class="el-icon-truck"></i>
              <span slot="title">我的车辆</span>
            </el-menu-item>
            <el-submenu index="2">
              <template slot="title">
                <i class="el-icon-user-solid"></i>
                <span>个人中心</span>
              </template>
d888a81a   王富生   提交权限控制 
44
45
 
              <el-menu-item index="/service/information">个人资料</el-menu-item>
              <el-menu-item index="/service/myevaluate">我的评价</el-menu-item>
9287779a   Andy   add 官网嵌入车主平台 架构 
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
 
            </el-submenu>
          </el-menu>
        </el-aside>
  
        <el-main class="app-container">
          <router-view :key="key" />
        </el-main>
      </el-container>
  
    </div>
  
  </template>
  
  <script>
    export default {
      computed: {
        key() {
          return this.index
        }
      },
      methods: {
        handleOpen(key, keyPath) {
          console.log(key, keyPath);
        },
        handleClose(key, keyPath) {
          console.log(key, keyPath);
        }
      }
    }
  
  </script>
  <style scoped>
  
  </style>