更新

src/layout/live/liveList.vue

@@ -2,17 +2,12 @@
   <div id="liveList">
     <el-row>
       <el-col :span="24">
-        <el-col
-          :span="8"
-          class="list"
-          v-for="(item, index) in list"
-          :key="index"
-          @click.native="$router.push({ path: '/live/detail', query: { id: item.id, name: item.name } })"
-        >
+        <el-col :span="8" class="list" v-for="(item, index) in list" :key="index" @click.native="detaiBtn(item)">
           <el-image class="image" :src="item.filedir"></el-image>
           <el-col :span="24" class="info">
-            <p class="textOver">
-              <span>[房间号:{{ item.name }}]</span>{{ item.title }}
+            <p>
+              <span class="textOver">[房间号:{{ item.name }}]{{ item.title }}</span>
+              <span>直播类型:{{ item.type == '0' ? '直播' : '会议' }}</span>
             </p>
             <p>
               <span><i class="iconfont iconicon-person"></i>{{ item.username }}</span>
@@ -37,7 +32,22 @@ export default {
     return {};
   },
   created() {},
-  methods: {},
+  methods: {
+    detaiBtn(item) {
+      if (item.status == '1') {
+        if (item.type == '0') {
+          this.$router.push({ path: '/live/detail', query: { id: item.id } });
+        } else {
+          alert(item.type);
+        }
+      } else {
+        this.$message({
+          message: '直播尚未开始',
+          type: 'warning',
+        });
+      }
+    },
+  },
   computed: {
     ...mapState(['user']),
     pageTitle() {
@@ -59,9 +69,17 @@ export default {
   .info {
     padding: 0 10px;
     p {
-      padding: 0 0 10px 0;
       font-size: 14px;
       color: #000;
+      span:first-child {
+        float: left;
+        width: 75%;
+        padding: 0 0 10px 0;
+      }
+      span:last-child {
+        float: right;
+        color: #888;
+      }
     }
     p:last-child {
       color: #888;