#搜索功能

whycq0520

2022-03-23 d2dff3528adc6b39b57e14f801d652f21135f594

 pages/basics/publish.vue

@@ -1,8 +1,64 @@
<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>