|
|
@@ -15,7 +15,20 @@
|
|
|
嘉宾，项目
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="company">
|
|
|
- 主办单位
|
|
|
+ <el-col :span="24" class="title">主办单位</el-col>
|
|
|
+ <el-col :span="24" class="name">{{ companyList.sponsor }}</el-col>
|
|
|
+ <el-col :span="24" class="title2">承办单位</el-col>
|
|
|
+ <el-col :span="24" class="name">{{ companyList.organizer }}</el-col>
|
|
|
+ <el-col :span="24" class="title2">协办单位</el-col>
|
|
|
+ <el-col :span="24" class="name">
|
|
|
+ <p>波兰驻华大使馆文化处</p>
|
|
|
+ <p>武汉东湖新技术开发区生产力促进中心</p>
|
|
|
+ <p>武汉光谷创意产业基地建设投资有限公司</p>
|
|
|
+ <p>北京北辰地产集团有限公司武汉城市中心</p>
|
|
|
+ <p>5G云游戏产业联盟</p>
|
|
|
+ <p>武汉数字创意与游戏产业协会</p>
|
|
|
+ <p>武汉动漫协会</p>
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -24,6 +37,7 @@
|
|
|
|
|
|
<script>
|
|
|
import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
+const { mapActions: dock } = createNamespacedHelpers('dock');
|
|
|
export default {
|
|
|
name: 'videoDetail2',
|
|
|
props: {},
|
|
|
@@ -32,6 +46,8 @@ export default {
|
|
|
return {
|
|
|
// 展会id
|
|
|
dock_id: '',
|
|
|
+ //单位列表
|
|
|
+ companyList: [],
|
|
|
};
|
|
|
},
|
|
|
async created() {
|
|
|
@@ -41,8 +57,13 @@ export default {
|
|
|
await this.search();
|
|
|
},
|
|
|
methods: {
|
|
|
+ ...dock({ dockQuery: 'query', dockFetch: 'fetch' }),
|
|
|
// 查询
|
|
|
- search() {},
|
|
|
+ async search() {
|
|
|
+ //展会详情
|
|
|
+ let res = await this.dockFetch(this.dock_id);
|
|
|
+ if (this.$checkRes(res)) this.$set(this, `companyList`, res.data);
|
|
|
+ },
|
|
|
// 返回
|
|
|
back() {
|
|
|
this.$router.push({ path: '/live/index' });
|
|
|
@@ -86,6 +107,29 @@ export default {
|
|
|
}
|
|
|
// 主办方
|
|
|
.company {
|
|
|
+ .title {
|
|
|
+ text-align: center;
|
|
|
+ font-size: 30px;
|
|
|
+ color: #409eff;
|
|
|
+ font-weight: bolder;
|
|
|
+ }
|
|
|
+ .name {
|
|
|
+ color: #409eff;
|
|
|
+ margin-top: 5px;
|
|
|
+ font-weight: 700;
|
|
|
+ font-size: 18px;
|
|
|
+ text-align: center;
|
|
|
+ p {
|
|
|
+ line-height: 30px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .title2 {
|
|
|
+ text-align: center;
|
|
|
+ font-size: 30px;
|
|
|
+ color: #409eff;
|
|
|
+ font-weight: bolder;
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</style>
|
