更新

src/router/index.js

@@ -78,6 +78,13 @@ const routes = [
     meta: { title: '事项管理', isleftarrow: true },
     component: () => import('../views/userCenter/dock/index.vue'),
   },
+  // 用户-个人中心
+  {
+    path: '/userCenter/user/index',
+    name: 'user_index',
+    meta: { title: '个人中心', isleftarrow: true },
+    component: () => import('../views/userCenter/user/index.vue'),
+  },
   // // 个人中心
   // {
   //   path: '/user/index',

src/views/home/parts/clickBtn.vue

@@ -38,7 +38,12 @@
           <p><i class="el-icon-video-camera"></i></p>
           <el-button type="primary" round>展会管理</el-button>
         </el-col>
-        <el-col :span="11" class="btn" v-if="this.user.role == '2' || this.user.role == '3' || this.user.role == '6' || this.user.role == '7'">
+        <el-col
+          :span="11"
+          class="btn"
+          @click.native="$router.push({ path: '/userCenter/user/index' })"
+          v-if="this.user.role == '2' || this.user.role == '3' || this.user.role == '6' || this.user.role == '7'"
+        >
           <p><i class="el-icon-user"></i></p>
           <el-button type="primary" round>个人中心</el-button>
         </el-col>

src/views/userCenter/user/index.vue

@@ -0,0 +1,30 @@
+<template>
+  <div id="index">
+    <p>个人中心</p>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'index',
+  props: {},
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+    pageTitle() {
+      return `${this.$route.meta.title}`;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+};
+</script>
+
+<style lang="less" scoped></style>