<template>
	<view class="container">
		<u-cell-group>
			<u-cell title="商户名称" :value="company.name"></u-cell>
			<u-cell title="商户性质" :value="company.property_name"></u-cell>
			<u-cell title="营业状态" :value="company.operate_status_name"></u-cell>
			<!-- <u-cell title="法人代码" :value="company.xinyong_code"></u-cell>
			<u-cell title="法人代表" :value="company.corporation_name"></u-cell> -->
			<u-cell title="商户地址" :value="company.address"></u-cell>
			<u-cell title="灶头数" :value="company.stove_num"></u-cell>
			<u-cell title="排口数" :value="company.outlet_num"></u-cell>
			<u-cell title="类型" :value="company.type_name"></u-cell>
			<u-cell title="规模" :value="company.catering_scale_name"></u-cell>
			<u-cell title="菜系" :value="company.catering_style_name"></u-cell>
			<u-cell title="区域" :value="company.org_name"></u-cell>
			<u-cell title="经度" :value="company.longitude"></u-cell>
			<u-cell title="纬度" :value="company.latitude"></u-cell>
			<u-cell title="人数" :value="company.people"></u-cell>
			<u-cell title="面积" :value="company.acreage"></u-cell>
		</u-cell-group>
		<u-gap height="10" bgColor="rgb(41, 121, 255)"></u-gap>
		<u-cell-group><u-cell v-for="(item, index) in monitors" :title="item.name" :label="item.volume + ' m3/h'" :value="item.online_name"></u-cell></u-cell-group>
	</view>
</template>
<script>
import api from "@/common/api.js";
export default {
	data() {
		return {
			company: {},
			monitors: [],
		};
	},
	props: {
		companyId: {
			type: String,
			required: true,
		},
	},
	mounted() {
		this.getInfo();
	},
	methods: {
		getInfo() {
			api.getRecord(`10_${this.companyId}`).then(({ data }) => {
				this.company = data.company;
				this.monitors = data.monitors;
				console.log(data);
			});
		},
	},
};
</script>

<style lang="scss">
.container {
	padding: 20px;
	font-size: 14px;
	line-height: 24px;
}
/deep/ .u-cell {
	&__title {
		font-weight: 600;
	}
	&__value {
		color: $uni-color-primary;
	}
}
</style>
