<template>
|
<view>
|
<view>
|
<uni-table border stripe type="selection" emptyText="没有更多数据">
|
<uni-tr>
|
<uni-th>数量</uni-th>
|
<uni-th>批号</uni-th>
|
<uni-th>商品编号</uni-th>
|
<uni-th>商品名称</uni-th>
|
<uni-th>规格</uni-th>
|
<uni-th>单价</uni-th>
|
<uni-th>操作</uni-th>
|
</uni-tr>
|
</uni-table>
|
</view>
|
<view class="cu-bar foot input justify-center" style="height: 150rpx;">
|
<view style="width: 80%;">
|
<button class="cu-btn bg-yellow lg shadow-blur" style="width: 250rpx;color: #fff;" @click="getMat()">新 增</button>
|
<button class="cu-btn bg-orange lg shadow-blur" style="float: right;width: 250rpx;color: #fff;">确认入库</button>
|
</view>
|
</view>
|
<!-- ******************************************************************************************* -->
|
<view>
|
<!-- 普通弹窗 -->
|
<uni-popup ref="popup" background-color="#fff" style="position: fixed; border-radius: 5px;" >
|
<view class="popup-content " :class="{ 'popup-height': type === 'left' || type === 'right' }">
|
<view style="height: 800rpx;">
|
<uni-table border stripe type="selection" emptyText="没有更多数据">
|
<uni-tr>
|
<uni-th>1</uni-th>
|
</uni-tr>
|
</uni-table>
|
</view>
|
</view>
|
</uni-popup>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
type:'bottom',
|
}
|
|
},
|
methods: {
|
// 弹出层
|
toggle(type) {
|
this.type = type
|
// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
|
this.$refs.popup.open(type)
|
},
|
getMat() {
|
this.toggle('top')
|
}
|
}
|
}
|
</script>
|
|
<style>
|
|
</style>
|
