|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <view > | 
|---|
|  |  |  | <view> | 
|---|
|  |  |  | <!-- <uni-forms ref="formData" :modelValue="formData" label-width="120"> --> | 
|---|
|  |  |  | <uni-forms class="customcss" label-width="120"> | 
|---|
|  |  |  | <uni-forms-item label="æ¡ç ä¿¡æ¯"> | 
|---|
|  |  |  | <uni-easyinput type="text" :focus="!barcodefocus" v-model="barcode" placeholder="è¯·æ«ææçæ¡ç æå°ç«è½¦æ¡ç " ref='midInput' | 
|---|
|  |  |  | <uni-forms-item label="æçæ¡ç "> | 
|---|
|  |  |  | <uni-easyinput type="text" :focus="!barcodefocus" v-model="barcode" placeholder="è¯·æ«ææçæ¡ç " ref='midInput' | 
|---|
|  |  |  | @input="locationNoinputChange()" /> | 
|---|
|  |  |  | </uni-forms-item> | 
|---|
|  |  |  | </uni-forms> | 
|---|
|  |  |  | <uni-list class="footer"> | 
|---|
|  |  |  | <uni-list-item direction="column" v-for="(item,index) in infos" :key="index"> | 
|---|
|  |  |  | <uni-list> | 
|---|
|  |  |  | <uni-list-item direction="column" v-if="stockInfoBarcode"> | 
|---|
|  |  |  | <template v-slot:body> | 
|---|
|  |  |  | <view class="uni-list-box"> | 
|---|
|  |  |  | <view class="uni-content"> | 
|---|
|  |  |  | <view class="uni-title-sub uni-ellipsis-2">ç©æç¼å·ï¼{{item.matCode}}</view> | 
|---|
|  |  |  | <view class="uni-title-sub uni-ellipsis-2">ç©æåç§°ï¼{{item.matName}}</view> | 
|---|
|  |  |  | <view class="uni-title-sub uni-ellipsis-2">æçå·ï¼{{item.barcode}}</view> | 
|---|
|  |  |  | <view class="uni-title-sub uni-ellipsis-2">åºåºæ°éï¼{{item.quantity}}</view> | 
|---|
|  |  |  | <view class="uni-title-sub uni-ellipsis-2">é
éå°åï¼{{item.address}}</view> | 
|---|
|  |  |  | <view class="uni-title-sub uni-ellipsis-2">å½åä½ç½®ï¼{{item.currentAddress}}</view> | 
|---|
|  |  |  | <view class="uni-title-sub uni-ellipsis-2">æçå·ï¼{{stockInfoBarcode}}</view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </uni-list-item> | 
|---|
|  |  |  | <uni-list-item direction="column" v-for="(item,index) in stockInfoDetail" :key="index"> | 
|---|
|  |  |  | <template v-slot:body> | 
|---|
|  |  |  | <view class="uni-list-box"> | 
|---|
|  |  |  | <view class="uni-content"> | 
|---|
|  |  |  | <view class="uni-title-sub uni-ellipsis-2">ç©æç¼å·ï¼{{item.materielCode}}</view> | 
|---|
|  |  |  | <view class="uni-note">ç©æåç§°ï¼{{item.materielName}}</view> | 
|---|
|  |  |  | <view class="uni-note">ç©ææ¹æ¬¡ï¼{{item.batchNo}}</view> | 
|---|
|  |  |  | <view class="uni-note">åºåæ°éï¼{{item.stockQuantity}}</view> | 
|---|
|  |  |  | <view class="uni-note">åºåºæ°éï¼{{item.outboundQuantity}}</view> | 
|---|
|  |  |  | <view class="uni-note">çäº§æ¥æï¼{{item.productionDate}}</view> | 
|---|
|  |  |  | <view class="uni-note">æ æ æï¼{{item.effectiveDate}}</view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | data() { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | infos: [], | 
|---|
|  |  |  | // stockInfo: [], | 
|---|
|  |  |  | stockInfoDetail: [], | 
|---|
|  |  |  | barcode: '', | 
|---|
|  |  |  | barcodefocus: false, | 
|---|
|  |  |  | warehouseId: 0, | 
|---|
|  |  |  | stockInfoBarcode: '', | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | onLoad(res) { | 
|---|
|  |  |  | this.warehouseId = res.warehouseId; | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | locationNoinputChange() { | 
|---|
|  |  |  | 
|---|
|  |  |  | if (this.barcode != '') { | 
|---|
|  |  |  | var postData = { | 
|---|
|  |  |  | MainData: { | 
|---|
|  |  |  | "barcode": this.barcode | 
|---|
|  |  |  | "barcode": this.barcode, | 
|---|
|  |  |  | "warehouseId": this.warehouseId, | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | this.$u.post('/api/Carry/GetCarryInfo', postData).then(res => { | 
|---|
|  |  |  | this.$u.post('/api/StockInfo/StockQueryData', postData).then(res => { | 
|---|
|  |  |  | this.stockInfoBarcode = ""; | 
|---|
|  |  |  | // this.stockInfo = []; | 
|---|
|  |  |  | this.stockInfoDetail = []; | 
|---|
|  |  |  | if (res.status) { | 
|---|
|  |  |  | this.infos = res.data | 
|---|
|  |  |  | this.stockInfoBarcode = res.data.palletCode, | 
|---|
|  |  |  | // this.stockInfo = res.data, | 
|---|
|  |  |  | this.stockInfoDetail = res.data.details | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | this.$refs.uToast.show({ | 
|---|
|  |  |  | // title: "æªæ¾å°æçä¿¡æ¯", | 
|---|
|  |  |  | title: res.message, | 
|---|
|  |  |  | type: "error" | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.barcode = ""; | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | this.istrue = true; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | .footer { | 
|---|
|  |  |  | // padding-top: 20%; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </style> | 
|---|
|  |  |  | </style> | 
|---|