<template>
	<view v-if="stockBasicInfo" class="businessInfoList">
		<view class="section">工商信息</view>
		<view class="infoC">
			<view class="infoItem flex">
				<view class="title">统一信用代码</view>
				<view class="content code flex1 rightAlign">{{stockBasicInfo.credit_code}}</view>
			</view>
			<view class="infoItem flex">
				<view class="title">公司规模</view>
				<view class="content flex1 rightAlign">{{stockBasicInfo.company_size}}</view>
			</view>
			<view class="infoItem flex">
				<view class="title">注册地址</view>
				<view class="content flex1 rightAlign">{{stockBasicInfo.reg_address}}</view>
			</view>
			<view class="infoItem flex">
				<view class="title">办公地址</view>
				<view class="content flex1 rightAlign">{{stockBasicInfo.office_address}}</view>
			</view>
		</view>
		<view class="section">服务机构</view>
		<view class="infoC">
			<view class="title infoItem">会计师事务所</view>
			<view class="content infoItem">{{stockBasicInfo.accounting_firm}}</view>
			<view class="title infoItem">律师事务所</view>
			<view class="content infoItem">{{stockBasicInfo.law_firm}}</view>
		</view>
		<view class="section">主营业务</view>
		<view class="infoC mainBussiness">
			<text class="title">{{stockBasicInfo.main_business}}</text>
		</view>
		<view class="section">经营范围</view>
		<view class="infoC">
			<text class="title">{{stockBasicInfo.business_scope}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		name:"gsxx-view",
		data() {
			return {
				
			};
		},
		props:{
			stockBasicInfo:Object
		}
	}
</script>

<style lang="less">
.businessInfoList {
	padding: 0 20rpx;

	.section {
		line-height: 72rpx;
		font-size: 28rpx;
		font-weight: bold;
		color: #2B2B2B;
	}

	.infoC {
		background-color: #FAFAFC;
		border-radius: 10rpx;
		padding: 12rpx 20rpx;

		.infoItem {
			line-height: 46rpx;
		}

		.title {
			font-size: 22rpx;
			font-weight: 500;
			color: #999;
		}

		.content {
			font-size: 24rpx;
			font-weight: 500;
			color: #2A2A2A;
		}

		.content.code {
			color: #BB8520;
		}

		.content.rightAlign {
			text-align: right;
		}
	}

	.infoC.mainBussiness {
		padding: 20rpx;
	}
}
</style>