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.
90 lines
2.0 KiB
90 lines
2.0 KiB
<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>
|
|
|