1

src/views/technical/detail/roadetail.vue

@@ -11,6 +11,11 @@
         <div class="detailimage" v-if="detailinfo.picture">
           <img :src="detailinfo.picture" class="detailimg" />
         </div>
+        <div class="detailVideo">
+          <video :src="detailinfo.filepath" controls="controls">
+            您的浏览器不支持 video 标签。
+          </video>
+        </div>
         <div class="detailcontext">
           <p v-html="detailinfo.content"></p>
         </div>
@@ -53,6 +58,7 @@ export default {
     text-align: center;
     color: #005293;
   }
+
   .detailtopleft {
     text-align: center;
     padding: 0 0 10px 0;
@@ -60,35 +66,32 @@ export default {
     font-size: 16px;
     color: #666666;
   }
+
   .detailimage {
     text-align: center;
     padding: 20px 0 0 0;
   }
+  .detailVideo {
+    float: left;
+    width: 100%;
+    text-align: center;
+    height: 400px;
+    overflow: hidden;
+    margin: 20px 0;
+  }
+  .detailVideo video {
+    height: 400px;
+    width: 50%;
+    border: 1px dashed #ccc;
+  }
+
   .detailimg {
     width: 500px;
     height: 300px;
   }
+
   .detailcontext {
     padding: 20px 0;
-    min-height: 370px;
-  }
-  .development {
-    height: 50px;
-    border: 1px dashed red;
-    padding: 0 30px;
-    p:first-child {
-      text-align: center;
-      font-size: 18px;
-      color: red;
-      font-weight: bold;
-    }
-    p:last-child {
-      text-align: center;
-      height: 25px;
-      line-height: 25px;
-      font-size: 16px;
-      font-weight: bold;
-    }
   }
 }
 </style>

src/views/technical/list.vue

@@ -214,8 +214,7 @@ export default {
       } else if (columnName == '嘉宾访谈') {
         let res = await this.danceFetch(id);
         if (this.$checkRes(res)) {
-          console.log(res.data);
-          // this.$set(this, `guidetail`, res.data);
+          this.$set(this, `guidetail`, res.data);
         }
       } else if (columnName == '项目路演') {
         let res = await this.adshowFetch(id);