zh_order_food_xcx/pages-takeout/shop-mod/info.vue

<template>
	<view class="shop-info-box box-border-box">
		<view class="box-card box-border-box p-24 bgc-f mb-20">
			<view class="fs-32 fw-500 mb-32">商家信息</view>
			<view class="mb-40 align-items-center">
				<image src="@/static/img/takeout/info-address.png" mode=""></image>
				<view class="fs-28 fw-400">{{shopInfoData.city_name}}{{shopInfoData.shop_name}}</view>
			</view>
			<view class="mb-40 align-items-center">
				<image src="@/static/img/takeout/info-class.png" mode=""></image>
				<view class="fs-28 fw-400">门店类目：{{shopInfoData.cate_name}}</view>
			</view>
			<view class="mb-40 align-items-center">
				<image src="@/static/img/takeout/info-time.png" mode=""></image>
				<view class="fs-28 fw-400">营业时间：{{timeData}}</view>
			</view>
			<view class="mb-40 align-items-center">
				<image src="@/static/img/takeout/info-phone.png" mode=""></image>
				<view class="fs-28 fw-400">联系电话：{{shopInfoData.shop_phone}} </view>
			</view>
			<view class="right-img-f align-items-center" @click.stop="to()">
				<image src="@/static/img/takeout/info-zz.png" mode=""></image>
				<view class="fs-28 fw-400">查看营业资质 </view>
				<image  class="right-img" src="@/static/img/toRight.png" mode=""></image>
			</view>
		</view>

		<view class="box-card box-border-box p-24 bgc-f mb-20">
			<view class="fs-32 fw-500 mb-32">商家公告</view>
			<view class="display-flex">
				<image class="flex-shrink0" src="@/static/img/takeout/info-gg.png" mode=""></image>
				<view class="fs-28 fw-400">{{shopInfoData.notice}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		shopInfo
	} from "@/api/shop.js"
	export default {
		props: {
			shopId: {}
		},
		data() {
			return {
				shopInfoData: {},
				timeData: '',
				array: ''
			}
		},
		onShow() {

		},
		mounted() {
			this.shopInfo()
		},
		methods: {
			to() {
				uni.navigateTo({
					url: '/pages-takeout/aptitude?shopId='+this.shopId
				})
			},
			shopInfo() {
				const operate_id = uni.getStorageSync('operate_id')
				shopInfo({
					shop_id: this.shopId,
					operate_id: operate_id
				}).then((res) => {
					if (res.code == 1) {
						this.shopInfoData = res.data
						res.data.business_hours.forEach((v, k) => {
							// let time =
							v.forEach((i, j) => {
								let time = ''
								if (j == 0 || j == 3) {
									time = i + '-'
								} else {
									time = i
								}
								this.array = this.array + time
							})
							if (res.data.business_hours.length === k + 1) {
								this.timeData = this.timeData + this.array
							} else {
								this.timeData = this.timeData + this.array + ','
							}
							this.array = ''
						})
					}
				})
			}
		},
	}
</script>

<style scoped lang="scss">
	.shop-info-box {
		height: 100%;
		overflow: scroll;
		background-color: #F5F4F9;
		padding: 16rpx 24rpx;

		.box-card {
			width: 100%;
			min-height: 10rpx;
			border-radius: 20rpx;

			image {
				width: 40rpx;
				height: 40rpx;
				margin-right: 16rpx;
			}

			.right-img-f {
				position: relative;

				.right-img {
					position: absolute;
					top: 10rpx;
					right: -10rpx;
					width: 32rpx;
					height: 32rpx;
				}
			}
		}
	}
</style>