feat:maidian

src/views/index/components/TrackingCharts.vue

@@ -115,7 +115,11 @@
               <el-table-column label="页面" prop="page" show-overflow-tooltip />
               <el-table-column label="元素ID" prop="elementId" show-overflow-tooltip />
               <el-table-column label="元素内容" prop="elementContent" show-overflow-tooltip />
-              <el-table-column label="User ID" prop="userId" show-overflow-tooltip />
+              <el-table-column label="User ID" prop="userId" show-overflow-tooltip>
+                <template slot-scope="{ row }">
+                  <el-link type="primary" :underline="false" @click="goToUser(row.userId)">{{ row.userId }}</el-link>
+                </template>
+              </el-table-column>
             </el-table>
             <el-pagination
               background
@@ -303,6 +307,13 @@
         this.filterText = ''
         this.currentPage = 1
       },
+      goToUser(userId) {
+        if (!userId) return
+        this.$router.push({
+          path: '/spring/user/user',
+          query: { userId },
+        })
+      },
       handleEventNameClick(params) {
         const name = params.name
         // name 可能是中文映射名，需要反向查找 key，或者在 processData 时把 key 存入

src/views/spring/user/user/index.vue

@@ -110,6 +110,9 @@
       }
     },
     created() {
+      if (this.$route.query.userId) {
+        this.queryForm.userId = this.$route.query.userId
+      }
       this.fetchData()
     },