<%@ Page Title="核对送检" Language="C#" MasterPageFile="~/Mst.master" AutoEventWireup="true" CodeFile="Cpdbsj.aspx.cs" Inherits="H5_Cpdbsj" %>
|
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
|
<style>
|
.si-status-box,
|
.si-status__left
|
{
|
background-color: transparent !important; /* 透明背景 */
|
border: 1px solid #000 !important; /* 黑色外框 */
|
color: #000 !important; /* 全局文字颜色 */
|
height: 0.5rem;
|
}
|
|
.si-status__left::after {
|
content: none !important;
|
}
|
|
.si-status__label,
|
.si-status__right {
|
font-size: 0.33rem !important; /* 统一字体大小 */
|
color: inherit !important; /* 继承父级文字颜色 */
|
}
|
|
|
/* 居中核心样式 */
|
.centered-stepper-field {
|
.stepper-container {
|
display: flex;
|
justify-content: center; /* 水平居中 */
|
width: 100%;
|
}
|
|
/* 调整步进器按钮间距 */
|
.van-stepper__minus {
|
margin-right: 12px;
|
}
|
.van-stepper__plus {
|
margin-left: 12px;
|
}
|
}
|
|
/* 新增样式 */
|
.button-container {
|
display: flex;
|
width: 100%;
|
gap: 12px; /* 按钮间距 */
|
padding: 0 16px; /* 左右留白 */
|
box-sizing: border-box;
|
}
|
|
.action-button {
|
flex: 1; /* 等分剩余空间 */
|
min-width: 0; /* 防止内容溢出 */
|
}
|
</style>
|
</asp:Content>
|
|
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
|
<div class="content-wrapper">
|
<van-nav-bar
|
title="核对送检"
|
left-text="返回"
|
left-arrow
|
@click-left="GoBack()">
|
</van-nav-bar>
|
|
<div class="mySolid">
|
<van-cell-group>
|
<van-field
|
ref="KbBar"
|
v-model="KbBar"
|
label="卡板条码"
|
clearable
|
placeholder="请扫码"
|
:right-icon-size="19"
|
v-focus.noKeyboard
|
@keyup.enter.native="getKbBarInfo"
|
autofocus="true">
|
</van-field>
|
|
<div class="si-status-group">
|
<div class="si-status-box si-status--ok">
|
<div class="si-status__left">
|
<span class="si-status__label">可装数</span>
|
</div>
|
<div class="si-status__right">{{KbBarInfo.oldqty||0}}</div>
|
</div>
|
|
<div class="si-status-box si-status--error">
|
<div class="si-status__left">
|
<span class="si-status__label">待装数</span>
|
</div>
|
<div class="si-status__right">
|
{{ ((+(KbBarInfo.oldqty || 0) - +(KbBarInfo.ySum || 0)) || 0) }}
|
</div>
|
</div>
|
</div>
|
|
|
<van-field
|
label="装箱数"
|
class="centered-stepper-field"
|
:model-value="Xvalue.toString()"
|
>
|
<template #input>
|
<div class="stepper-container">
|
<van-stepper
|
v-model="Xvalue"
|
:min="1"
|
:max="99"
|
integer
|
button-size="26px"
|
:disable-input="true"
|
/>
|
</div>
|
</template>
|
</van-field>
|
|
<van-field
|
ref="DAA001"
|
v-model="DAA001"
|
label="指令工单"
|
placeholder="指令工单"
|
autofocus="true"
|
readonly
|
>
|
</van-field>
|
|
<van-field
|
ref="XBar"
|
v-model="XBar"
|
label="箱条码"
|
placeholder="请扫外箱码"
|
@keyup.enter.native="getXBarInfo"
|
autofocus="true">
|
</van-field>
|
|
<van-field
|
ref="LsBar"
|
v-model="LsBar"
|
label="产品条码"
|
placeholder="请扫产品条码"
|
@keyup.enter.native="checkProductBarcode"
|
autofocus="true">
|
</van-field>
|
|
<%-- <van-field
|
ref="LsBar"
|
v-model="LsBar"
|
label="线别"
|
placeholder="请选择线别"
|
autofocus="true">
|
</van-field>--%>
|
<!-- 修改后的按钮容器 -->
|
<div class="button-container">
|
<van-button
|
type="warning"
|
class="action-button reset-button"
|
<%-- @click.native="handleClear"--%>
|
>重置</van-button>
|
<van-button
|
type="info"
|
class="action-button submit-button"
|
@click.native="handleSubmit"
|
>送检</van-button>
|
</div>
|
|
</van-cell-group>
|
</div>
|
|
<van-tabs color="#000" title-active-color="#0283EF">
|
<van-tab title="箱明细" class="mySolid font">
|
<van-row>
|
<van-col span="7" class="text-left padding-left">条码</van-col>
|
<van-col span="7" class="text-left padding-left">物料</van-col>
|
<van-col span="7" class="text-left padding-left">规格</van-col>
|
<van-col span="3" >重量</van-col>
|
</van-row>
|
<van-row
|
v-for="(itm,index) in XbarInfo"
|
:key="index"
|
:style="{ background: itm.is_hedui === '1' ? '#e8f5e9 !important' : 'transparent' }">
|
<van-col span="7" class="text-left padding-left">{{itm.iteM_BARCODE}}</van-col>
|
<van-col span="7" class="text-left padding-left">
|
<div class="blue-text">{{itm.item_no}}</div>
|
<div>{{itm.item_name}}</div>
|
</van-col>
|
<van-col span="7" class="text-left padding-left">
|
<div>{{itm.item_model}}</div>
|
</van-col>
|
<van-col span="3" class="blue-text">{{itm.weight}}</van-col>
|
</van-row>
|
</van-tab>
|
|
<van-tab title="卡板明细" class="mySolid font">
|
<van-row>
|
<van-col span="7" class="text-left padding-left">条码</van-col>
|
<van-col span="7" class="text-left padding-left">物料</van-col>
|
<van-col span="7" class="text-left padding-left">规格</van-col>
|
<van-col span="3" >重量</van-col>
|
</van-row>
|
<van-row v-for="(itm,index) in KbBarMxInfo" :key="index">
|
<van-col span="7" class="text-left padding-left" >{{itm.iteM_BARCODE}}</van-col>
|
<van-col span="7" class="text-left padding-left">
|
<div class="blue-text">{{itm.item_no}}</div>
|
<div>{{itm.item_name}}</div>
|
</van-col>
|
<van-col span="7" class="text-left padding-left">
|
<div>{{itm.item_model}}</div>
|
</van-col>
|
|
<van-col span="3" class="blue-text">{{itm.weight}}</van-col>
|
</van-row>
|
</van-tab>
|
</van-tabs>
|
</div>
|
</asp:Content>
|
|
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder3" Runat="Server">
|
<comloading v-if="isLoading"></comloading>
|
</asp:Content>
|
|
<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder4" Runat="Server">
|
<script src="Js/Cpbdsj.js?<%=1211111141 %>"></script>
|
</asp:Content>
|
