<template>
	<view class="container">
		<!-- <view class="title-back">
			<view class="left-father" @click="goBack">
				<image class="back-img" src="https://www.focusnu.com/media/directive/index/left.png" />
				<view style="font-size: 30rpx;">公司详情</view>
			</view>
		</view> -->
		<view class="title-back" :style="{height:`${uni.getStorageSync('moveHeight')+40}px`}">
			<view class="left-father" @click="goBack">
				<image class="back-img" src="https://www.focusnu.com/media/directive/index/left.png" />
				<view style="font-size: 30rpx;">公司详情</view>
			</view>
		</view>
		<view :style="{height:`${uni.getStorageSync('moveHeight') + 30}px`}"></view>
		<view class="card-font">
			{{text.departName}}
		</view>
		<view class="gray-font">
			{{ text.comLegalPerson }} | {{ text.tel }} | {{ text.orgPropertyType }} | {{ text.orgBuildingArea + 'm²' }}
		</view>
		<view class="gray-bgc">
			<!-- <image class="gray-img" src="https://www.focusnu.com/media/directive/index/ditu/bgc.png" />
			<image style="margin-left: 30rpx;height: 30rpx;width: 25rpx;margin-right: 30rpx;z-index: 1;"
				src="https://www.focusnu.com/media/directive/index/ditu/mark.png" /> -->
			<view style="color: #999999;z-index: 1;font-size: 30rpx;width: 100%;">
				{{text.comRegisterAddress}}
			</view>
		</view>


	</view>
</template>

<script setup>
	import {
		reactive,
		ref,
		nextTick
	} from 'vue';
	import {
		onLoad,
		onPullDownRefresh
	} from '@dcloudio/uni-app'

	const goBack = () => {
		uni.navigateBack()
	}
	const text = ref("");
	// 页面加载时接收 URL 参数
	onLoad((options) => {
		text.value = JSON.parse(options.element);
		console.log("???", text.value)
	})
</script>

<style lang="scss" scoped>
	.container {
		width: 100%;

		.title-back {
			background-color: #F7F7F7;
			width: 100%;
			height: 70rpx;
			display: flex;
			justify-content: space-between;
			align-items: flex-end;
			padding-bottom: 20rpx;
			border-bottom: 1rpx solid #cbd1d2;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 9999;
		}

		.left-father {
			display: flex;
			align-items: center;
			z-index: 1;

			.back-img {
				width: 45rpx;
				height: 40rpx;
				margin-left: 40rpx;
				margin-right: 15rpx;
			}
		}
	}

	.card-font {
		margin-left: 40rpx;
		font-size: 30rpx;
		margin-top: 30rpx;
	}

	.gray-font {
		margin-left: 40rpx;
		font-size: 29rpx;
		margin-top: 5rpx;
		margin-bottom: 5rpx;
		color: #B1B1B1;
		width: 100%;
	}

	.gray-bgc {
		margin: 20rpx 40rpx;
		width: 90%;
		height: 75rpx;
		border-radius: 10rpx;
		display: flex;
		align-items: center;
		position: relative;

		.gray-img {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
		}
	}
</style>