|
|
@@ -6,7 +6,12 @@
|
|
|
<el-col :span="24" class="one">
|
|
|
<el-row :span="24" class="list">
|
|
|
<el-col :span="4" class="left">
|
|
|
- <el-image v-if="info.file && info.file.length > 0" class="image" :src="info.file[0].url" fit="fill" />
|
|
|
+ <el-image
|
|
|
+ v-if="info.file && info.file.length > 0"
|
|
|
+ class="image"
|
|
|
+ :src="info.file[0].url"
|
|
|
+ fit="fill"
|
|
|
+ />
|
|
|
<el-image v-else class="image" :src="news" fit="fill" />
|
|
|
</el-col>
|
|
|
<el-col :span="18" class="right">
|
|
|
@@ -17,10 +22,16 @@
|
|
|
<span class="type">{{ getDict(info.form, 'form') }}</span>
|
|
|
<span class="title">{{ info.name || '暂无比赛名称' }}</span>
|
|
|
</el-col>
|
|
|
- <el-col :span="24" class="right_2"> 组织单位：{{ info.organization || '暂无组织单位' }} </el-col>
|
|
|
- <el-col :span="24" class="right_2"> 行业：{{ getDict(info.industry, 'industry') }} </el-col>
|
|
|
+ <el-col :span="24" class="right_2">
|
|
|
+ 组织单位：{{ info.organization || '暂无组织单位' }}
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="right_2">
|
|
|
+ 行业：{{ getDict(info.industry, 'industry') }}
|
|
|
+ </el-col>
|
|
|
<el-col :span="24" class="right_3">
|
|
|
- <el-col :span="20" class="right_3Left"> 比赛日期：{{ getTime(info.time) }} </el-col>
|
|
|
+ <el-col :span="20" class="right_3Left">
|
|
|
+ 比赛日期：{{ getTime(info.time) }}
|
|
|
+ </el-col>
|
|
|
<el-col :span="4" class="right_3Right">
|
|
|
{{ info.money || '免费' }}
|
|
|
</el-col>
|
|
|
@@ -55,7 +66,11 @@
|
|
|
<el-container style="height: 500px">
|
|
|
<el-aside width="200px">
|
|
|
<el-menu default-active="rules1" class="el-menu" @select="selectOpen">
|
|
|
- <el-menu-item :index="item.label" v-for="(item, index) in menuList" :key="index">
|
|
|
+ <el-menu-item
|
|
|
+ :index="item.label"
|
|
|
+ v-for="(item, index) in menuList"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
<el-icon><Opportunity /></el-icon>
|
|
|
<span>{{ item.title }}</span>
|
|
|
</el-menu-item>
|
|
|
@@ -76,12 +91,23 @@
|
|
|
<el-col :span="24" class="thr">
|
|
|
<el-col :span="24" class="thr_1"> 相关推荐 </el-col>
|
|
|
<el-col :span="24" class="thr_2">
|
|
|
- <el-col :span="11" class="list" v-for="(item, index) in list" :key="index" @click="toView(item)">
|
|
|
+ <el-col
|
|
|
+ :span="11"
|
|
|
+ class="list"
|
|
|
+ v-for="(item, index) in list"
|
|
|
+ :key="index"
|
|
|
+ @click="toView(item)"
|
|
|
+ >
|
|
|
<div class="join" :class="[item.match_status == '0' ? 'join0' : 'join1']">
|
|
|
{{ getDict(item.match_status, 'status') }}
|
|
|
</div>
|
|
|
<el-col :span="6" class="left">
|
|
|
- <el-image v-if="item.file && item.file.length > 0" class="image" :src="item.file[0].url" fit="fill" />
|
|
|
+ <el-image
|
|
|
+ v-if="item.file && item.file.length > 0"
|
|
|
+ class="image"
|
|
|
+ :src="item.file[0].url"
|
|
|
+ fit="fill"
|
|
|
+ />
|
|
|
<el-image v-else class="image" :src="news" fit="fill" />
|
|
|
</el-col>
|
|
|
<el-col :span="18" class="right">
|
|
|
@@ -89,9 +115,13 @@
|
|
|
<span class="type">{{ getDict(item.form, 'form') }}</span>
|
|
|
<span class="title">{{ item.name || '暂无比赛名称' }}</span>
|
|
|
</el-col>
|
|
|
- <el-col :span="24" class="right_2"> 组织单位：{{ item.organization || '暂无组织单位' }} </el-col>
|
|
|
+ <el-col :span="24" class="right_2">
|
|
|
+ 组织单位：{{ item.organization || '暂无组织单位' }}
|
|
|
+ </el-col>
|
|
|
<el-col :span="24" class="right_3">
|
|
|
- <el-col :span="16" class="right_3Left"> 比赛日期：{{ getTime(item.time) }} </el-col>
|
|
|
+ <el-col :span="16" class="right_3Left">
|
|
|
+ 比赛日期：{{ getTime(item.time) }}
|
|
|
+ </el-col>
|
|
|
<el-col :span="8" class="right_3Right">
|
|
|
{{ item.money || '免费' }}
|
|
|
</el-col>
|
|
|
@@ -520,6 +550,7 @@ provide('submitForm', submitForm)
|
|
|
}
|
|
|
.thr_2 {
|
|
|
display: flex;
|
|
|
+ justify-content: center;
|
|
|
flex-wrap: wrap;
|
|
|
margin: 10px 0 0 0;
|
|
|
.list {
|
