feat: maidian page

src/views/index/components/TrackingCharts.vue

@@ -1,5 +1,20 @@
 <template>
   <div class="tracking-charts">
+    <el-row :gutter="20" style="margin-bottom: 20px">
+      <el-col :span="4">
+        <el-card shadow="never">
+          <div style="font-size: 14px; color: #909399">当前上报总数</div>
+          <div style="font-size: 24px; font-weight: bold; color: #303133; margin-top: 5px">{{ list.length }}</div>
+        </el-card>
+      </el-col>
+      <el-col :span="4">
+        <el-card shadow="never">
+          <div style="font-size: 14px; color: #909399">用户数</div>
+          <div style="font-size: 24px; font-weight: bold; color: #303133; margin-top: 5px">{{ userOptions.length }}</div>
+        </el-card>
+      </el-col>
+    </el-row>
+
     <el-card class="filter-card" shadow="never">
       <el-form :inline="true" :model="queryForm" size="small" @submit.native.prevent>
         <el-form-item label="App">
@@ -114,6 +129,7 @@
               </el-table-column>
               <el-table-column label="页面" prop="page" show-overflow-tooltip />
               <el-table-column label="元素ID" prop="elementId" show-overflow-tooltip />
+              <el-table-column label="访问地址" prop="address" show-overflow-tooltip />
               <el-table-column label="元素内容" prop="elementContent" show-overflow-tooltip />
               <el-table-column label="User ID" prop="userId" show-overflow-tooltip>
                 <template slot-scope="{ row }">