| | |
| | | <template> |
| | | <u-popup :show="show" mode="bottom" :closeable="true" :round="10" @open="open" @close="close"> |
| | | <u-popup :show="show" mode="bottom" :closeable="true" :round="10" @close="close"> |
| | | <view class="title"> |
| | | <text>选择货位</text> |
| | | </view> |
| | | <view class="content"> |
| | | <view class="content_list"> |
| | | <u-list @scrolltolower="scrolltolower"> |
| | | <u-list-item v-for="(item, index) in indexList" :key="index"> |
| | | <div class="content_list_item"> |
| | | <div class="content_list_item_name"> |
| | | 货位{{index}} |
| | | </div> |
| | | </div> |
| | | </u-list-item> |
| | | </u-list> |
| | | <div class="content_list_item" v-for="(item, i) in list" :key="i" @click="jump(item)"> |
| | | <div class="content_list_item_name">{{item.unionName}}</div> |
| | | </div> |
| | | </view> |
| | | </view> |
| | | </u-popup> |
| | |
| | | <script> |
| | | export default { |
| | | props: { |
| | | show: Boolean |
| | | show: { |
| | | type: Boolean, |
| | | required: true |
| | | }, |
| | | list: { |
| | | type: Array, |
| | | required: true |
| | | } |
| | | }, |
| | | data() { |
| | | return { |
| | | indexList: [1,2,3,4,5,6,7,8,9] |
| | | }; |
| | | }, |
| | | methods: { |
| | | close() { |
| | | this.$emit('close') |
| | | }, |
| | | jump(item) { |
| | | this.$emit('value', item) |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |