<template>
	<view class="content" @click="openDetail()">
		<view class="uni-flex uni-row">
			<text>{{supplierName}}</text>|
			<text >查看详情</text>
		</view>
		<uni-popup ref="popup">
			<view style="background-color: white;width: 230px; height:60%;">
				<view class="uni-flex uni-row">
					<text>供应商名称:</text>
					<text>{{supplierName}}</text>
				</view>

				<view class="uni-flex uni-column">
					<view class="uni-flex uni-row">
						<text>供应商代码:{{dataContent.code}}</text>
					</view>
					<view class="uni-flex uni-row">
						<text>供应商名称:{{dataContent.name}}</text>
					</view>
					<view class="uni-flex uni-row">
						<text>供应商简称:{{dataContent.shortName}}</text>
					</view>
					<view class="uni-flex uni-row">
						<text>类型:{{dataContent.type}}</text>
					</view>
					<view class="uni-flex uni-row">
						<text>地址:{{dataContent.address}}</text>
					</view>
					<view class="uni-flex uni-row">
						<text>联系人:{{dataContent.contacts}}</text>
					</view>
					<view class="uni-flex uni-row">
						<text>联系电话:{{dataContent.phone}}</text>
					</view>
				</view>
				<view class="uni-flex uni-row">

				</view>
			</view>
		</uni-popup>
	</view>
</template>


<script setup>
	import {
		ref
	} from "vue";
	import uniPopup from '@/uni_modules/uni-popup/components/uni-popup/uni-popup.vue';
	import {
		onLoad
	} from "@dcloudio/uni-app"

	const popup = ref(null)

	const props = defineProps({
		supplierCode: String,
		supplierName: String,
		dataContent: {
			type: Object,
			default () {
				return {
					code: '无',
					name: '无',
					shortName: '无',
					type: '无',
					address: '无',
					contacts: '无',
					phone: '无',
				}
			}
		},
	});

	onLoad(() => {
		console.log('onLoad')
	})

	const openDetail = function() {
		//调用根据供应商代码查询供应商接口		
		popup.value.open()
	};

	const closeDetail = function() {
		popup.value.close()
	};
</script>
<style>
</style>
