Applet/pages/shop/info.vue

<template>
	<view class="container">
		<uni-section :title="shop.district" type="line">
			<uni-card padding="0" spacing="0">
				<uni-list>
					<uni-list-item :title="building"></uni-list-item>
					<uni-list-item :title="floor"></uni-list-item>
					<uni-list-item :title="number"></uni-list-item>
					<uni-list-item :title="area"></uni-list-item>
					<uni-list-item :title="status"></uni-list-item>
					<uni-list-item :title="name"></uni-list-item>
					<uni-list-item :title="businessModel"></uni-list-item>
					<uni-list-item :title="category"></uni-list-item>
					<uni-list-item :title="contact"></uni-list-item>
					<uni-list-item :title="phone"></uni-list-item>
				</uni-list>
			</uni-card>
		</uni-section>
	</view>
</template>

<script>
	import request from '../../api/shop.js';
	import { BASE_URL } from '../../env.js';
	export default {
		components: {},
		onLoad: function (option) {
			this.shopId = option.id;
		},
		data() {
			return {
				shopId: '',
				shop: {},
			}
		},
		async mounted() {
			const resp = await request.getShopInfo({ shopId: this.shopId});
			this.shop = resp.data;
		},
		computed:{
			building(){return "楼栋:" + this.shop.building;},
			floor(){return "楼层:" + this.shop.floor;},
			number(){return "铺位号:" + this.shop.number;},
			area(){return "面积:" + this.shop.area;},
			status(){return "使用状态:" + this.shop.status;},
			name(){return "商户名称:" + this.shop.name;},
			businessModel(){return "经营方式:" + this.shop.businessModel;},
			category(){return "业态:" + this.shop.category;},
			contact(){return "联系人:" + this.shop.contact;},
			phone(){return "电话:" + this.shop.phone;},
		},		
		methods: {}
	}
</script>

<style>
</style>