zh_order_food_xcx/pages-my/protocol.vue

<template>
	<view class="flex-common-css bgc-f">
		<Nav :title="title" leftIconColor="#333" titleColor="#333"></Nav>
		<scroll-view :scroll-y="true" class="scroll-view-css p-24 box-border-box" @scrolltolower="scrolltolower">
			<view v-if="type === 1 && num === 1" class="align-items-center flex-wrap-wrap">
				<image class="image-c" :src="business_license" mode="widthFix"></image>
			</view>
			<view v-else-if="type === 1 && num === 2" class="align-items-center flex-wrap-wrap">
				<image class="image-c" :src="permit" mode="widthFix"></image>
			</view>
			<view v-else class="" v-html="text"></view>
		</scroll-view>
	</view>
</template>

<script>
	import {
		commonCredential,
		commonProtocolInfo
	} from "@/api/common.js"
	export default {
		components: {},
		data() {
			return {
				type: '',
				num: '',
				title: '',
				text: '',
				permit: '',
				business_license: ''
			};
		},
		onLoad(data) {
			console.log(data, '000000000000');
			if (data) {
				this.type = Number(data.type)
				this.num = Number(data.num)
				if (this.type === 1) {
					if (this.num === 1) {
						this.title = '平台资质'
					} else {
						this.title = '经营许可证'
					}
					this.commonCredential()
				} else {
					this.commonProtocolInfo(this.num)
				}
			}
		},
		mounted() {},
		methods: {
			commonCredential() {
				commonCredential().then((res) => {
					if (res.code === 1) {
						this.permit = res.data.permit
						this.business_license = res.data.business_license
					}
				})
			},
			commonProtocolInfo(num) {
				commonProtocolInfo({
					id: num
				}).then((res) => {
					if (res.code == 1) {
						this.title = res.data.title
						this.text = res.data.content
					}
				})
			}
		},
	}
</script>

<style lang="scss" scoped>
	.image-c {
		width: 100%;
		height: auto;
	}
</style>