<template>

	<view class="content">
		<view class="">


			<view class="content_con" v-for="(item,index) in datalist" :key='index'>
				<view class="content_title">
					<view class="content_title_a" v-if="item.status==1">
						已通过
					</view>

					<view class="content_title_c" v-else-if="item.status==2">
						已拒绝
					</view>
					<view class="content_title_b" v-else-if="item.status==0">
						审核中
					</view>

					<view class="content_title_d">
						{{item.mer_name}}
					</view>
				</view>
                 <view class="" v-if="item.fail_msg" style="margin-top: -50rpx;color: red;">
                 	拒绝原因：{{item.fail_msg}}
                 </view>
				<view class="content_detail">
					<view class="" style="display: flex;">
						<view style="width:150rpx;"> 申请人：</view>
						<span>{{item.name}}</span><text style="margin-left: 20rpx;">{{item.phone}}</text>
					</view>
					<view class="" style="display: flex;">

						<view style="width:150rpx;"> 申请时间：</view>
						<span>{{item.create_time}}</span>
					</view>
				</view>
			</view>
		</view>
		<view class="" style="padding-top: 1px;" v-if='datalist.length==0'>
			<emptyPage title="暂无申请信息"></emptyPage>
		</view>

	</view>
</template>

<script>
	import emptyPage from '@/components/emptyPage.vue';
	import {
		intention
	} from "@/api/product"
	export default {
		components: {
			emptyPage
		},
		data() {
			return {
				datalist: [],
				where: {
					type: 2,
					page: 1,
					limit: 10
				},
			}
		},
		onLoad() {
			this.list()
		},
		methods: {
			list() {
				intention(this.where).then(res => {
					this.datalist = res.data.list
				})
			}
		}
	}
</script>

<style lang="scss">
	.content {
		padding: 12rpx 12rpx;
	}

	.content_con {
		padding: 42rpx 32rpx;
		height: 294rpx;
		background: #FFFFFF;
		border-radius: 21rpx 21rpx;
		margin-top: 20rpx;
	}

	.content_title {
		display: flex;
		margin-bottom: 70rpx;

	}
	.content_title_a {
		width: 89rpx;
		height: 37rpx;
		line-height: 37rpx;
		text-align: center;
		background: #16C295;
		font-size: 23rpx;
		font-family: DingTalk JinBuTi-Regular, DingTalk JinBuTi;
		font-weight: 400;
		color: #FFFFFF;
		border-radius: 15rpx 0 15rpx 0;

	}


	.content_title_b {
		width: 89rpx;
		height: 37rpx;
		line-height: 37rpx;
		text-align: center;
		background: #3274F9;
		font-size: 23rpx;
		font-family: DingTalk JinBuTi-Regular, DingTalk JinBuTi;
		font-weight: 400;
		color: #FFFFFF;
		border-radius: 15rpx 0 15rpx 0;

	}

	.content_title_c {
		width: 89rpx;
		height: 37rpx;
		line-height: 37rpx;
		text-align: center;
		background: #ff0000;
		font-size: 23rpx;
		font-family: DingTalk JinBuTi-Regular, DingTalk JinBuTi;
		font-weight: 400;
		color: #FFFFFF;
		border-radius: 15rpx 0 15rpx 0;

	}

	.content_title_d {
		font-size: 33rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #333333;
		margin-left: 20rpx;
		margin-top: -7rpx;

	}

	.content_detail {

		font-size: 30rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;

		view {
			margin-bottom: 10rpx;
		}
	}


</style>