个人主页页面

src/page/common/companyReview.vue

@@ -1,7 +1,7 @@
 <template>
     <div>
         <el-drawer
-            title="发布者评价"
+            title="企业主页"
             :visible.sync="open"
             direction="rtl"
             size="600px"

src/page/homepage/crowdsourcing/crowddetails.vue

@@ -199,7 +199,7 @@
 
                         <div style="width: 100%; height: 1px; background-color: #ebebeb; margin: 14px 0 19px 0"></div>
                         <div v-if="entrants.length > 0" style="display: flex; flex-wrap: wrap; margin-left: 30px">
-                            <div v-for="(item, key) of entrants" class="signst">
+                            <div v-for="(item, key) of entrants" :key="key" @click="gouserhome(item)" class="signst">
                                 <img :src="item.avatar ? item.avatar : '/assets/home/defaultAva.jpg'" alt="" />
                                 <p>{{ item.nick_name.slice(0, 1) }}**</p>
 
@@ -437,6 +437,13 @@ export default {
         // })
     },
     methods: {
+        // 前往公司主页
+        gouserhome(item) {
+            this.$router.push({
+                path: '/crowdsourcing/userhome',
+                query: {id: item.user_id}
+            })
+        },
         // 打开公司评论信息
         openCompanyReview() {
             this.$refs.companyReviewVue.open = true

src/page/homepage/crowdsourcing/userhome.vue

@@ -0,0 +1,19 @@
+<template>
+  <div class="userpage container">个人主页</div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style scoped>
+.userpage {
+    height: 800px;
+}
+.container {
+    width: 1200px;
+    margin: auto;
+}
+</style>

src/router/router.js

@@ -10,6 +10,7 @@ import toolmarker from "../page/homepage/tool/toolmarker.vue"
 import tooldetails from "../page/homepage/tool/tooldetails.vue"
 import crowd from "../page/homepage/crowdsourcing/crowd.vue"
 import crowddetails from "../page/homepage/crowdsourcing/crowddetails.vue"
+import userhome from "../page/homepage/crowdsourcing/userhome.vue"
 import publishtasks from "../page/homepage/crowdsourcing/publishtasks.vue"
 import train from "../page/homepage/traininstitute/train.vue"
 import ability from "../page/homepage/personability/ability.vue"
@@ -58,6 +59,7 @@ const router = new Router({
         { path: 'market/tooldetails', component: tooldetails },
         { path: 'crowdsourcing', component: crowd, name: 'crowd', },
         { path: 'crowdsourcing/crowddetails', component: crowddetails, },
+        { path: 'crowdsourcing/userhome', component: userhome, },
         { path: 'crowdsourcing/publishtasks', component: publishtasks, },
         { path: 'college', component: train },
         { path: 'ability', component: ability },