更新

src/layout/live/liveList.vue

@@ -36,9 +36,9 @@ export default {
     detaiBtn(item) {
       if (item.status == '1') {
         if (item.type == '0') {
-          this.$router.push({ path: '/live/detail', query: { id: item.id } });
+          this.$router.push({ path: '/live/detail', query: { id: item.id, name: item.name } });
         } else {
-          alert(item.type);
+          this.$router.push({ path: '/live/meetingDetail', query: { id: item.id, name: item.name } });
         }
       } else {
         this.$message({

src/router/index.js

@@ -42,6 +42,12 @@ const routes = [
     meta: { title: '直播详情' },
     component: () => import('../views/live/detail.vue'),
   },
+  {
+    path: '/live/meetingDetail',
+    meta: { title: '会议直播详情' },
+    component: () => import('../views/live/meetingDetail.vue'),
+  },
+
   {
     path: '/room/index',
     meta: { title: '房间管理' },

src/views/live/meetingDetail.vue

@@ -0,0 +1,62 @@
+<template>
+  <div id="detail">
+    <el-row>
+      <el-col :span="24" class="index">
+        <el-col :span="24" class="top">
+          <topInfo :topTitle="pageTitle"></topInfo>
+        </el-col>
+        <el-col :span="24" class="main">
+          会议直播
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import topInfo from '@/layout/public/top.vue';
+import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: room } = createNamespacedHelpers('room');
+export default {
+  name: 'detail',
+  props: {},
+  components: {
+    topInfo,
+  },
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {
+    ...room(['query', 'delete', 'update', 'fetch']),
+  },
+  computed: {
+    ...mapState(['user']),
+    id() {
+      return this.$route.query.id;
+    },
+    name() {
+      return this.$route.query.name;
+    },
+    pageTitle() {
+      return `${this.$route.meta.title}`;
+    },
+    mainTitle() {
+      let meta = this.$route.meta;
+      let main = meta.title || '';
+      let sub = meta.sub || '';
+      return `${main}${sub}`;
+    },
+    keyWord() {
+      let meta = this.$route.meta;
+      let main = meta.title || '';
+      return main;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+};
+</script>
+
+<style lang="less" scoped></style>