|
|
@@ -3,9 +3,20 @@
|
|
|
<el-row>
|
|
|
<el-col :span="24" class="info">
|
|
|
<el-col :span="24" class="video">
|
|
|
- <video :src="file_path" controls="controls" style="height: 200px; width: 100%;">
|
|
|
+ <!-- <video :src="file_path" controls="controls" style="height: 200px; width: 100%;">
|
|
|
您的浏览器不支持 video 标签。
|
|
|
- </video>
|
|
|
+ </video> -->
|
|
|
+ <el-col :span="24" class="leftvideo">
|
|
|
+ <el-col :span="24" class="video">
|
|
|
+ <video :src="dockInfo.file_path" autoplay="" controls="controls" v-if="dockInfo.file_path != null || ''">
|
|
|
+ 您的浏览器不支持 video 标签。
|
|
|
+ </video>
|
|
|
+ <div class="videointro" v-else>
|
|
|
+ <p>{{ dockInfo.videointro }}</p>
|
|
|
+ <!-- <p>{{ dockInfo.videointroinfo }}</p> -->
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="chat">
|
|
|
<chat></chat>
|
|
|
@@ -67,7 +78,7 @@ export default {
|
|
|
data: function() {
|
|
|
return {
|
|
|
input: '',
|
|
|
- file_path: '',
|
|
|
+ dockInfo: [],
|
|
|
activeName: 'first',
|
|
|
//科技需求
|
|
|
twoList: [],
|
|
|
@@ -87,7 +98,7 @@ export default {
|
|
|
async seachInfo({ skip = 0, limit = 5, ...info } = {}) {
|
|
|
let res = await this.palcefetch(this.id);
|
|
|
if (this.$checkRes(res)) {
|
|
|
- this.$set(this, `file_path`, res.data.file_path);
|
|
|
+ this.$set(this, `dockInfo`, res.data);
|
|
|
}
|
|
|
let czxm = res.data.apply.map(item => item.goodsList);
|
|
|
czxm = _.flattenDeep(czxm);
|
|
|
@@ -130,6 +141,44 @@ export default {
|
|
|
padding: 10px;
|
|
|
margin: 0 0 10px 0;
|
|
|
height: 225px;
|
|
|
+ .leftvideo {
|
|
|
+ .video {
|
|
|
+ padding: 5px 10px 10px 10px;
|
|
|
+ height: 390px;
|
|
|
+ overflow: hidden;
|
|
|
+ video {
|
|
|
+ width: 100%;
|
|
|
+ height: 360px;
|
|
|
+ background: #000;
|
|
|
+ padding: 0px 0 15px 0px;
|
|
|
+ }
|
|
|
+ .videointro {
|
|
|
+ background: url('~@/assets/directBack.png');
|
|
|
+ background-size: 100% 100%;
|
|
|
+ color: #fff;
|
|
|
+ padding: 0 15px;
|
|
|
+ height: 370px;
|
|
|
+ p:first-child {
|
|
|
+ text-align: center;
|
|
|
+ font-size: 30px;
|
|
|
+ padding: 25% 0;
|
|
|
+ }
|
|
|
+ p:last-child {
|
|
|
+ padding: 0;
|
|
|
+ padding-top: 30px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 30px;
|
|
|
+ line-height: 35px;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ -webkit-line-clamp: 7;
|
|
|
+ word-break: break-all;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
.chat {
|
|
|
background: #fff;
|
