lvdao-miniapp/pages/record/record.vue

<template>
	<view class="page">
		<view class="screen-list">
			<view class="list">
				<u-input  type="select" @click="typeShow = true":placeholder="pageindex.auditStatus == '1'?'待审核':pageindex.auditStatus == '2'?'待签约':pageindex.auditStatus == '3'?'已驳回':'状态筛选'"  />
			</view>
		</view>
		<!-- 记录列表 -->
		<view class="record-list">
			<view class="record-list-box" v-for="(item,index) in recordList" :key="index" @click="recordXq(item)">
				<view class="list">
					<view class="title">
						<view class="left">{{item.cereBasicInformationShop&&item.cereBasicInformationShop.shopName?item.cereBasicInformationShop.shopName:item.cereBasicInformationVenue&&item.cereBasicInformationVenue.venueName?item.cereBasicInformationVenue.venueName:item.cereAdvertisingInformation&&item.cereAdvertisingInformation.advertisingName?item.cereAdvertisingInformation.advertisingName:''}}</view>
						<view class="right"><u-icon name="arrow-rightward"></u-icon></view>
					</view>
					<view class="info-item">申请时间：{{item.applicationTime}}</view>
					<view class="info-item">状态：<span style="color: #0FBB59;">{{item.auditStatus =='1'?'待审核':item.auditStatus =='2'?'待签约':item.auditStatus =='3'?'已驳回':item.auditStatus =='4'?'已签约':'已终止'}}</span></view>
				</view>
			</view>
		</view>
		<view v-if="recordList.length == 0" style="text-align: center;margin-top: 60rpx;color:#808080;">暂无数据</view>
		<u-select v-model="typeShow" :list="activesType" @confirm="typeChange"></u-select>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				recordList:'',
				pageindex: {
					auditStatus:1,
					pageNumber: 0,
					pageSize: 10
				},
				activesType: [
					{
					value: 1,
					label: '待审核'
				},{
					value:2,
					label: '待签约'
				},
				{
					value: 3,
					label: '已驳回'
				}
				],
				typeShow:false,
			};
		},
		mounted(){
			this.getALL()
		},
		methods: {
			getALL(){
				this.pageindex.applicant =uni.getStorageSync('user').phone
				this.$http.sendRequest('/cereBusinessInfo/queryByPage', 'POST', this.pageindex,1).then(res => {
					//成功回调
					 this.recordList = res.data.data.records
					this.$http.sendRequest('/cereAdvertiserInfo/queryByPage', 'POST', this.pageindex, 1).then(item => {
						
					 if(item.data.data.records !=undefined &&item.data.data.records.length !=0){
						 item.data.data.records.map(val=>{
							  this.recordList.push(val)
						 })
					 } 
					
					 
					})
				})
				return
				this.pageindex.applicant =uni.getStorageSync('user').phone
				this.$http.sendRequest('/cereBusinessInfo/queryByPage', 'POST', this.pageindex,1).then(res => {
					//成功回调
					
					this.$http.sendRequest('/cereAdvertiserInfo/queryByPage', 'POST', this.pageindex, 1).then(item => {
					
					this.recordList =  [...res.data.data.content,...item.data.data.content]
					
					})
				})
			
			},
			recordXq(item){
				 const encodedItem = encodeURIComponent(JSON.stringify(item));
				uni.navigateTo({
				 url: `/pages/accepting/accepting?item=${encodedItem}`,
				 })
			},
			typeChange(e) {
				this.pageindex.start = e[0].labels
				this.pageindex.auditStatus = e[0].value
					this.getALL()
			},
		}
	}
</script>
<style scoped lang="scss">
	@import 'record.scss';
</style>