|
|
@@ -23,7 +23,26 @@
|
|
|
嘉宾，项目
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="company">
|
|
|
- 主办单位
|
|
|
+ <el-col :span="24" class="name">
|
|
|
+ <p>主办单位</p>
|
|
|
+ <p>{{ dockinfo.sponsor }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="name">
|
|
|
+ <p>承办单位</p>
|
|
|
+ <p>{{ dockinfo.organizer }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="name">
|
|
|
+ <p>技术支持</p>
|
|
|
+ <p>长春市福瑞科技有限公司</p>
|
|
|
+ </el-col>
|
|
|
+ <!-- <el-col :span="24" class="title">主办单位</el-col>
|
|
|
+ <el-col :span="24" class="name">{{ dockinfo.sponsor }}</el-col>
|
|
|
+ <el-col :span="24" class="title2">承办单位</el-col>
|
|
|
+ <el-col :span="24" class="name">{{ dockinfo.organizer }}</el-col>
|
|
|
+ <el-col :span="24" class="title2">技术支持</el-col>
|
|
|
+ <el-col :span="24" class="name">
|
|
|
+ <p>长春市福瑞科技有限公司</p>
|
|
|
+ </el-col> -->
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -45,6 +64,8 @@ export default {
|
|
|
videodock: {},
|
|
|
// 倒计时查询详情
|
|
|
times: 5,
|
|
|
+ //展会详情
|
|
|
+ dockinfo: [],
|
|
|
};
|
|
|
},
|
|
|
async created() {
|
|
|
@@ -56,7 +77,11 @@ export default {
|
|
|
methods: {
|
|
|
...dock({ dockQuery: 'query', dockFetch: 'fetch' }),
|
|
|
// 查询
|
|
|
- search() {},
|
|
|
+ async search() {
|
|
|
+ //展会详情
|
|
|
+ let res = await this.dockFetch(this.dock_id);
|
|
|
+ if (this.$checkRes(res)) this.$set(this, `dockinfo`, res.data);
|
|
|
+ },
|
|
|
//倒计时查询展会视频详情
|
|
|
counttime() {
|
|
|
this.timer = setInterval(() => {
|
|
|
@@ -150,6 +175,45 @@ export default {
|
|
|
}
|
|
|
// 主办方
|
|
|
.company {
|
|
|
+ .name {
|
|
|
+ margin: 0 0 20px 0;
|
|
|
+ p:nth-child(1) {
|
|
|
+ text-align: center;
|
|
|
+ font-size: 25px;
|
|
|
+ color: #409eff;
|
|
|
+ font-weight: bolder;
|
|
|
+ }
|
|
|
+ p:nth-child(2) {
|
|
|
+ color: #409eff;
|
|
|
+ margin-top: 5px;
|
|
|
+ font-weight: 700;
|
|
|
+ font-size: 16px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // .title {
|
|
|
+ // text-align: center;
|
|
|
+ // font-size: 25px;
|
|
|
+ // color: #409eff;
|
|
|
+ // font-weight: bolder;
|
|
|
+ // }
|
|
|
+ // .name {
|
|
|
+ // color: #409eff;
|
|
|
+ // margin-top: 5px;
|
|
|
+ // font-weight: 700;
|
|
|
+ // font-size: 16px;
|
|
|
+ // text-align: center;
|
|
|
+ // p {
|
|
|
+ // line-height: 30px;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // .title2 {
|
|
|
+ // text-align: center;
|
|
|
+ // font-size: 30px;
|
|
|
+ // color: #409eff;
|
|
|
+ // font-weight: bolder;
|
|
|
+ // margin-top: 20px;
|
|
|
+ // }
|
|
|
}
|
|
|
}
|
|
|
</style>
|
