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.
232 lines
6.4 KiB
232 lines
6.4 KiB
<template>
|
|
<view class="">
|
|
<uni-popup ref="popup">
|
|
<view class="uni-flex uni-column pop_customer">
|
|
<view class="" style="padding:10rpx">
|
|
<view class="uni-flex u-col-center uni-row space-between" style="padding: 10rpx 10rpx 20rpx 10rpx">
|
|
<view class="" style="font-size: 35rpx;">
|
|
{{title}}
|
|
</view>
|
|
<image style="width: 35rpx;height: 35rpx;" src="/static/icons/icons_close.svg"
|
|
@click="closeEditPopup"></image>
|
|
</view>
|
|
<view class='split_line'></view>
|
|
<view class="uni-flex uni-column" style="background-color: white; height:60%;">
|
|
<view class="uni-flex uni-column ">
|
|
<view class="uni-flex uni-row space-between padding title ">
|
|
<text>包装数量 : </text>
|
|
<view class="uni-flex uni-row u-col-center">
|
|
<uni-number-box @change="calcQty($event,stdCount)" :value="stdCount">
|
|
</uni-number-box>
|
|
<!-- <uom :uom="dataContent.uom"></uom -->
|
|
<!-- <uom :uom="dataContent.packUnit"></uom> -->
|
|
</view>
|
|
</view>
|
|
<view class='split_line'></view>
|
|
<view class="uni-flex uni-row space-between padding title u-col-center">
|
|
<text>标包量 : </text>
|
|
<view class="uni-flex u-col-center uni-row">
|
|
<text>{{Number(dataContent.packQty)}}</text>
|
|
<uom :uom="dataContent.uom"></uom>
|
|
</view>
|
|
</view>
|
|
|
|
<view class='split_line'></view>
|
|
<view class="uni-flex uni-row space-between padding title u-col-center">
|
|
<text>数量 : </text>
|
|
<view class="uni-flex uni-row uni-center" style="align-items: center;">
|
|
<input class="qty_input" v-model="allQty" :focus="true" type="number"
|
|
@confirm="confirm()" @input="checkNum" :maxlength="maxlength" />
|
|
<uom :uom="dataContent.uom"></uom>
|
|
</view>
|
|
</view>
|
|
<view class='split_line'></view>
|
|
<view class="uni-flex uni-row space-between padding title u-col-center" v-if="queryBalance">
|
|
<text>库存数量 : </text>
|
|
<view class="uni-flex uni-row uni-center" style="align-items: center;">
|
|
<text class="text_recommend">{{Number(dataContent.balanceQty)}}</text>
|
|
<uom :uom="dataContent.uom"></uom>
|
|
</view>
|
|
</view>
|
|
<view class='split_line' v-if="queryBalance"></view>
|
|
<view v-if="isShowStatus&&queryBalance" class="uni-flex uni-row space-between title u-col-center"
|
|
style="padding-left: 30rpx;">
|
|
<text>库存状态 : </text>
|
|
<view class="uni-flex uni-row uni-center" style="align-items: center;">
|
|
<balanceStatus ref="balanceStatus" :status="inventoryStatus"
|
|
:allowEdit='allowEditStatus' @updateStatus="updateStatus">
|
|
</balanceStatus>
|
|
</view>
|
|
</view>
|
|
<view class='split_line' v-if="queryBalance"></view>
|
|
</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>
|
|
</view>
|
|
</uni-popup>
|
|
<comMessage ref="comMessage"></comMessage>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import uom from '@/mycomponents/qty/uom.vue'
|
|
import balanceStatus from '@/mycomponents/status/balanceStatus.vue'
|
|
|
|
export default {
|
|
components: {
|
|
uom,
|
|
balanceStatus,
|
|
},
|
|
data() {
|
|
return {
|
|
allQty: 0,
|
|
stdCount: 0,
|
|
stateData: 0,
|
|
balanceQty: 0,
|
|
inventoryStatus: "",
|
|
originalInventoryStatus: "",
|
|
dataContent: {},
|
|
handleQty: 0,
|
|
maxlength: 10
|
|
}
|
|
},
|
|
|
|
created() {
|
|
|
|
},
|
|
|
|
props: {
|
|
title: {
|
|
type: String,
|
|
default: "编辑数量"
|
|
},
|
|
settingParam: {
|
|
type: Object,
|
|
default: {}
|
|
},
|
|
isShowStatus: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
allowEditStatus: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
queryBalance: {
|
|
type: Boolean,
|
|
default: true
|
|
}
|
|
},
|
|
watch:{
|
|
'allQty'(newVal){
|
|
if(newVal % Number(this.dataContent.packQty)>0){
|
|
this.stdCount = Math.floor(Number(newVal)/Number(this.dataContent.packQty))+1
|
|
|
|
}else{
|
|
this.stdCount = Math.floor(Number(newVal)/Number(this.dataContent.packQty))
|
|
|
|
}
|
|
console.log('allQty===',newVal)
|
|
}
|
|
},
|
|
methods: {
|
|
checkNum(e) {
|
|
let value = e.detail.value;
|
|
let dot = value.indexOf('.'); //包含小数点
|
|
let reg = /^[0-9]+$/; //正整数
|
|
if (dot > -1) {
|
|
this.maxlength = dot + 7; //长度是小数点后两位
|
|
if (value.length > dot + 7) {
|
|
|
|
}
|
|
}
|
|
if (reg.test(value)) { //如果是正整数不包含小数点
|
|
this.maxlength = 10;
|
|
}
|
|
},
|
|
openEditPopup(item, handleQty) {
|
|
|
|
if(item){
|
|
this.dataContent = item
|
|
this.inventoryStatus = this.dataContent.inventoryStatus
|
|
this.originalInventoryStatus =this.dataContent.inventoryStatus;
|
|
this.toInventoryStatus = this.dataContent.toInventoryStatus
|
|
}
|
|
this.allQty = handleQty
|
|
setTimeout(res => {
|
|
this.$refs.popup.open('bottom')
|
|
}, 500)
|
|
},
|
|
closeEditPopup() {
|
|
this.$refs.popup.close()
|
|
},
|
|
confirm() {
|
|
this.setValue();
|
|
},
|
|
cancel() {
|
|
this.dataContent.inventoryStatus = this.originalInventoryStatus;
|
|
this.closeEditPopup();
|
|
},
|
|
calcQty(val) {
|
|
if (val > 0) {
|
|
this.allQty = val * Number(this.dataContent.packQty);
|
|
}
|
|
},
|
|
setValue() {
|
|
var balanceQty = Number(this.dataContent.balanceQty);
|
|
if (this.allQty == 0) {
|
|
this.$refs.comMessage.showConfirmWarningModal('数量必须大于0',
|
|
res => {
|
|
this.allQty = balanceQty;
|
|
})
|
|
} else if (this.allQty > balanceQty) {
|
|
this.$refs.comMessage.showConfirmWarningModal('数量[' + this.allQty + ']不允许大于库存数量[' + balanceQty + ']',
|
|
res => {
|
|
this.allQty = balanceQty;
|
|
})
|
|
} else {
|
|
this.callback();
|
|
}
|
|
},
|
|
callback() {
|
|
let qty = Number(this.allQty);
|
|
this.dataContent.handleQty = qty;
|
|
if (this.allowEditStatus) //只有编辑了库存状态,才给库存状态赋值
|
|
{
|
|
this.dataContent.toInventoryStatus = this.inventoryStatus;
|
|
}
|
|
this.$emit("confirm", qty);
|
|
this.closeEditPopup();
|
|
},
|
|
updateStatus(value) {
|
|
this.inventoryStatus = value
|
|
console.log(this.inventoryStatus)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.uni-popup .uni-popup__wrapper {
|
|
width: 100% !important;
|
|
padding: 30rpx;
|
|
}
|
|
|
|
.hide_border {
|
|
button {
|
|
border: none;
|
|
}
|
|
|
|
button::after {
|
|
border: none;
|
|
}
|
|
}
|
|
|
|
.title {
|
|
font-size: 30rpx;
|
|
}
|
|
</style>
|
|
|