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.
68 lines
1.6 KiB
68 lines
1.6 KiB
<template>
|
|
<view class="wyf">
|
|
<u-popup v-model="show" mode="center" width="600rpx">
|
|
<view class="container">
|
|
<u-card :title="item.title" v-for="(item, index) in list" :key="item.id" margin="20rpx" :head-style="{ padding: '20rpx' }" :foot-style="{ padding: '0rpx' }">
|
|
<template v-slot:body>
|
|
<view class=""> 物料代码：{{ item.itemCode }} </view>
|
|
<view class=""> 物料名称：{{ item.itemName }} </view>
|
|
</template>
|
|
<template v-slot:foot>
|
|
<!-- <button class="go" >Go</button> -->
|
|
|
|
<u-button type="primary" @click="selectItem(item, index)" style="width: 200rpx; height: 60rpx">Go</u-button>
|
|
</template>
|
|
</u-card>
|
|
</view>
|
|
</u-popup>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ref } from 'vue'
|
|
|
|
const list = ref([])
|
|
const show = ref(false)
|
|
const isScanedASN = ref(false)
|
|
const openList = (listParmas, isScanedASNParmas = false) => {
|
|
list.value = listParmas
|
|
isScanedASN.value = isScanedASNParmas
|
|
show.value = true
|
|
}
|
|
const selectItem = (item, index) => {
|
|
show.value = false
|
|
emit('selectItem', item, isScanedASN.value)
|
|
}
|
|
|
|
// 传递给父类
|
|
const emit = defineEmits(['selectItem'])
|
|
defineExpose({
|
|
openList
|
|
})
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.container {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.list {
|
|
width: 80%;
|
|
max-height: 50vh;
|
|
overflow-y: auto;
|
|
border-radius: 10px !important;
|
|
|
|
.slot-image {
|
|
width: 40rpx;
|
|
}
|
|
|
|
.go {
|
|
color: rgb(60, 156, 255);
|
|
}
|
|
}
|
|
}
|
|
.list ::v-deep .uni-list--border {
|
|
border: 1rpx solid #e5e5e5;
|
|
}
|
|
</style>
|
|
|