You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
146 lines
3.3 KiB
146 lines
3.3 KiB
4 months ago
|
<template>
|
||
|
|
<view class="">
|
||
|
|
<u-popup v-model="show" mode="bottom" border-radius="14" z-index='12'>
|
||
|
|
<view class="title">
|
||
|
|
<view class="title-txt">
|
||
|
|
需求信息
|
||
|
|
</view>
|
||
|
|
<u-icon name="close" color="#4f4f4f" size="28"></u-icon>
|
||
|
|
</view>
|
||
|
|
<view class="item">
|
||
|
|
<view class="label">来源库位：</view>
|
||
|
|
<view class="value">{{itemCode}}</view>
|
||
|
|
<view class="searchIcon">
|
||
|
|
<image src="/static/search.svg" mode="" @click="fromLocationClick"/>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="item">
|
||
|
|
<view class="label">零件：</view>
|
||
|
|
<view class="value">{{itemCode}}</view>
|
||
|
|
<view class="searchIcon">
|
||
|
|
<image src="/static/search.svg" mode="" @click="itemCodeClick"/>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="item">
|
||
|
|
<view class="label">批次：</view>
|
||
|
|
<view class="value">{{itemCode}}</view>
|
||
|
|
<view class="searchIcon"></view>
|
||
|
|
</view>
|
||
|
|
<view class="item">
|
||
|
|
<view class="label">数量：</view>
|
||
|
|
<view class="value1">
|
||
|
|
<u-number-box v-model="value" @change="valChange"></u-number-box>
|
||
|
|
<view class="uom">EA</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="uni-flex uni-row hide_border">
|
||
|
|
<button class="btn_edit_big_cancle" hover-class="btn_edit_big_after" @click="cancel()">取消</button>
|
||
|
|
<button class="btn_edit_big_confirm" hover-class="btn_edit_big_after" @click="confirm()">确认</button>
|
||
|
|
</view>
|
||
|
|
</u-popup>
|
||
|
|
|
||
|
|
<win-scan-location ref="scanLocationCode" title="来源库位" @getLocation='getLocation'
|
||
|
|
:locationAreaTypeList="fromLocationAreaTypeList"></win-scan-location>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import winScanLocation from "@/mycomponents/scan/winScanLocation.vue"
|
||
|
|
import {
|
||
|
|
getBusinessType
|
||
|
|
} from '@/common/record.js';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
components: {
|
||
|
|
winScanLocation
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
show:true,
|
||
|
|
businessTypeCode: "OkToHold",
|
||
|
|
}
|
||
|
|
},
|
||
|
|
props: {
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
// 打开扫描来源库位组件
|
||
|
|
openFromLocation(){
|
||
|
|
this.$refs.scanLocationCode.openScanPopup()
|
||
|
|
},
|
||
|
|
getLocation(location, code){
|
||
|
|
console.log(location,code)
|
||
|
|
|
||
|
|
},
|
||
|
|
getBusinessTypeFunc() {
|
||
|
|
getBusinessType(this.businessTypeCode, res => {
|
||
|
|
if (res.success) {
|
||
|
|
this.businessType = res.businessType;
|
||
|
|
this.fromInventoryStatuses = res.fromInventoryStatuses.split(',');
|
||
|
|
this.fromLocationAreaTypeList = res.fromLocationAreaTypeList
|
||
|
|
this.openFromLocation();
|
||
|
|
} else {
|
||
|
|
this.showErrorMessage(res.message)
|
||
|
|
}
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss">
|
||
|
|
.title{
|
||
|
|
padding:30rpx 20rpx;
|
||
|
|
display: flex;
|
||
|
|
border-bottom:1px solid rgba(230, 230, 230, 1);
|
||
|
|
.title-txt{
|
||
|
|
flex:1;
|
||
|
|
font-weight: bold;
|
||
|
|
font-size: 32rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
.select{
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
.border{
|
||
|
|
border:1px solid rgba(230, 230, 230, 1)
|
||
|
|
}
|
||
|
|
::v-deep .u-input__right-icon__clear{
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
color: #a7a7a7;
|
||
|
|
}
|
||
|
|
.item{
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
padding: 20rpx;
|
||
|
|
border-bottom: 1px solid #dedede;
|
||
|
|
.value{
|
||
|
|
flex:1;
|
||
|
|
width: 0px;
|
||
|
|
height: 80rpx;
|
||
|
|
border: 1px solid #dedede;
|
||
|
|
}
|
||
|
|
.value1{
|
||
|
|
flex:1;
|
||
|
|
width: 0px;
|
||
|
|
height: 80rpx;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.searchIcon{
|
||
|
|
width: 40rpx;
|
||
|
|
margin-left: 20rpx;
|
||
|
|
image{
|
||
|
|
width: 40rpx;
|
||
|
|
height:40rpx
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.uom{
|
||
|
|
margin-left: 10rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
</style>
|