<template>
	<view>
		<u-swiper :list="swiperList" indicatorMode="line " width="750rpx" height="290rpx" radius="0" circular>
		</u-swiper>
		<view class="feature">
			<text class="one_title">经营范围及特色</text>
			<view class="green_block">
				<text class="green_features">{{features}}</text>
			</view>
		</view>
		<view class="introduce">
			<view class="introduce_title">企业介绍</view>
			<text class="business_introduce">{{business_introduce}}</text>
		</view>
		<view class="show">
			<view class="introduce_title">企业展示</view>
			<u-grid :border="false" col="4">
				<u-grid-item v-for="(listItem,listIndex) in showList" :key="listIndex">
					<u--image :src="listItem.src" width="170rpx" height="170rpx" :lazy-load="true">
					</u--image>
				</u-grid-item>
			</u-grid>
		</view>
		<view class="footer">
			<u-icon name="kefu-ermai" color="#fff" size="30rpx"></u-icon>
			<text>联系客服</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id: '',
				detailList: [],
				features: '活冻鲍鱼,冻煮鲍鱼,鲍鱼罐头 佛跳墙,海螺片',
				business_introduce: '福建省海纳川食品有限公司是一家从事水产养殖，加工与销售为一体的现代化企业，公司主要加工：活冻鲍鱼，溏心皇金鲍，兰花蟹，黄金鲍片，佛跳墙，大盆菜，火锅小章鱼，鲨鱼礼盒等系列产品。公司位于福建省自由贸易试验区马尾片区，离全国大的水产交易市场--马尾名成水产市场不到一公里，这里交通方便，商贾云集，冷链物流通达全国。',
				showList: [{
						src: '/static/report/zhanwei_xf(1).png'
					}, {
						src: '/static/report/zhanwei_xf(1).png'
					}, {
						src: '/static/report/zhanwei_xf(1).png'
					},
					{
						src: '/static/report/zhanwei_xf(1).png'
					},
				],
				swiperList: [
					'/static/detail/cj_bg.png',
					'/static/detail/cj_bg.png'
				]

			}
		},
		onLoad(option) {
			// console.log('认证厂家id', option.id);
			this.id = option.id
			this.getCertifiedCjDetail()
		},
		methods: {
			//获取认证厂家详情
			getCertifiedCjDetail() {
				this.$apiServe.getCertifiedCjDetail(this.id).then(res => {
					console.log('认证厂家详情页', res)

					// this.detailList = res.data.data
				}).finally(_ => {})
			},
		}
	}
</script>

<style lang="scss">
	.feature {
		padding: 20rpx 16rpx;
		background-color: #fff;
		margin-bottom: 30rpx;

		.one_title {
			font-size: 28rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: bold;
			color: #3E3E3E;
			line-height: 40rpx;
		}

		.green_block {
			background-color: #16CA65;
			margin-top: 20rpx;

			height: 139rpx;
			border-radius: 6rpx;

			.green_features {
				font-size: 24rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #FFFFFF;
				line-height: 33rpx;
				margin-left: 20rpx;
				margin-top: 14rpx;
			}
		}
	}

	.introduce {
		padding: 20rpx 16rpx;
		background-color: #fff;
		margin-bottom: 30rpx;

		.introduce_title {
			font-size: 28rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: bold;
			color: #3E3E3E;
			line-height: 40rpx;
			margin-bottom: 10rpx;
		}

		.business_introduce {
			font-size: 24rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #666666;
			line-height: 33rpx;
		}
	}

	.show {
		padding: 20rpx 16rpx;
		background-color: #fff;
		margin-bottom: 78rpx;

		.u-grid {
			padding-top: 22rpx !important;
		}
	}

	.footer {
		height: 100rpx;
		background: #0EBB5B;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-content: center;
		text-align: center;

		.u-icon {
			justify-content: center;
		}

		text {
			font-size: 20rpx;
			font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
			font-weight: bold;
			color: #FFFFFF;
			line-height: 26rpx;
		}
	}
</style>
