|
@@ -13,6 +13,7 @@
|
|
</div>
|
|
</div>
|
|
<div class="rightBox">
|
|
<div class="rightBox">
|
|
<div></div>
|
|
<div></div>
|
|
|
|
+
|
|
<div class="sumBox">
|
|
<div class="sumBox">
|
|
<div class="describeText">录入数量</div>
|
|
<div class="describeText">录入数量</div>
|
|
<div class="sum">
|
|
<div class="sum">
|
|
@@ -24,23 +25,37 @@
|
|
<el-divider />
|
|
<el-divider />
|
|
<el-scrollbar>
|
|
<el-scrollbar>
|
|
<div class="body">
|
|
<div class="body">
|
|
|
|
+ <div class="centerInput" v-if="!showInfo.realNum||showInfo.realNum < showInfo.needNum">
|
|
|
|
+ <div></div>
|
|
|
|
+ <div class="operate" >
|
|
|
|
+ <div class="describeText operateText">录入数量</div>
|
|
|
|
+ <NumberInput v-model="itemNum" :min="1" :max="showInfo.needNum-showInfo.realNum" style="margin-left: 140px;margin-bottom: 10px"/>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
<div
|
|
<div
|
|
class="info titleText"
|
|
class="info titleText"
|
|
v-for="(item, index) in showInfoData"
|
|
v-for="(item, index) in showInfoData"
|
|
:key="index"
|
|
:key="index"
|
|
>
|
|
>
|
|
- {{ item.batchNo }} * {{ item.num }}
|
|
|
|
|
|
+ {{ item.created }} * {{ item.num }}
|
|
<span style="margin-right: 10px"></span>
|
|
<span style="margin-right: 10px"></span>
|
|
</div>
|
|
</div>
|
|
<Empty v-if="showInfoData.length == 0" />
|
|
<Empty v-if="showInfoData.length == 0" />
|
|
</div>
|
|
</div>
|
|
|
|
+
|
|
</el-scrollbar>
|
|
</el-scrollbar>
|
|
|
|
+ <div class="bottomBtn" v-if="!showInfo.realNum||showInfo.realNum < showInfo.needNum">
|
|
|
|
+ <el-button class="leftBtn" @click="handleClose">取消</el-button>
|
|
|
|
+ <el-button class="rightBtn" @click="submit" type="primary"
|
|
|
|
+ >确认</el-button
|
|
|
|
+ >
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script lang="ts" setup>
|
|
<script lang="ts" setup>
|
|
-const emits = defineEmits(["update:modelValue"]);
|
|
|
|
|
|
+const emits = defineEmits(["update:modelValue","submitItem"]);
|
|
const props = defineProps({
|
|
const props = defineProps({
|
|
modelValue: {
|
|
modelValue: {
|
|
type: Boolean,
|
|
type: Boolean,
|
|
@@ -53,7 +68,11 @@ const props = defineProps({
|
|
type: Object,
|
|
type: Object,
|
|
},
|
|
},
|
|
});
|
|
});
|
|
|
|
+const submit=()=>{
|
|
|
|
+ emits("submitItem",itemNum);
|
|
|
|
+}
|
|
const scanCode = ref("");
|
|
const scanCode = ref("");
|
|
|
|
+const itemNum=ref(1);
|
|
const handleClose = () => {
|
|
const handleClose = () => {
|
|
emits("update:modelValue", false);
|
|
emits("update:modelValue", false);
|
|
};
|
|
};
|
|
@@ -77,7 +96,9 @@ const handleClose = () => {
|
|
.describeText {
|
|
.describeText {
|
|
line-height: 25px !important;
|
|
line-height: 25px !important;
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+.centerInput{
|
|
|
|
+ text-align: center;
|
|
|
|
+}
|
|
.infoBox {
|
|
.infoBox {
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 200px;
|
|
height: 200px;
|
|
@@ -134,4 +155,30 @@ const handleClose = () => {
|
|
line-height: 70px;
|
|
line-height: 70px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+.bottomBtn {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 70px;
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ padding: $p10 10% 0 10%;
|
|
|
|
+
|
|
|
|
+ .leftBtn {
|
|
|
|
+ height: 55px;
|
|
|
|
+ width: 45%;
|
|
|
|
+ border-radius: 16px;
|
|
|
|
+ font-size: $f20;
|
|
|
|
+ color: #0a59f7;
|
|
|
|
+ background-color: #00000015;
|
|
|
|
+ border: 0px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .rightBtn {
|
|
|
|
+ height: 55px;
|
|
|
|
+ width: 45%;
|
|
|
|
+ border-radius: 16px;
|
|
|
|
+ font-size: $f20;
|
|
|
|
+ color: white;
|
|
|
|
+ }
|
|
|
|
+}
|
|
</style>
|
|
</style>
|