报名时间css

This commit is contained in:
shijingjing
2023-03-30 14:27:34 +08:00
parent 21b71bb0c1
commit 5481602d07
2 changed files with 12 additions and 10 deletions

View File

@@ -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
})
} }
}) })
} }

View File

@@ -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>