You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

91 lines
2.0 KiB

2 years ago
<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>