<%@ Page Title="采购入库（新）"
|
Language="C#"
|
MasterPageFile="~/Mst.master"
|
AutoEventWireup="true"
|
CodeFile="PurchaseInventoryReturn.aspx.cs"
|
Inherits="H5_Scll" %>
|
|
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
|
<style>
|
/* 基础背景样式 */
|
.bg-info {
|
background-color: #fff;
|
}
|
|
/* 验退相关警告样式 */
|
.return-warning {
|
color: #ff4444 !important;
|
font-weight: bold;
|
}
|
|
.return-field .van-field__label {
|
color: #ff4444 !important;
|
font-weight: bold;
|
}
|
|
.return-field .van-field__control {
|
color: #ff4444 !important;
|
font-weight: bold;
|
}
|
|
.return-button {
|
background: linear-gradient(135deg, #ff6b6b, #ee5a52) !important;
|
border: none !important;
|
box-shadow: 0 2px 8px rgba(255, 107, 107, 0.3) !important;
|
}
|
|
/* 克重输入框样式 */
|
.weight-field {
|
background: linear-gradient(135deg, rgba(15, 157, 88, 0.12), rgba(15, 157, 88, 0.02));
|
border-left: 4px solid #0f9d58;
|
border-radius: 8px;
|
box-shadow: 0 2px 12px rgba(15, 157, 88, 0.18);
|
margin-bottom: 12px;
|
}
|
|
.weight-field .van-field__label,
|
.weight-field .van-field__control {
|
color: #0f9d58 !important;
|
font-weight: 600;
|
}
|
|
.weight-field input {
|
color: #0b7a45 !important;
|
font-weight: 600;
|
}
|
</style>
|
</asp:Content>
|
|
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
|
<!-- 导航栏 -->
|
<van-nav-bar
|
title="采购入库（新）"
|
left-text="返回"
|
left-arrow
|
@click-left="GoBack()"
|
></van-nav-bar>
|
|
<!-- 核心表单区域 -->
|
<van-cell-group>
|
<!-- 库位编码 -->
|
<van-field
|
ref="sectionCode"
|
v-model="sectionCode"
|
label="库位编码"
|
clearable
|
placeholder="请扫码"
|
:right-icon-size="19"
|
v-focus.noKeyboard
|
@keyup.enter.native="getModel"
|
autofocus="true"
|
></van-field>
|
|
<!-- 仓库信息（禁用状态） -->
|
<van-field
|
v-model="depotData.depotName"
|
label="仓库名称"
|
placeholder=""
|
disabled
|
></van-field>
|
|
<van-field
|
v-model="depotData.depotCode"
|
label="仓库编码"
|
placeholder=""
|
disabled
|
></van-field>
|
|
<!-- 克重输入 -->
|
<van-field
|
ref="weight"
|
v-model="formData.weight"
|
label="克重"
|
clearable
|
placeholder="请输入克重"
|
type="text"
|
inputmode="decimal"
|
class="weight-field"
|
@input="handleWeightInput"
|
@blur="handleWeightBlur"
|
></van-field>
|
<!-- 入库备注输入 -->
|
<van-field
|
ref="remark"
|
v-model="formData.remark"
|
label="入库备注"
|
clearable
|
placeholder="请输入备注"
|
type="text"
|
inputmode="nvachar"
|
class="weight-field"
|
|
|
></van-field>
|
|
<!-- 物料条码 -->
|
<van-field
|
ref="barcode"
|
v-model="formData.barcode"
|
label="物料条码"
|
clearable
|
placeholder="请扫码"
|
:right-icon-size="19"
|
v-focus.noKeyboard
|
@keyup.enter.native="getScan"
|
></van-field>
|
|
<%--<!-- 验退相关字段（红色警告样式） -->
|
<van-field
|
ref="returnBarcode"
|
v-model="formData.returnBarcode"
|
label="⚠️ 验退条码"
|
clearable
|
placeholder="请扫码"
|
:right-icon-size="19"
|
v-focus.noKeyboard
|
@keyup.enter.native="getReturnScan"
|
class="return-field"
|
></van-field>
|
|
<!-- 验退数量 + 验退按钮 -->
|
<van-row>
|
<van-col span="18">
|
<van-field
|
v-model="formData.returnQuantity"
|
label="⚠️ 验退数量"
|
clearable
|
placeholder="请输入验退数量"
|
type="number"
|
class="return-field"
|
></van-field>
|
</van-col>
|
<van-col span="6" style="padding: 10px;">
|
<van-button
|
type="primary"
|
size="small"
|
@click="confirmReturn"
|
class="return-button"
|
>⚠️ 验退</van-button>
|
</van-col>
|
</van-row>--%>
|
|
<!-- 只读信息展示 -->
|
<van-field
|
v-model="formData.itemNo"
|
label="物料编码"
|
placeholder=""
|
disabled
|
></van-field>
|
|
<van-field
|
v-model="formData.billNo"
|
label="到货单号"
|
placeholder=""
|
disabled
|
></van-field>
|
|
<van-field
|
v-model="formData.barcodeQuantity"
|
label="条码数量"
|
placeholder=""
|
disabled
|
></van-field>
|
|
<van-field
|
v-model="formData.sumQuantity"
|
label="已入总数"
|
placeholder=""
|
disabled
|
></van-field>
|
</van-cell-group>
|
|
<!-- 标签页区域 -->
|
<van-tabs color="#000" title-active-color="#0283EF">
|
<!-- 入库物料标签页 -->
|
<van-tab title="入库物料" class="mySolid font">
|
<van-row>
|
<van-col span="8" class="text-left padding-left">物料</van-col>
|
<van-col span="8" class="text-left padding-left">规格</van-col>
|
<van-col span="5">物料分区</van-col>
|
<van-col span="3">已入库数</van-col>
|
</van-row>
|
<!-- 物料列表循环 -->
|
<van-row v-for="(itm, index) in ItemDetail" :key="index">
|
<van-col span="8" class="text-left padding-left">
|
<div class="blue-text">{{itm.itemNo}}</div>
|
<div>{{itm.itemName}}</div>
|
</van-col>
|
<van-col span="8" class="text-left padding-left">
|
<div>{{itm.itemModel}}</div>
|
</van-col>
|
<van-col span="3" class="blue-text">{{itm.fQty}}</van-col>
|
<van-col span="5" class="blue-text">{{itm.fQty}}</van-col>
|
</van-row>
|
</van-tab>
|
|
<!-- 入库条码标签页 -->
|
<van-tab title="入库条码" class="mySolid font">
|
<van-row>
|
<van-col span="8" class="text-left padding-left">条码</van-col>
|
<van-col span="8" class="text-left padding-left">物料</van-col>
|
<van-col span="4">数量</van-col>
|
<van-col span="4">库位编码</van-col>
|
</van-row>
|
<!-- 条码列表循环 -->
|
<van-row v-for="(itm, index) in tableData" :key="index">
|
<van-col span="8" class="text-left padding-left">
|
<div>{{itm.barcode}}</div>
|
</van-col>
|
<van-col span="8" class="text-left padding-left">
|
<div>{{itm.itemNo}}</div>
|
<div>{{itm.itemName}}</div>
|
</van-col>
|
<van-col span="4">{{itm.fQty}}</van-col>
|
<van-col span="4">{{itm.kw}}</van-col>
|
</van-row>
|
</van-tab>
|
</van-tabs>
|
</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">
|
<!-- 引入JS文件（带版本号防缓存） -->
|
<script src="Js/PurchaseInventoryReturn.js?<%=123611111 %>"></script>
|
</asp:Content>
|
