LocalLivingServicesUniapp/components/check-popup.vue

<template>
	<view class="popup flex">
		<view class="center">
			<view class="title flex" v-if="status == 1">
				完善信息
			</view>
			<view class="title flex" v-if="status == 2">
				提 示
			</view>
			<view class="title flex" v-if="status == 4">
				审核不通过
			</view>
			<view class="content flex" v-if="status == 4">
				驳回原因：{{describe}}
			</view>
			<view class="content flex" v-if="status == 2">
				审核中，请等待...
			</view>
			<view class="content flex" v-if="status == 1">
				{{describe}}
			</view>
			
			<view class="btn flex" v-if="status == 1">
				<view class="add flex" @click="goMake">
					去完善
				</view>
			</view>
			<view class=" flex" v-if="status == 2">
			
			</view>
			<view class="btn between" v-if="status == 4">
				<view class="cancel flex" @click="cancel">
					取消
				</view>
				<view class="edit flex" @click="goMake">
					去修改
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	name: 'checkPopup',
	props: {
		status: {
			type: [String, Number],
			default: ''
		},
		describe: {
			type: String,
			default: ''
		},
	},
	data(){
		return{
			show:true
		}
	},
	methods: {
		// 取消
		cancel(){
			this.$emit('cutPopup')
			uni.showTabBar()
		},
		//去设置
		goEdit(){
			uni.navigateTo({
				url:'/pages/login/settled'
			})
		},
		//去填写
		goMake(){
			let loginType = uni.getStorageSync('login_user_info').userState
			console.log(this.$props.referenceId)
			uni.navigateTo({
				url:'/pages/login/settled?loginType='+loginType
			})
		}
	}
}
</script>

<style scoped lang="less">
	.flex {
		display: flex;
		align-items: center;
		justify-content: center;
		
	}

	.popup {
		width: 100vw;
		height: 100vh;
		background: rgba(0, 0, 0, 0.7);

		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999999999 !important;
		.center {
			width: 570rpx;
			height: 410rpx;
			background: #FFFFFF;
			border-radius: 16rpx;
			padding: 0 24rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;

			.title {
				width: 100%;
				height: 86rpx;
				font-weight: 600;
				font-size: 32rpx;
				border-bottom: 1px solid #EEEEEE;
			}

			.center {
				flex: 1;
			}

			.btn {
				width: 100%;
				height: 100rpx;
				border-top: 1px solid #EEEEEE;

				.add {
					width: 522rpx;
					height: 68rpx;
					background: #449AFF;
					border-radius: 66rpx;
					font-size: 28rpx;
					color: #FFFFFF;
				}

				.cancel {
					width: 241rpx;
					height: 68rpx;
					border-radius: 54rpx;
					border: 1px solid #CCCCCC;
					color: #999999;
				}

				.edit {
					width: 241rpx;
					height: 68rpx;
					background: #449AFF;
					border-radius: 66rpx;
					color: #FFFFFF;
				}
			}

			.between {
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
		}
	}
</style>