<template>
	<view>
		<view class="card">
			<view class="flex  justify-center padding-left-20">
				<image src="../../static/icon/qiyegl.png" mode=""></image>
				<view class="flex flex-direction">
					<text class="text-bold  " style="padding-bottom: 12rpx;font-size: 36rpx;">{{detail.enterpriseName}}</text>
					<text class="text-df">{{detail.enterpriseTypeName}}</text>
				</view>
			</view>
		</view>
		<view class="desc">
			<view class="flex">
				<image style="width: 35rpx;height: 35rpx;display: block;padding-top: 6rpx;padding-right: 10rpx;" src="../../static/icon/tag1.png" mode=""></image>
				<text class="text-lg text-bold">公司简介</text>
			</view>
			<view class="sub-title bg-blue" >
				{{detail.enterpriseIntroduce}}
			</view>
		</view>
		<view class="bg-white text-black">
			<view class="flex padding-left-30">
				<image style="width: 35rpx;height: 35rpx;display: block;padding-top: 6rpx;padding-right: 10rpx;" src="../../static/icon/tag1.png" mode=""></image>
				<text class="text-lg text-bold">其他信息</text>
			</view>
			<view class="cu-list menu text-df padding-top-20">
				<view class="cu-item">
					<view class="content">
						<u-icon size="34" color="#5064eb" name="account" style="padding-left: 10rpx;padding-right: 12rpx;"></u-icon>
						<text class="text-lg">法定代表人</text>
					</view>
					<view class="action">
						<text>{{detail.representative}}</text>
					</view>
				</view>
				
				<view class="cu-item">
					<view class="content">
						<u-icon size="38" color="#5064eb" name="plus-circle" style="padding-left: 10rpx;padding-right: 12rpx;"></u-icon>
						<text class="text-lg">统一社会信用代码</text>
					</view>
					<view class="action">
						<text>{{detail.creditCode}}</text>
					</view>
				</view>
				
				<view class="cu-item">
					<view class="content">
						<u-icon size="38" color="#5064eb" name="rmb-circle" style="padding-left: 10rpx;padding-right: 12rpx;"></u-icon>
						<text class="text-lg">注册金额</text>
					</view>
					<view class="action">
						<text>{{detail.registeredCapital}}</text>
					</view>
				</view>
				
				<view class="cu-item flex flex-direction" style="align-items: flex-start;padding:20rpx 30rpx;">
					<view class="content" style="flex-basis: 45%;padding-bottom: 10rpx;">
						<u-icon size="36" color="#5064eb" name="map" style="padding-left: 10rpx;padding-right: 12rpx;"></u-icon>
						<text class="text-lg">公司地址</text>
					</view>
					<view class="action" style="padding-left: 60rpx;line-height: 50rpx;">
						<text>{{detail.region}}</text>
					</view>
				</view>
				
				<view class="cu-item flex flex-direction" style="align-items: flex-start;padding:20rpx 30rpx;">
					<view class="content" style="flex-basis: 45%;padding-bottom: 10rpx;">
						<u-icon size="34" color="#5064eb" name="info-circle" style="padding-left: 10rpx;padding-right: 12rpx;"></u-icon>
						<text class="text-lg">注册地址</text>
					</view>
					<view class="action" style="padding-left: 60rpx;line-height: 50rpx;">
						<text>{{detail.registeredAddress}}</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id:'',
				detail:{},
			}
		},
		onLoad(options) {
			this.id=options.id
			this.fetchDeatil()
		},
		methods: {
			fetchDeatil(){
				this.$api.enterprise.detail({id:this.id}).then(res=>{
					this.detail=res.data
				})
			},
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #FFFFFF;
	}
	
	.card{
		padding:50rpx 20rpx;
		background-color: #FFFFFF;
		margin: 10rpx;
		border-radius: 10rpx;
		display: flex;
		box-shadow: 0 10rpx rgba(248, 248, 248,.9) , -10rpx 0rpx rgba(248, 248, 248,.9) ,10rpx 0rpx rgba(248, 248, 248,.9);
		image{
			border: 1rpx solid #f1f1f1;
			width:95rpx;
			height: 95rpx;
			padding-right: 20rpx;
		}
	}
	
	.desc{
		background-color: #FFFFFF;
		padding:40rpx 30rpx;
		.sub-title{
			padding-top: 40rpx;
			font-size: 28rpx;
			line-height: 50rpx;
		}
	}
	
	
	.top{
		padding-bottom: 30rpx;
		display: flex;
		justify-content: space-between;
	}
</style>
