报名时间css
This commit is contained in:
@@ -18,10 +18,10 @@
|
|||||||
<div class="time">
|
<div class="time">
|
||||||
<div class="goin" v-if="item.intoBegintime && item.intoEndtime">
|
<div class="goin" v-if="item.intoBegintime && item.intoEndtime">
|
||||||
<img src="https://cdn.cunwuyun.cn/fengdu/ic-jinchangshijian.png" alt="">
|
<img src="https://cdn.cunwuyun.cn/fengdu/ic-jinchangshijian.png" alt="">
|
||||||
<div class="label">进场时间:</div>
|
<div class="label">{{ item.type == 0 ? '进场时间:' : '报名时间:' }}</div>
|
||||||
<div class="value">{{ item.intoBegintime.substring(0, 16)}} 至 {{ item.intoEndtime.substring(0, 16) }}</div>
|
<div class="value">{{ item.intoBegintime.substring(0, 16)}} 至 {{ item.intoEndtime.substring(0, 16) }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="exit" v-if="item.exitBegintime && item.exitEndtime">
|
<div class="exit" v-if="item.exitBegintime && item.exitEndtime && item.type == 0">
|
||||||
<img src="https://cdn.cunwuyun.cn/fengdu/ic-lichangshijian.png" alt="">
|
<img src="https://cdn.cunwuyun.cn/fengdu/ic-lichangshijian.png" alt="">
|
||||||
<div class="label">离场时间:</div>
|
<div class="label">离场时间:</div>
|
||||||
<div class="value">{{ item.exitBegintime.substring(0, 16) }} 至 {{ item.exitEndtime.substring(0, 16) }}</div>
|
<div class="value">{{ item.exitBegintime.substring(0, 16) }} 至 {{ item.exitEndtime.substring(0, 16) }}</div>
|
||||||
@@ -58,13 +58,16 @@ export default {
|
|||||||
}
|
}
|
||||||
}).then(res=> {
|
}).then(res=> {
|
||||||
if(res?.data) {
|
if(res?.data) {
|
||||||
this.list = this.current > 1 ? [...this.list, ...res.data.records] : res.data.records
|
const arr = res.data.records.map(e => {
|
||||||
this.list = this.list.map(e=> {
|
|
||||||
return {
|
return {
|
||||||
...e,
|
...e,
|
||||||
files: e.files.length > 3? e.files?.substring(0,3) : e.files
|
files: e.files.length > 3 ? e.files.slice(0, 3) : e.files
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
this.$nextTick(()=> {
|
||||||
|
this.list = this.current > 1 ? [...this.list, ...arr] : arr
|
||||||
|
})
|
||||||
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -31,11 +31,11 @@
|
|||||||
<div class="item">
|
<div class="item">
|
||||||
<img src="https://cdn.cunwuyun.cn/fengdu/ic-jinchangshijian.png" alt="">
|
<img src="https://cdn.cunwuyun.cn/fengdu/ic-jinchangshijian.png" alt="">
|
||||||
<div class="item-info" v-if="info.intoBegintime && info.intoEndtime">
|
<div class="item-info" v-if="info.intoBegintime && info.intoEndtime">
|
||||||
<label>进场时间:</label>
|
<label>{{ info.type == 0 ? '进场时间:' : '报名时间:' }}</label>
|
||||||
<div class="value">{{ info.intoBegintime.substring(0, 16) }} 至 {{ info.intoEndtime.substring(0, 16) }}</div>
|
<div class="value">{{ info.intoBegintime.substring(0, 16) }} 至 {{ info.intoEndtime.substring(0, 16) }}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item">
|
<div class="item" v-if="info.type == 0">
|
||||||
<img src="https://cdn.cunwuyun.cn/fengdu/ic-lichangshijian.png" alt="">
|
<img src="https://cdn.cunwuyun.cn/fengdu/ic-lichangshijian.png" alt="">
|
||||||
<div class="item-info" v-if="info.exitBegintime && info.exitEndtime">
|
<div class="item-info" v-if="info.exitBegintime && info.exitEndtime">
|
||||||
<label>离场时间:</label>
|
<label>离场时间:</label>
|
||||||
@@ -49,12 +49,11 @@
|
|||||||
<span v-if="baoming==1">已报名</span>
|
<span v-if="baoming==1">已报名</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="btn-clock" v-if="info.type == 0">
|
<div class="btn-wrapper" v-if="info.type == 0">
|
||||||
<div class="btn-circle" @click="clockIn" hover-class="text-hover" :class="isClock== 0? 'gray': isClock==3? 'gray': isClock== 2? 'opacity':''">
|
<div class="btn" @click="clockIn" hover-class="text-hover" :class="isClock== 0? 'gray': isClock==3? 'gray': isClock== 2? 'opacity':''">
|
||||||
<div class="daka">{{ dkqd }}</div>
|
<div class="daka">{{ dkqd }}</div>
|
||||||
<div class="text" v-if="isClock==1">积分+{{ intoIntegral }}</div>
|
<div class="text" v-if="isClock==1">积分+{{ intoIntegral }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="tips">{{ scope }}</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
Reference in New Issue
Block a user