嵌套一层
This commit is contained in:
shijingjing
@@ -1,58 +1,60 @@
|
||||
<template>
|
||||
<div class="taskDetail" v-if="showPages">
|
||||
<div class="task">
|
||||
<h4>{{ info.title }}</h4>
|
||||
<p>{{ info.detail }}</p>
|
||||
<div class="imgs" v-if="info.files">
|
||||
<image :src="item.url" v-for="(item, index) in info.files" :key="index" mode="aspectFill" @click="preview(item.url)" />
|
||||
<div class="page">
|
||||
<div class="taskDetail" v-if="showPages">
|
||||
<div class="task">
|
||||
<h4>{{ info.title }}</h4>
|
||||
<p>{{ info.detail }}</p>
|
||||
<div class="imgs" v-if="info.files">
|
||||
<image :src="item.url" v-for="(item, index) in info.files" :key="index" mode="aspectFill" @click="preview(item.url)" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="info">
|
||||
<div class="title">基础信息</div>
|
||||
<div class="items">
|
||||
<img src="https://cdn.cunwuyun.cn/fengdu/ic-dizhi.png" alt="">
|
||||
<div class="items-info">
|
||||
<label>活动地点：</label>
|
||||
<div class="value">{{ info.address }}</div>
|
||||
<div class="info">
|
||||
<div class="title">基础信息</div>
|
||||
<div class="items">
|
||||
<img src="https://cdn.cunwuyun.cn/fengdu/ic-dizhi.png" alt="">
|
||||
<div class="items-info">
|
||||
<label>活动地点：</label>
|
||||
<div class="value">{{ info.address }}</div>
|
||||
</div>
|
||||
<div class="address" @click="toAddress">
|
||||
<img src="https://cdn.cunwuyun.cn/fengdu/ic-daohang.png" alt="">
|
||||
<i>导航</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="address" @click="toAddress">
|
||||
<img src="https://cdn.cunwuyun.cn/fengdu/ic-daohang.png" alt="">
|
||||
<i>导航</i>
|
||||
<div class="item">
|
||||
<img src="https://cdn.cunwuyun.cn/fengdu/ic-renwuleixing.png" alt="">
|
||||
<div class="item-info">
|
||||
<label>任务类型：</label>
|
||||
<div class="value">{{ $dict.getLabel('fdIntegralTaskType', info.type) }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="https://cdn.cunwuyun.cn/fengdu/ic-jinchangshijian.png" alt="">
|
||||
<div class="item-info" v-if="info.intoBegintime && info.intoEndtime">
|
||||
<label>{{ info.type == 0 ? '进场时间：' : '报名时间：' }}</label>
|
||||
<div class="value">{{ info.intoBegintime.substring(0, 16) }} 至 {{ info.intoEndtime.substring(0, 16) }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item" v-if="info.type == 0">
|
||||
<img src="https://cdn.cunwuyun.cn/fengdu/ic-lichangshijian.png" alt="">
|
||||
<div class="item-info" v-if="info.exitBegintime && info.exitEndtime">
|
||||
<label>离场时间：</label>
|
||||
<div class="value">{{ info.exitBegintime.substring(0, 16) }} 至 {{ info.exitEndtime.substring(0, 16) }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="https://cdn.cunwuyun.cn/fengdu/ic-renwuleixing.png" alt="">
|
||||
<div class="item-info">
|
||||
<label>任务类型：</label>
|
||||
<div class="value">{{ $dict.getLabel('fdIntegralTaskType', info.type) }}</div>
|
||||
<div class="btn-wrapper" v-if="info.type == 1">
|
||||
<div class="btn" @click="signUp" hover-class="text-hover" :class="baoming == 1 ? 'opacity' : baoming == 0 ? 'gray' : ''">
|
||||
<span v-if="baoming == 2 || baoming == 0">报名得积分<span v-if="baoming == 2">/积分+{{ info.enrollIntegral }}</span></span>
|
||||
<span v-if="baoming == 1">已报名</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="https://cdn.cunwuyun.cn/fengdu/ic-jinchangshijian.png" alt="">
|
||||
<div class="item-info" v-if="info.intoBegintime && info.intoEndtime">
|
||||
<label>{{ info.type == 0 ? '进场时间：' : '报名时间：' }}</label>
|
||||
<div class="value">{{ info.intoBegintime.substring(0, 16) }} 至 {{ info.intoEndtime.substring(0, 16) }}</div>
|
||||
<div class="btn-wrapper" v-if="info.type == 0">
|
||||
<div class="btn" @click="clockIn" hover-class="text-hover" :class="isClock == 0 ? 'gray' : isClock == 3 ? 'gray' : isClock == 2 ? 'opacity' : isClock == 4 ? 'opacity' : ''">
|
||||
<div class="daka">{{ dkqd }}<span v-if="isClock == 1">/积分+{{ intoIntegral }}</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item" v-if="info.type == 0">
|
||||
<img src="https://cdn.cunwuyun.cn/fengdu/ic-lichangshijian.png" alt="">
|
||||
<div class="item-info" v-if="info.exitBegintime && info.exitEndtime">
|
||||
<label>离场时间：</label>
|
||||
<div class="value">{{ info.exitBegintime.substring(0, 16) }} 至 {{ info.exitEndtime.substring(0, 16) }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-wrapper" v-if="info.type==1">
|
||||
<div class="btn" @click="signUp" hover-class="text-hover" :class="baoming==1? 'opacity': baoming == 0? 'gray':''">
|
||||
<span v-if="baoming==2 || baoming == 0">报名得积分<span v-if="baoming==2">/积分+{{ info.enrollIntegral }}</span></span>
|
||||
<span v-if="baoming==1">已报名</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-wrapper" v-if="info.type == 0">
|
||||
<div class="btn" @click="clockIn" hover-class="text-hover" :class="isClock== 0? 'gray': isClock==3? 'gray': isClock== 2? 'opacity': isClock == 4? 'opacity':''">
|
||||
<div class="daka">{{ dkqd }}<span v-if="isClock==1">/积分+{{ intoIntegral }}</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<AiLogin ref="login" @success="getAuth()"/>
|
||||
</div>
|
||||
@@ -343,10 +345,9 @@ export default {
|
||||
this.token && this.getUserInfo('qujing')
|
||||
})
|
||||
}
|
||||
|
||||
},
|
||||
onLoad(o) {
|
||||
this.id = o.id
|
||||
this.id = o?.id
|
||||
if (decodeURIComponent(o.scene) != 'undefined') {
|
||||
this.id = decodeURIComponent(o.scene)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user