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