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.
63 lines
1.3 KiB
63 lines
1.3 KiB
<template>
|
|
<view class="uni-flex uni-row" @click="openDetail()">
|
|
<text>{{dataContent.lot}}|</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>{{lot}}</text>
|
|
</view>
|
|
|
|
<view class="uni-flex uni-column">
|
|
<view class="uni-flex uni-row">
|
|
<text>供应商批次:{{dataContent.supplierBatch}}</text>
|
|
</view>
|
|
<view class="uni-flex uni-row">
|
|
<text>生产日期:{{dataContent.produceDate}}</text>
|
|
</view>
|
|
<view class="uni-flex uni-row">
|
|
<text>过期日期:{{dataContent.expireDate}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</uni-popup>
|
|
</template>
|
|
|
|
<script setup>
|
|
import {
|
|
ref
|
|
} from "vue";
|
|
import uniPopup from '@/uni_modules/uni-popup/components/uni-popup/uni-popup.vue';
|
|
const popup = ref(null)
|
|
|
|
const props = defineProps({
|
|
lot: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
dataContent: {
|
|
type: Object,
|
|
default () {
|
|
return {
|
|
supplierBatch: '供应商批次1',
|
|
produceDate: '2023年3月14日',
|
|
expireDate: '2024年3月14日',
|
|
}
|
|
}
|
|
},
|
|
|
|
});
|
|
|
|
const openDetail = function() {
|
|
popup.value.open()
|
|
};
|
|
|
|
const closeDetail = function() {
|
|
popup.value.close()
|
|
};
|
|
</script>
|
|
|
|
<style>
|
|
</style>
|
|
|