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.
267 lines
6.9 KiB
267 lines
6.9 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>
|
|
<u-line />
|
|
<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" :focus="false">
|
|
</uni-number-box>
|
|
<view class="std_pack">
|
|
{{getStdPackUnitInfo(dataContent.stdPackUnit)}}
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
<u-line />
|
|
<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.stdPackQty)}}</text>
|
|
<uom :uom="dataContent.uom"></uom>
|
|
</view>
|
|
</view>
|
|
|
|
<u-line />
|
|
<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"
|
|
@mousedown="mousedown" @input="checkNum" :maxlength="maxlength" />
|
|
<uom :uom="dataContent.uom"></uom>
|
|
</view>
|
|
</view>
|
|
<u-line />
|
|
<view v-if="isShowBalance"
|
|
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;">
|
|
<text class="text_recommend">{{Number(dataContent.balanceQty)}}</text>
|
|
<uom :uom="dataContent.uom"></uom>
|
|
</view>
|
|
</view>
|
|
<u-line />
|
|
<view v-if="isShowStatus" class="uni-flex uni-row space-between title"
|
|
style="align-items: center; padding-left: 30rpx;">
|
|
<text>库存状态 : </text>
|
|
<view class="uni-flex uni-row uni-center" style="align-items: center;">
|
|
<balanceStatus ref="balanceStatus" :status="inventoryStatus" :allowEdit='true'
|
|
@updateStatus="updateStatus" @onOpen="clickState">
|
|
</balanceStatus>
|
|
</view>
|
|
</view>
|
|
<u-line />
|
|
</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 v-if="showConfirmCountdown" class="btn_edit_big_confirm" hover-class="btn_edit_big_after"
|
|
@click="confirm()">确认({{seconds}}s关闭)</button>
|
|
<button v-else 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'
|
|
import comMessage from '@/mycomponents/common/comMessage.vue'
|
|
import {
|
|
getStdPackUnitInfo
|
|
} from "@/common/directory.js"
|
|
import {
|
|
getInventoryStatusName
|
|
} from '@/common/directory.js';
|
|
|
|
export default {
|
|
components: {
|
|
uom,
|
|
balanceStatus,
|
|
comMessage
|
|
},
|
|
data() {
|
|
return {
|
|
allQty: 0,
|
|
stdCount: 0,
|
|
stateData: 0,
|
|
balanceQty: 0,
|
|
inventoryStatus: "",
|
|
dataContent: {},
|
|
handleQty: 0,
|
|
seconds: 0,
|
|
timer: {},
|
|
showConfirmCountdown: false,
|
|
detailList: [],
|
|
maxlength: 10,
|
|
mode: 'add' //add 新增 edit 编辑
|
|
}
|
|
},
|
|
watch: {
|
|
|
|
},
|
|
created() {
|
|
|
|
},
|
|
|
|
props: {
|
|
title: {
|
|
type: String,
|
|
default: "编辑数量"
|
|
},
|
|
settingParam: {
|
|
type: Object,
|
|
default: {}
|
|
},
|
|
isShowStatus: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
isShowBalance: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
allowEditStatus: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
},
|
|
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, detailList) {
|
|
this.initData(item, detailList);
|
|
// this.dataContent = item
|
|
// this.inventoryStatus = this.dataContent.inventoryStatus;
|
|
// this.allQty = Number(this.dataContent.qty)
|
|
// this.stdCount = Math.ceil(this.allQty / this.dataContent.stdPackQty);
|
|
// this.detailList = detailList
|
|
this.showConfirmCountdown = false;
|
|
this.mode = 'edit';
|
|
this.$refs.popup.open('bottom')
|
|
clearInterval(this.timer)
|
|
},
|
|
|
|
//新增时弹出
|
|
openEditPopupShowSeconds(item, detailList) {
|
|
this.initData(item, detailList);
|
|
this.showConfirmCountdown = true;
|
|
this.mode = 'add';
|
|
this.$refs.popup.open('bottom')
|
|
this.startTimer()
|
|
},
|
|
|
|
initData(item, detailList) {
|
|
this.dataContent = item;
|
|
this.inventoryStatus = this.dataContent.inventoryStatus;
|
|
this.allQty = Number(this.dataContent.qty);
|
|
this.stdCount = Math.ceil(this.allQty / this.dataContent.stdPackQty);
|
|
this.detailList = detailList;
|
|
},
|
|
|
|
mousedown() {
|
|
this.showConfirmCountdown = false;
|
|
clearInterval(this.timer)
|
|
},
|
|
|
|
clickState() {
|
|
this.showConfirmCountdown = false;
|
|
clearInterval(this.timer)
|
|
},
|
|
|
|
closeEditPopup() {
|
|
clearInterval(this.timer)
|
|
this.$emit("close");
|
|
this.$refs.popup.close()
|
|
},
|
|
confirm() {
|
|
this.setValue();
|
|
},
|
|
cancel() {
|
|
this.closeEditPopup();
|
|
},
|
|
startTimer() {
|
|
this.seconds = 3;
|
|
clearInterval(this.timer)
|
|
this.timer = setInterval(() => {
|
|
this.seconds--
|
|
if (this.seconds <= 0) {
|
|
this.confirm();
|
|
// this.cancel()
|
|
return
|
|
}
|
|
}, 1000)
|
|
},
|
|
calcQty(val) {
|
|
if (val > 0) {
|
|
this.allQty = val * Number(this.dataContent.stdPackQty);
|
|
}
|
|
},
|
|
|
|
setValue() {
|
|
this.dataContent.handleQty = Number(this.allQty)
|
|
this.$emit("confirm", Number(this.allQty), this.inventoryStatus, this.mode);
|
|
this.closeEditPopup();
|
|
},
|
|
|
|
updateStatus(value) {
|
|
this.inventoryStatus = value
|
|
},
|
|
|
|
getStdPackUnitInfo(value) {
|
|
return getStdPackUnitInfo(value).name
|
|
}
|
|
}
|
|
}
|
|
</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>
|
|
|