zh_order_food_xcx/pages-takeout/aptitude.vue

<template>
	<view class="aptitude-index iPhone-bottom flex-common-css box-border-box bgc-f">
		<Nav title='营业资质'></Nav>

		<view class="scroll-view-css info-list box-border-box p-24 mb-20">
			<view class="card-box box-border-box p-24">
				<view class="mb-20 fw-600 fs-32">营业资质</view>
				<image @click="lookImg(shopsInfo.license_img)"
				:src="shopsInfo.license_img" mode="scaleToFill"></image>
			</view>
			<view class="card-box box-border-box p-24">
				<view class="mb-20 fw-600 fs-32">许可证</view>
				<image  @click="lookImg(shopsInfo.food_license_img)"
                :src="shopsInfo.food_license_img" mode="scaleToFill"></image>
			</view>
		</view>
	</view>
</template>

<script>
	import tools from "@/service/tools";
  import {shopInfo} from "@/api/shop";
	export default {
		data(){
			return{
        shopId:'',
        shopsInfo:{
          license_img:'',
          food_license_img:'',
        }
			}
		},
    onLoad(data) {
      console.log(data)
      if(data.shopId){
        this.shopId=data.shopId
        this.getShopInfo()
      }else {
        tools.leftClick()
      }
    },
    mounted() {
    },
		methods:{
      getShopInfo() {
        const operate_id = uni.getStorageSync('operate_id')
        shopInfo({
          operate_id: operate_id,
          shop_id: this.shopId
        }).then((res) => {
          if (res.code == 1) {
            this.shopsInfo = res.data
          } else {
            tools.error(res.msg)
            setTimeout(() => {
              uni.navigateBack({
                delta: 1
              })
            }, 1500)
          }
        })
      },
			lookImg(i){
				tools.lookBigImg(i,[this.shopsInfo.license_img,this.shopsInfo.food_license_img])
			},
		},
	}
</script>

<style scoped lang="scss">
	.aptitude-index{
		.info-list{
			height: 100%;
			background-color: #F5F4F9;
			.card-box{
				width: 100%;
				min-height: 572rpx;
				background: #FFFFFF;
				border-radius: 20rpx;
				image{
					width: 100%;
					height: 460rpx;
					margin-bottom: 20rpx;
				}
			}
		}
	}
</style>