<template>
	<view class="ywjg_list">
		<view>
			<block v-for="(item,index) in businessStructureList" :key="index"></block>
			<view style="margin: 25rpx 20rpx; color: #2B2B2B; font-size: 28rpx; font-weight: bold;">
				{{item.title}}
			</view>
			<view v-for="(child, row) in item.list" :key="row" class="ywjg_item_1">
				<view style="display: flex; align-items: center;">
					<view style="font-size: 28rpx; font-weight: bold; margin-right: 10rpx;">
						{{child.title}}
					</view>
					<view v-if="child.is_hexin"
						style="background-color: #F2C369; border-radius: 5rpx; font-size: 20rpx; padding: 0 5rpx;">
						核心业务</view>
				</view>
				<view style="display: flex; align-items: center; justify-content: space-between; font-weight: 500;">
					<view style="display: flex; align-items: center; color: #F2C369; font-size: 20rpx;">
						<view style="border: 1rpx solid #F2C369; border-radius: 5rpx; padding: 0 5rpx;">
							营收占比:{{child.yszb}}%</view>
						<view
							style="border: 1rpx solid #F2C369; border-radius: 5rpx; padding: 0 5rpx; margin-left: 10rpx;">
							毛利率:{{child.mlv}}%</view>
					</view>
					<view>
						<view style="color: #999999; font-size: 24rpx;">营业收入</view>
						<view style="font-weight: bold; font-size: 30rpx; color: #BB8520; margin-top: 10rpx;">
							{{child.yysr > 10000 ? child.yysr / 10000 + '亿' : child.yysr + '万'}}元
						</view>
					</view>
				</view>
				<view style="display: flex;">
					<view
						style="color: white; display: flex; align-items: center; justify-content: center; padding: 5rpx 10rpx;font-size: 20rpx; border-radius: 5rpx;"
						:style="{backgroundColor: child.zz > 0 ? '#EC3440' : '#345423'}">增长:
						{{child.zz > 0 ? '+' + child.zz : child.zz}}%
					</view>
				</view>
			</view>
			<view style="font-weight: 500;">
				<view v-for="(item,index) in businessSegmentList" :key="item"
					style="background-color: #FAFAFC; color: #2B2B2B; font-size: 22rpx; margin: 20rpx; background-color: #FAFAFC; border-radius: 10rpx; padding: 25rpx 20rpx;">
					<view style="font-size: 24rpx;">{{item.segment_name}}</view>
					<view style="color: #BB8520; font-weight: bold; margin: 10rpx 0;">业务描述</view>
					<view style="color: #71675D;">{{item.segment_description}}</view>
					<view style="color: #BB8520; font-weight: bold; margin: 10rpx 0;">竞争地位</view>
					<view style="color: #71675D;">{{item.competitive_position}}</view>
					<view style="color: #BB8520; font-weight: bold; margin: 10rpx 0;">未来潜力</view>
					<view style="color: #71675D;">{{item.future_potential}}</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "ywjg-view",
		data() {
			return {
				
			};
			
		},
		props:{
			businessStructureList:Array,	//业务结构分析
			businessSegmentList:Array		//业务板块详情
		}
	}
</script>

<style lang="less">
	.ywjg_list {
		color: #2B2B2B;

		.title {
			font-size: 28rpx;
			font-weight: bold;
		}

		.ywjg_item_1 {
			font-weight: 500;
			margin: 20rpx;
			background-color: #FAFAFC;
			border-radius: 10rpx;
			padding: 25rpx 20rpx;
			box-sizing: border-box;
		}
	}
</style>