You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
xuan-pay-cweb/pages/index/equity-activity-review/equity-activity-review.vue

90 lines
2.2 KiB

<template>
<view>
<view class=" mart10 marb20 alijus">
<view class="font16 fcor333 paddtop5 paddbotm5 margle20 marRight40" v-for="(item,index) in reviewStatus"
@click="switchid(item)" :class="[rviewtyid == item.id ? 'fcor089 borbtom fontwig6' : '']" :key="index">
{{item.title}}
</view>
</view>
<view v-if="rviewList == ''" class="mart60 fotct font14 fcor666">
<image mode="widthFix" style="width: 70vw;" src="../../../static/img/noorder.png"></image>
</view>
<view class="mart20 width100">
<view class="width94 backcorfff border-r mart15" v-for="(item,index) in rviewList" :key="index"
@click="jumpRviewSettdetails">
<view class="notes" style="padding-bottom: 0px;">
<view class="width80p">
<view class="font15 fcor333">活动名称名称名称</view>
<!-- {{item.createTime | timeFormat('yyyy-mm-dd hh:mm:ss')}} -->
<view class="font14 fcor999 paddtop5">
提交时间: 2023-12-23 12:12:12
</view>
</view>
</view>
<view class="notes">
<view class="width30 fcor999 font14">提交人</view>
<view class="width30 fcor999 font14">发反反复复</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
reviewStatus: [{
id: 1,
title: '待审核'
},
{
id: 2,
title: '审核通过'
},
{
id: 3,
title: '审核驳回'
},
], //状态
rviewtyid: 1, //状态
rviewList: [1, 2, 3, 4, 5], //审核列表
pageNum: 1,
pagesize: 15,
isLoadMore: false, //是否加载中
}
},
methods: {
//切换id
switchid(item) {
this.rviewtyid = item.id;
this.pageNum = 1;
this.rviewList = [];
},
//跳转审核
jumpRviewSettdetails() {
uni.navigateTo({
url: '/pages/index/equity-activities-details/equity-activities-details'
})
}
}
}
</script>
<style lang="scss">
.borbtom {
border-bottom: 3px solid #089bf5;
}
page {
background-color: #f6f6f6;
}
.notes {
width: calc(100% - 40upx);
display: flex;
align-items: center;
padding: 20upx 0 20upx 20upx;
}
</style>