<template>
	<view class="info-container">
		<view class="info-box">
			<view class="info-row">
				<view class="info-lable">主体名称</view>
				<view class="info-value">{{from.entName}}</view>
			</view>
			<view class="info-row">
				<view class="info-lable">企业类型名称</view>
				<view class="info-value">{{from.enterpriseTypeName}}</view>
			</view>
			<view class="info-row">
				<view class="info-lable">统一社会信用代码</view>
				<view class="info-value">{{from.unSocialCode}}</view>
			</view>
			<view class="info-row">
				<view class="info-lable">许可证编号</view>
				<view class="info-value">{{from.licenseNo}}</view>
			</view>
			<view class="info-row">
				<view class="info-lable">负责人</view>
				<view class="info-value">{{from.legalRepresentative}}</view>
			</view>
			<view class="info-row">
				<view class="info-lable">生产地址</view>
				<view class="info-value">{{from.detailedAddress}}</view>
			</view>
			<view class="info-row">
				<view class="info-lable">创建时间</view>
				<view class="info-value">{{from.crtTime}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		getRedInfo,
		getBlackInfo
	} from '@/api/shianliaoning/bangdan.js'
	export default {
		data() {
			return {
				from: {}
			};
		},
		onLoad(option) {
			uni.setNavigationBarTitle({
				title: option.current == 0 ? '红榜详情' : '黑榜详情',
				success: () => {
					this.getInfo(option.id, option.current)
				}
			})

		},
		methods: {
			getInfo(id, index) {
				if (index == 0) {
					getRedInfo(id).then(res => {
						this.from = res.data.result
					})
				} else {
					getBlackInfo(id).then(res => {
						this.from = res.data.result
					})
				}
			}
		},
	}
</script>

<style lang="scss" scoped>
	.info-container {
		box-sizing: border-box;
		padding: 22rpx;

		.info-box {
			min-height: 500rpx;
			background-color: #fff;
			border-radius: 16rpx;
			box-sizing: border-box;
			padding: 0 25rpx;

			.info-row {
				display: flex;
				align-items: center;
				box-sizing: border-box;
				padding: 25rpx 0;
				border-bottom: 1rpx solid #ECF1F7;

				.info-lable {
					width: 200rpx;
					font-size: 30rpx;
					font-weight: 400;
					color: #34373B;
				}

				.info-value {
					flex: 1;
					font-size: 30rpx;
					font-weight: 400;
					color: #9DA2AB;
				}
			}

			&>.info-row:last-child {
				border: 0;
			}
		}
	}
</style>