|
@@ -8,13 +8,14 @@
|
|
<el-col :span="24" class="leftone">
|
|
<el-col :span="24" class="leftone">
|
|
<span>科技成果展洽会</span>
|
|
<span>科技成果展洽会</span>
|
|
<span>欢迎您</span>
|
|
<span>欢迎您</span>
|
|
|
|
+ <el-link class="link" :underline="false" href="http://free.liaoningdoupo.com/platlive/webLogin">注册|登录</el-link>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="24" class="lefttwo">
|
|
<el-col :span="24" class="lefttwo">
|
|
SCIENTIFIC AND TECHNOLOGICAL ACHIEVEEMENTS EXHIBITION
|
|
SCIENTIFIC AND TECHNOLOGICAL ACHIEVEEMENTS EXHIBITION
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="4" class="right">
|
|
<el-col :span="4" class="right">
|
|
- <el-link :underline="false">帮助中心</el-link>
|
|
|
|
|
|
+ <!-- <el-link :underline="false">帮助中心</el-link> -->
|
|
</el-col>
|
|
</el-col>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
</el-col>
|
|
@@ -97,9 +98,12 @@
|
|
<div class="w_1200">
|
|
<div class="w_1200">
|
|
<el-col :span="24" class="three1">
|
|
<el-col :span="24" class="three1">
|
|
<el-col :span="12" class="left">
|
|
<el-col :span="12" class="left">
|
|
- <video :src="dockInfo.file_path" controls="controls">
|
|
|
|
|
|
+ <video :src="dockInfo.file_path" autoplay controls="controls" v-if="dockInfo.file_path != null || ''">
|
|
您的浏览器不支持 video 标签。
|
|
您的浏览器不支持 video 标签。
|
|
</video>
|
|
</video>
|
|
|
|
+ <div class="videointro" v-else>
|
|
|
|
+ <p>{{ dockInfo.videointro }}</p>
|
|
|
|
+ </div>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="12" class="right">
|
|
<el-col :span="12" class="right">
|
|
<el-tabs v-model="activeName">
|
|
<el-tabs v-model="activeName">
|
|
@@ -343,10 +347,14 @@ export default {
|
|
statNum: {},
|
|
statNum: {},
|
|
// 倒计时
|
|
// 倒计时
|
|
djs: '',
|
|
djs: '',
|
|
|
|
+ // 展会视频设置
|
|
|
|
+ dockvideoInfo: {},
|
|
|
|
+ times: 5,
|
|
};
|
|
};
|
|
},
|
|
},
|
|
async created() {
|
|
async created() {
|
|
await this.searchInfo();
|
|
await this.searchInfo();
|
|
|
|
+ await this.searchVideo();
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
...dock({ dockQuery: 'query', dockFetch: 'fetch', goodsquery: 'goodsquery' }),
|
|
...dock({ dockQuery: 'query', dockFetch: 'fetch', goodsquery: 'goodsquery' }),
|
|
@@ -481,6 +489,25 @@ export default {
|
|
liveCenBtn() {
|
|
liveCenBtn() {
|
|
this.$router.push({ path: '/halltwo/liveCenter', query: { dock_id: this.id } });
|
|
this.$router.push({ path: '/halltwo/liveCenter', query: { dock_id: this.id } });
|
|
},
|
|
},
|
|
|
|
+ // 倒计时视频管理
|
|
|
|
+ searchTimes() {
|
|
|
|
+ this.timer = setInterval(() => {
|
|
|
|
+ this.times--;
|
|
|
|
+ if (this.times === 0) {
|
|
|
|
+ this.searchVideo();
|
|
|
|
+ this.times = 5;
|
|
|
|
+ clearInterval(this.timer);
|
|
|
|
+ }
|
|
|
|
+ }, 1000);
|
|
|
|
+ },
|
|
|
|
+ // 查询视频
|
|
|
|
+ async searchVideo() {
|
|
|
|
+ let res = await this.dockFetch(this.id);
|
|
|
|
+ if (this.$checkRes(res)) {
|
|
|
|
+ // 对接会详情
|
|
|
|
+ this.$set(this, `dockInfo`, res.data);
|
|
|
|
+ }
|
|
|
|
+ },
|
|
},
|
|
},
|
|
computed: {
|
|
computed: {
|
|
...mapState(['user']),
|
|
...mapState(['user']),
|
|
@@ -488,7 +515,16 @@ export default {
|
|
return this.$route.query.id;
|
|
return this.$route.query.id;
|
|
},
|
|
},
|
|
},
|
|
},
|
|
- watch: {},
|
|
|
|
|
|
+ watch: {
|
|
|
|
+ times: {
|
|
|
|
+ handler(val) {
|
|
|
|
+ if (val == 5) {
|
|
|
|
+ this.searchTimes();
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ immediate: true,
|
|
|
|
+ },
|
|
|
|
+ },
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
|
|
|
|
@@ -511,6 +547,12 @@ export default {
|
|
padding: 0 10px;
|
|
padding: 0 10px;
|
|
color: #535353;
|
|
color: #535353;
|
|
}
|
|
}
|
|
|
|
+ .link {
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ position: relative;
|
|
|
|
+ top: -3px;
|
|
|
|
+ color: #409eff;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
.lefttwo {
|
|
.lefttwo {
|
|
font-size: 12px;
|
|
font-size: 12px;
|
|
@@ -648,11 +690,34 @@ export default {
|
|
margin: 0 0 50px 0;
|
|
margin: 0 0 50px 0;
|
|
.left {
|
|
.left {
|
|
height: 440px;
|
|
height: 440px;
|
|
- background: #000;
|
|
|
|
|
|
+ background: url('~@a/dock1.png');
|
|
|
|
+ background-size: 100% 100%;
|
|
|
|
+ background-repeat: no-repeat;
|
|
margin: 0 15px 0 0;
|
|
margin: 0 15px 0 0;
|
|
video {
|
|
video {
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 100%;
|
|
height: 100%;
|
|
|
|
+ background-color: #000;
|
|
|
|
+ }
|
|
|
|
+ .videointro {
|
|
|
|
+ background: url(/img/dock1.bb2d84ec.png);
|
|
|
|
+ text-align: center;
|
|
|
|
+ color: #fff;
|
|
|
|
+ font-size: 30px;
|
|
|
|
+ background-size: 100% 100%;
|
|
|
|
+ background-repeat: no-repeat;
|
|
|
|
+ height: 440px;
|
|
|
|
+ padding: 0 10px;
|
|
|
|
+ p {
|
|
|
|
+ height: 240px;
|
|
|
|
+ padding: 15% 0;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ -webkit-line-clamp: 8;
|
|
|
|
+ word-break: break-all;
|
|
|
|
+ display: -webkit-box;
|
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.right {
|
|
.right {
|