<template>
	<view class="main-card" v-if="baseData">
		<div class="base-body">
			<p>
				<i class="ico ico-user"></i>
				<span class="item-title">申请人：</span>
				<span>{{baseData.STAFF_NAME}}</span>
			</p>
			<p>
				<i class="ico ico-lxfs"></i>
				<span class="item-title">手机号：</span>
				<span>{{baseData.USER_MOBILEPHONE}}</span>
			</p>
		</div>
		<div class="detail-other " >
			<p class="item-title">
				<i class="ico ico-qtyq"></i>
				<span>申请说明：</span>
			</p>
			<div class="detail-cont">{{baseData.PERMISSIONAPPLY_REASON?baseData.PERMISSIONAPPLY_REASON:''}}</div>
		</div>

<!-- 		<view class="row">
			<view class="title">
				<view class="tag" style="background-color: #647BD1;">服务区</view>
			</view>
			<view class="desc">
				<view>{{data.SERVERPART_NAME ||'-'}}</view>
			</view>
		</view>
		<view class="row">
			<view class="title">
				<view class="tag" style="background-color: #647BD1;">门店</view>
			</view>
			<view class="desc">
				<view>{{data.APPLYSHOP_NAME||'-'}}</view>
			</view>
		</view>
		<view class="row">
			<view class="title">
				申请说明
			</view>
			<view class="desc">
				<view>{{data.PERMISSIONAPPLY_REASON||'-'}}</view>
			</view>
		</view> -->

	</view>
</template>

<script>
	export default {
		props: ['baseData'],
		data (){
			return {

			}
		},
	}
</script>

<style>
	@import url("/common/css/tenderingDetail.css");
	.main-card {
		padding: 0;
	}
	.base-body {
		padding: 24rpx;
		border-bottom: 1px dashed #F1F1F1;
	}
	.detail-other {
		padding: 24rpx;
	}
	.detail-cont {
		min-height: 50rpx;
		line-height: 2;
	}

</style>
