1.采购入库界面优化

南骏 池

2025-04-02 603670bfbc029fd081fb1c88d00a18f78ec7d349

1.采购入库界面优化

 H5/Js/PurchaseInventory.js

@@ -31,6 +31,9 @@
            contentScrollW: 0, // 导航区宽度
            scrollLeft: 0, // 横向滚动条位置
            fullHeight: "",
            sectionCode:"",
            depotData: [],
            ItemDetail: [],
        }
    },
    mounted() {
@@ -45,25 +48,27 @@
            var that = this;
            that.isLoading = true;
            that.AxiosHttp("post", 'MesDepotSections/GetSectionName', {
                sectionCode: that.formData.sectionCode
                sectionCode: that.sectionCode
            }, false)
                .then(function (res) {
                    var json = res;
                    if (json.status == 0) {
                        that.formData.sectionName = json.data.tbBillList;
                        that.depotData = json.data.tbBillList;
                        that.$refs.barcode.focus();
                    }
                    else {
                        that.$toast.fail(json.message);
                        that.formData.sectionName = "";
                        that.depotData = [];
                        that.sectionCode = "";
                    }
                    that.isLoading = false;
                })
                .catch(function (error) {
                    that.isLoading = false;
                    that.$toast.fail("网络错误，请重试！");
                    console.log(error);
                    that.$refs.daa001.focus();
                    that.depotData = [];
                    that.sectionCode = "";
                    that.$refs.sectionCode.focus();
                });
        },
        getScan() {
@@ -71,20 +76,20 @@
             
            that.isLoading = true;
            that.AxiosHttp("post", 'MesInvItemInCDetails/SaveBarCodes', {
                sectionCode: that.formData.sectionCode,
                sectionCode: that.sectionCode,
                userName: that.userInfo.loginAccount,
                barcode: that.formData.barcode,
            }, false)
                .then(function (res) {
                    var json = res;
                    if (json.status == 0) {
                        that.formData.itemNo = json.data.tbBillList.itemNo;
                        that.formData.sumQuantity = json.data.tbBillList.sumQuantity;

                        that.itemInsFormData = json.data.tbBillList.itemIns;
                        that.itemTableData = json.data.tbBillList.itemInDetails;
                        that.tableData = json.data.tbBillList.invItemInCDetails;
                        that.barMessage = json.data.tbBillList.message;
                        //that.formData.itemNo = json.data.tbBillList.itemNo;
                        //that.formData.sumQuantity = json.data.tbBillList.sumQuantity;
                        that.ItemDetail = json.data.tbBillList.itemInDetails;
                        //that.itemInsFormData = json.data.tbBillList.itemIns;
                        //that.itemTableData = json.data.tbBillList.itemInDetails;g
                        that.tableData = json.data.tbBillList.itemBarCDetails;
                        //that.barMessage = json.data.tbBillList.message;
                        that.$refs.barcode.focus();
                        that.formData.barcode = null;
                    }
@@ -140,7 +145,8 @@
                });
        },
        cleraCode() {
            this.formData.sectionCode = null;
            this.sectionCode = "";
            this.$refs.sectionCode.focus();
        },
        ToErp() {
            this.Message = "";

 H5/PurchaseInventory.aspx

@@ -18,7 +18,7 @@
        <van-cell-group>
  <van-field 
    ref="sectionCode"
    v-model="formData.sectionCode"
    v-model="sectionCode"
    label="库位编码"
    clearable 
     placeholder="请扫码"
@@ -28,6 +28,18 @@
    <%--@change="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="barcode"
   v-model="formData.barcode"
@@ -42,57 +54,75 @@
   <van-field
  v-model="formData.itemNo"
  label="物料编码"
  placeholder="物料编码"
  placeholder=""
  disabled
></van-field>
   <van-field
  v-model="formData.sumQuantity"
  label="当前条码入库数量"
  placeholder="当前条码入库数量"
  label="已入总数"
  placeholder=""
  disabled
></van-field>
</van-cell-group>
<%--    </div>--%>
  <van-tabs color="#000" title-active-color="#0283EF">
  <van-tab title="物料明细" class="mySolid font">
<%--  <van-tab title="物料明细" class="mySolid font">
      <van-row>
            <van-col span="5" class="text-left padding-left">采购单号</van-col>

             <van-col span="5">物料编码</van-col>
            <van-col span="5">物料名称</van-col>
          <van-col span="5">数量</van-col>
          <van-col span="4">单位</van-col>
    </van-row>
    <van-row  v-for="(itm,index) in itemTableData" :key="index">
         <%-- <van-col span="12"  class="text-left padding-left">
               <div>{{itm.itemNo}}</div>
               <div>{{itm.itemName}}</div>
          </van-col>--%>
        <van-col span="5">{{itm.workNo}}</van-col>
        <van-col span="5">{{itm.itemNo}}</van-col>
        <van-col span="5">{{itm.itemSname}}</van-col>
          <van-col span="5">{{itm.quantity}}</van-col>
         <van-col span="4">{{itm.unit}}</van-col>
    </van-row>
  </van-tab>
  </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="8">已入库数</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="8" class="blue-text">{{itm.fQty}}</van-col>
       </van-row>
   </van-tab>

   <van-tab title="入库条码" class="mySolid font">
         <van-row>
            <van-col span="12" class="text-left padding-left">物料</van-col>
             <van-col span="6">数量</van-col>
            <van-col span="6">库位编码</van-col>
            <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="12" class="text-left padding-left">
           <van-col span="8" class="text-left padding-left">
                <div>{{itm.itemNo}}</div>
                <div>{{itm.itemName}}</div>
           </van-col>
            <van-col span="6" class="text-left padding-left">
                <div>{{itm.quantity}}</div>
                <div>{{itm.itemUnit}}</div>
            <van-col span="8" class="text-left padding-left">
            <div>{{itm.itemModel}}</div>
            </van-col>
           <van-col span="6">{{itm.depotSectionCode}}</van-col>
            <van-col span="4">
                <div>{{itm.fQty}}</div>
            </van-col>
           <van-col span="4">{{itm.kw}}</van-col>
       </van-row>
   </van-tab>
      <van-tab title="采购原单" class="mySolid font">
      <%--<van-tab title="收料原单" class="mySolid font">
         <van-field
          v-model="itemInsFormData.billNo"
          label="入库单号"
@@ -159,17 +189,17 @@
           placeholder="备注信息"
           disabled
         ></van-field>
      </van-tab>
      </van-tab>--%>
</van-tabs>

    <van-button type="primary" @click="getScan" >确认</van-button>
<%--    <van-button type="primary" @click="getScan" >确认</van-button>--%>
    <%--<van-button type="primary" @click="ToErp" >审核</van-button>--%>
    <van-button type="primary" @click="cleraCode" >清除库位编码</van-button>
<%--    <van-button type="primary" @click="cleraCode" >清除库位编码</van-button>--%>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder3" Runat="Server">
    <comloading  v-if="isLoading"></comloading>
    <%--<comback ></comback>--%>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder4" Runat="Server">
    <script src="Js/PurchaseInventory.js?<%=1234 %>"></script>
    <script src="Js/PurchaseInventory.js?<%=1236111 %>"></script>
</asp:Content>