|  |  | 
 |  |  |          <view class="cu-bar bg-white search"> | 
 |  |  |             <view class="search-form radius"> | 
 |  |  |                <text class="cuIcon-search"></text> | 
 |  |  |                <input :adjust-position="false" type="text" placeholder="扫码 / 输入" confirm-type="search"></input> | 
 |  |  |                <input v-model="orderNo" :adjust-position="false" type="text" placeholder="扫码 / 输入 (单据编号)" confirm-type="search" @input="search()"></input> | 
 |  |  |                <text class="cuIcon-close" @click="reset()"></text> | 
 |  |  |             </view> | 
 |  |  |             <view class="action"> | 
 |  |  |                <button class="cu-btn bg-yellow" style="color: #fff;">搜 索</button> | 
 |  |  | 
 |  |  |             </uni-tr> | 
 |  |  |             <!-- 表体 --> | 
 |  |  |             <uni-tr v-for="(item, index) in tabData" :key="index"> | 
 |  |  |                <uni-td align="center">{{item.dd}}</uni-td> | 
 |  |  |                <uni-td align="center">{{item.rk}}</uni-td> | 
 |  |  |                <uni-td align="center">{{item.yr}}</uni-td> | 
 |  |  |                <uni-td align="center">{{item.bm}}</uni-td> | 
 |  |  |                <uni-td align="center">{{item.mc}}</uni-td> | 
 |  |  |                <uni-td align="center">{{item.zt}}</uni-td> | 
 |  |  |                <uni-td align="center">{{item.orderNo}}</uni-td> | 
 |  |  |                <uni-td align="center">{{item.anfme}}</uni-td> | 
 |  |  |                <uni-td align="center">{{item.inQty}}</uni-td> | 
 |  |  |                <uni-td align="center">{{item.matnr}}</uni-td> | 
 |  |  |                <uni-td align="center">{{item.maktx}}</uni-td> | 
 |  |  |                <uni-td align="center">{{item.state$}}</uni-td> | 
 |  |  |                <uni-td> | 
 |  |  |                   <view class="flex justify-around"> | 
 |  |  |                      <button class="cu-btn bg-orange sm">上 架</button> | 
 |  |  | 
 |  |  |    export default { | 
 |  |  |       data() { | 
 |  |  |          return { | 
 |  |  |             tabData:[ | 
 |  |  |                { | 
 |  |  |                   dd:'AT-955807708311715', | 
 |  |  |                   rk:'10', | 
 |  |  |                   yr:'10', | 
 |  |  |                   bm:'YJ2022012511000644', | 
 |  |  |                   mc:'亚麻布', | 
 |  |  |                   zt:'订单状态' | 
 |  |  |                },{ | 
 |  |  |                   dd:'AT-955807708311715', | 
 |  |  |                   rk:'10', | 
 |  |  |                   yr:'10', | 
 |  |  |                   bm:'YJ2022012511000644', | 
 |  |  |                   mc:'亚麻布', | 
 |  |  |                   zt:'订单状态' | 
 |  |  |                },{ | 
 |  |  |                   dd:'AT-955807708311715', | 
 |  |  |                   rk:'10', | 
 |  |  |                   yr:'10', | 
 |  |  |                   bm:'YJ2022012511000644', | 
 |  |  |                   mc:'亚麻布', | 
 |  |  |                   zt:'订单状态' | 
 |  |  |                },{ | 
 |  |  |                   dd:'AT-955807708311715', | 
 |  |  |                   rk:'10', | 
 |  |  |                   yr:'10', | 
 |  |  |                   bm:'YJ2022012511000644', | 
 |  |  |                   mc:'亚麻布', | 
 |  |  |                   zt:'订单状态' | 
 |  |  |                },{ | 
 |  |  |                   dd:'AT-955807708311715', | 
 |  |  |                   rk:'10', | 
 |  |  |                   yr:'10', | 
 |  |  |                   bm:'YJ2022012511000644', | 
 |  |  |                   mc:'亚麻布', | 
 |  |  |                   zt:'订单状态' | 
 |  |  |                },{ | 
 |  |  |                   dd:'AT-955807708311715', | 
 |  |  |                   rk:'10', | 
 |  |  |                   yr:'10', | 
 |  |  |                   bm:'YJ2022012511000644', | 
 |  |  |                   mc:'亚麻布', | 
 |  |  |                   zt:'订单状态' | 
 |  |  |                },{ | 
 |  |  |                   dd:'AT-955807708311715', | 
 |  |  |                   rk:'10', | 
 |  |  |                   yr:'10', | 
 |  |  |                   bm:'YJ2022012511000644', | 
 |  |  |                   mc:'亚麻布', | 
 |  |  |                   zt:'订单状态' | 
 |  |  |                },{ | 
 |  |  |                   dd:'AT-955807708311715', | 
 |  |  |                   rk:'10', | 
 |  |  |                   yr:'10', | 
 |  |  |                   bm:'YJ2022012511000644', | 
 |  |  |                   mc:'亚麻布', | 
 |  |  |                   zt:'订单状态' | 
 |  |  |                } | 
 |  |  |             ] | 
 |  |  |             tabData: [], | 
 |  |  |             searchData: {}, | 
 |  |  |             orderNo: '', | 
 |  |  |             needData:{}, | 
 |  |  |          } | 
 |  |  |       }, | 
 |  |  |       mounted(){ | 
 |  |  | 
 |  |  |          this.baseIP = UIP; | 
 |  |  |          const UPORT = uni.getStorageSync('UPORT'); | 
 |  |  |          this.basePORT = UPORT; | 
 |  |  |          let that = this; | 
 |  |  |          uni.request({ | 
 |  |  |             url: that.baseHttp + that.baseIP + ':' +that.basePORT + that.baseUrl + "/receiveDetl/list/auth", | 
 |  |  |             header:{'token':uni.getStorageSync('token')}, | 
 |  |  |             success(res) { | 
 |  |  |                console.log(res) | 
 |  |  |             } | 
 |  |  |          }) | 
 |  |  |          this.render() | 
 |  |  |       }, | 
 |  |  |       onLoad() { | 
 |  |  |           | 
 |  |  |       }, | 
 |  |  |       methods: { | 
 |  |  |          // 搜索 | 
 |  |  |          search() { | 
 |  |  |             let that = this; | 
 |  |  |             // that.tabData.forEach(function(e){ | 
 |  |  |             //    that.searchData = e.orderNo | 
 |  |  |             // }) | 
 |  |  |             this.render(that.orderNo) | 
 |  |  |          }, | 
 |  |  |          // 重置 | 
 |  |  |          reset() { | 
 |  |  |             let that = this; | 
 |  |  |             that.orderNo = ''; | 
 |  |  |             that.needData['order_no'] = ''; | 
 |  |  |             that.getData(); | 
 |  |  |          }, | 
 |  |  |          // 获取表格数据 | 
 |  |  |          getData() { | 
 |  |  |             let that = this | 
 |  |  |             uni.request({ | 
 |  |  |                url: that.baseHttp + that.baseIP + ':' +that.basePORT + that.baseUrl + "/receiveDetl/list/auth", | 
 |  |  |                header:{'token':uni.getStorageSync('token')}, | 
 |  |  |                data: that.needData, | 
 |  |  |                success(res) { | 
 |  |  |                   var res = res.data | 
 |  |  |                   if (res.code === 200) { | 
 |  |  |                      that.tabData = res.data.records | 
 |  |  |                   } | 
 |  |  |                } | 
 |  |  |             }) | 
 |  |  |          }, | 
 |  |  |           | 
 |  |  |          // 表格加载 | 
 |  |  |          render(param) { | 
 |  |  |             let that = this; | 
 |  |  |             if(param) { | 
 |  |  |                that.needData['order_no'] = param; | 
 |  |  |                that.getData(); | 
 |  |  |             } else { | 
 |  |  |                that.getData(); | 
 |  |  |             } | 
 |  |  | 				 | 
 |  |  |          } | 
 |  |  |       } | 
 |  |  |    } | 
 |  |  | </script> |