update

package.json

@@ -17,6 +17,7 @@
     "@amap/amap-jsapi-loader": "^1.0.1",
     "axios": "0.18.1",
     "core-js": "3.6.5",
+    "echarts": "^5.3.0",
     "element-ui": "2.13.2",
     "normalize.css": "7.0.0",
     "nprogress": "0.2.0",

src/layout/components/Navbar.vue

@@ -19,9 +19,9 @@
           <router-link to="/">
             <el-dropdown-item> 首页</el-dropdown-item>
           </router-link>
-          <el-button type="text">
+          <router-link to="/">
             <el-dropdown-item>修改登录密码</el-dropdown-item>
-          </el-button>
+          </router-link>
           <el-dropdown-item divided @click.native="logout">
             <span style="display: block">注销登录</span>
           </el-dropdown-item>

src/router/index.js

@@ -45,7 +45,7 @@ export const asyncRoutes = [
         meta: { title: '客流数据采集', authorities: ['bz.passenger.equipment.find'] }
       },
       {
-        path: 'equipment/detail',
+        path: 'equipment/detail/:id',
         name: 'PassengerEquipmentDetail',
         hidden: true,
         component: () => import('@/views/passenger/equipment/Detail'),

src/views/passenger/equipment/Detail.vue

@@ -0,0 +1,42 @@
+<template>
+  <div class="app-container">
+    <el-card>
+      <div slot="header">实时概况</div>
+    </el-card>
+    <div style="height: 16px"></div>
+    <el-row :gutter="16">
+      <el-col :span="8">
+        <el-card>
+          <div slot="header">性别</div>
+        </el-card>
+      </el-col>
+      <el-col :span="8">
+        <el-card>
+          <div slot="header">来源</div>
+        </el-card>
+      </el-col>
+      <el-col :span="8">
+        <el-card>
+          来源详情实时概况
+        </el-card>
+      </el-col>
+    </el-row>
+
+  </div>
+</template>
+<script>
+export default {
+  components: {},
+  data() {
+    return {}
+  },
+  computed: {},
+  mounted() {
+    const id = this.$route.params.id
+    console.log(id)
+  },
+  created() {
+  },
+  methods: {}
+}
+</script>

src/views/passenger/equipment/index.vue

@@ -60,9 +60,9 @@
         </el-row>
       </div>
       <div class="clearfix action-btns">
-        <el-button v-permission="['bz.passenger.equipment.edit']" type="text" href="javascript:;" @click="$refs.dialogForm.open(item)">编辑</el-button>
-        <el-button v-permission="['bz.passenger.equipment.delete']" type="text" href="javascript:;" @click="deleteByIds([item.id])">删除</el-button>
-        <el-button type="text" href="javascript:;">详情</el-button>
+        <el-button v-permission="['bz.passenger.equipment.edit']" type="text" @click="$refs.dialogForm.open(item)">编辑</el-button>
+        <el-button v-permission="['bz.passenger.equipment.delete']" type="text" @click="deleteByIds([item.id])">删除</el-button>
+        <el-button type="text" @click="goToDetail(item.id)">详情</el-button>
       </div>
     </el-card>
     <div style="clear: both"/>
@@ -111,6 +111,9 @@ export default {
   },
   methods: {
     dateTimeFormatter,
+    goToDetail(id) {
+      this.$router.push(`/passenger/equipment/detail/${id}`)
+    },
     onDataTypeChange() {
       this.queryForm.bzId = ''
     },