|
|
|
@ -4,39 +4,56 @@ |
|
|
|
<div class="policy-title"> |
|
|
|
<span>{{ actDetail.title }}</span> |
|
|
|
</div> |
|
|
|
<div class="policy-info"> |
|
|
|
<div> |
|
|
|
<span> |
|
|
|
<a-icon class="baseColor" style="font-size: 14px; margin-right: 10px" type="clock-circle" /> |
|
|
|
<span>{{ actDetail.releaseTime }} - {{ actDetail.closeTime }}</span> |
|
|
|
</span> |
|
|
|
<span style="margin-left: 60px"> |
|
|
|
<a-icon class="baseColor" style="margin-right: 10px" type="environment" /> |
|
|
|
<span>{{ actDetail.address }}</span> |
|
|
|
</span> |
|
|
|
<!-- && hdDetail.content --> |
|
|
|
<div v-if="hdDetail !== null"> |
|
|
|
<div class="policy-info"> |
|
|
|
<div> |
|
|
|
<span> |
|
|
|
<a-icon |
|
|
|
class="baseColor" |
|
|
|
style="font-size: 14px; margin-right: 10px" |
|
|
|
type="clock-circle" |
|
|
|
/> |
|
|
|
<span> |
|
|
|
{{ hdDetail.releaseTime }} |
|
|
|
<span v-if="hdDetail.closeTime">- {{ hdDetail.closeTime }}</span> |
|
|
|
</span> |
|
|
|
</span> |
|
|
|
<span style="margin-left: 60px"> |
|
|
|
<a-icon class="baseColor" style="margin-right: 10px" type="environment" /> |
|
|
|
<span>{{ hdDetail.address }}</span> |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
<!-- </div> --> |
|
|
|
<!-- <div class="policy-info"> --> |
|
|
|
</div> |
|
|
|
<!-- </div> --> |
|
|
|
<!-- <div class="policy-info"> --> |
|
|
|
</div> |
|
|
|
<div class="policy-content" v-dompurify-html="actDetail.content"></div> |
|
|
|
<div class="policy-other"> |
|
|
|
<div> |
|
|
|
<span style="font-size: 14px"> 会议主题： </span> |
|
|
|
<span>{{ actDetail.theme }}</span> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<span>{{ actDetail.organization }}</span> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<span style="font-size: 14px"> 主讲嘉宾： </span> |
|
|
|
<span>{{ actDetail.name }}</span> |
|
|
|
<div class="policy-content" v-dompurify-html="hdDetail.content"></div> |
|
|
|
<div class="policy-other"> |
|
|
|
<div> |
|
|
|
<span style="font-size: 14px">会议主题：</span> |
|
|
|
<span>{{ hdDetail.theme }}</span> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<span>{{ hdDetail.organization }}</span> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<span style="font-size: 14px">主讲嘉宾：</span> |
|
|
|
<span>{{ hdDetail.name }}</span> |
|
|
|
</div> |
|
|
|
<div v-if="hdDetail.other">其他事宜:{{ hdDetail.other }}</div> |
|
|
|
</div> |
|
|
|
<div v-if="actDetail.other">其他事宜:{{ actDetail.other }}</div> |
|
|
|
<a-button |
|
|
|
disabled |
|
|
|
style="margin: 50px 25px" |
|
|
|
v-if="hdDetail.releaseTime && Date.parse(hdDetail.releaseTime) < Date.parse(nowData)" |
|
|
|
>报名已结束</a-button> |
|
|
|
<enroll |
|
|
|
:act-name="hdDetail.title" |
|
|
|
:activity-id="hdDetail.activityId" |
|
|
|
style="margin: 50px 25px" |
|
|
|
v-else |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<a-button disabled style="margin: 50px 25px" v-if="actDetail.releaseTime && Date.parse(actDetail.releaseTime) < Date.parse(nowData)"> |
|
|
|
报名已结束 |
|
|
|
</a-button> |
|
|
|
<enroll :act-name="actDetail.title" :activity-id="actDetail.activityId" style="margin: 50px 25px" v-else /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
@ -44,14 +61,17 @@ |
|
|
|
<script> |
|
|
|
import { mapState } from 'vuex'; |
|
|
|
import Enroll from './components/Enroll.vue'; |
|
|
|
import { activeDetail } from 'config/api'; |
|
|
|
|
|
|
|
export default { |
|
|
|
name: 'ActDetails', |
|
|
|
components: { Enroll }, |
|
|
|
data() { |
|
|
|
return { nowData: '' }; |
|
|
|
return { nowData: '', hdDetail: null }; |
|
|
|
}, |
|
|
|
computed: mapState('home', ['actDetail']), |
|
|
|
created() { |
|
|
|
async created() { |
|
|
|
await this.getData(); |
|
|
|
// 获取当前时间 |
|
|
|
var aData = new Date(); |
|
|
|
// console.log(aData); //Wed Aug 21 2019 10:00:58 GMT+0800 (中国标准时间) |
|
|
|
@ -69,7 +89,25 @@ export default { |
|
|
|
aData.getSeconds(); |
|
|
|
// console.log(this.nowData); //2019-8-20 |
|
|
|
}, |
|
|
|
methods: {}, |
|
|
|
methods: { |
|
|
|
// 获取活动公告列表 |
|
|
|
async getData() { |
|
|
|
try { |
|
|
|
const params = { |
|
|
|
param: { |
|
|
|
activityId: this.actDetail.activityId, |
|
|
|
}, |
|
|
|
}; |
|
|
|
const res = await activeDetail(params); |
|
|
|
const { data, msg, code } = res.data; |
|
|
|
if (code === 200) { |
|
|
|
this.hdDetail = data; |
|
|
|
} |
|
|
|
} catch (error) { |
|
|
|
// console.log(error); |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|
|
|
|
|
