增加一键调拨，修改调拨出入库

cnf

2025-11-08 e2b19b6d081cffba6190506b49b91aac4bec50c0

增加一键调拨，修改调拨出入库

 H5/Dbck.aspx

@@ -8,6 +8,11 @@
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
                <van-notice-bar 
    :scrollable="false" 
    :text="'当前组织：' + (Cookies.get('orgName') || '暂无组织信息')" 
    class="org-info"
/></van-notice-bar>
        <van-nav-bar
          title="调拨出库"
          left-text="返回"
@@ -82,7 +87,9 @@
            <van-col span="3">待扫</van-col>
            <van-col span="5">推荐库位</van-col>
        </van-row>
        <van-row v-for="(itm,index) in ItemDetail.items" :key="index">
        <van-row v-for="(itm,index) in ItemBlDetail" :key="index"
            :style="{ background: currentIndex === index ? '#87CEEB' : '' }"
            @click.native="handleRowClick(itm, index)">
            <van-col span="8" class="text-left padding-left">
                <div class="blue-text">{{itm.itemNo}}</div>
                <div>{{itm.itemName}}</div>
@@ -95,6 +102,25 @@
        </van-row>
    </van-tab>

    <van-tab title="库位列表" class="mySolid font">
        <van-row>
            <van-col span="10" class="text-left padding-left">条码编号</van-col>
            <van-col span="5" class="text-left padding-left">库位</van-col>
            <van-col span="4">数量</van-col>
            <van-col span="5">仓库</van-col>
        </van-row>
        <van-row v-for="(itm,index) in ItemBarKw" :key="index">
            <van-col span="10" class="text-left padding-left">
                <div class="blue-text">{{itm.iteM_BARCODE}}</div>
            </van-col>
            <van-col span="5" class="text-left padding-left">
                <div>{{itm.depoT_SECTIONS_CODE}}</div>
            </van-col>
            <van-col span="4" class="blue-text">{{itm.quantity}}</van-col>
            <van-col span="5" >{{itm.depot_name}}</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>
@@ -102,7 +128,7 @@
            <van-col span="3">需领数</van-col>
            <van-col span="5">已领数</van-col>
        </van-row>
        <van-row v-for="(itm,index) in ItemDetail.ysitems" :key="index">
        <van-row v-for="(itm,index) in ItemYsDetail" :key="index">
            <van-col span="8" class="text-left padding-left">
                <div class="blue-text">{{itm.itemNo}}</div>
                <div>{{itm.itemName}}</div>
@@ -123,5 +149,5 @@
  <%--<comback ></comback>--%>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder4" Runat="Server">
 <script src="Js/Dbck.js?<%=123111116 %>"></script>
 <script src="Js/Dbck.js?<%=1231111112 %>"></script>
</asp:Content>

 H5/Js/Dbck.js

@@ -12,7 +12,13 @@
            fum: "",
            billNo: "",
            barcode:"",
            ItemBlDetail:[],

            ItemBlDetail: [], // å¾…扫
            ItemYsDetail: [], // å·²æ‰«
            ItemDetail: [],
            ItemBarKw: [],
            currentIndex: -1,

            modeInfo: [],
            active: 0,
            show: false,
@@ -29,6 +35,56 @@
        };
    },
    methods: {
            handleRowClick(item, index) {
                if (this.isLoading) {
                    return;
                }

                // é‡ç½®æ‰€æœ‰è¡Œçš„选中状态
                this.currentIndex = -1;

                // è®¾ç½®å½“前选中行
                this.currentIndex = index;
                this.selItem = {
                    itemid: item.itemId,
                    index: index
                };

                console.log('当前选中项:', this.selItem); // è°ƒè¯•ç”¨

                this.GetBarKwByItem();
                //this.active = 1;            //自动切换到库位列表tab
            },
            GetBarKwByItem() {

                var that = this;
                that.isLoading = true;
                that.AxiosHttp("post", 'Womdaa/GetBarKwByItemCK', {
                    itemId: that.selItem.itemid,
                    userName: that.userInfo.loginAccount,
                    type: 'DBCK',//调拨出库
                    billNo: that.billNo
                }, false)
                    .then(function (res) {
                        var json = res;
                        if (json.status == 0) {
                            that.ItemBarKw = json.data.tbBillList;
                        }
                        else {
                            that.$toast.fail(json.message);
                            that.$playSound('error');
                            that.ItemBarKw = [];
                        }
                        that.isLoading = false;
                    })
                    .catch(function (error) {
                        that.isLoading = false;
                        that.$toast.fail("网络错误，请重试！");
                        that.$playSound('error');
                        console.log(error);
                        that.ItemBarKw = [];
                    });
            },
        getInfo() {
            this.show = true;

@@ -45,21 +101,18 @@
                            that.$toast.fail("没有找到可以选择的出库单号");
                        }


                        that.actions = json.data.tbBillList.map(item => {
                            return { name: item }
                        });
                    }
                    else {
                        that.$toast.fail(json.message);
                        that.$playSound('error');
                    }
                    that.isLoading = false;
                })
                .catch(function (error) {
                    that.isLoading = false;
                    that.$toast.fail("网络错误，请重试！");
                    that.$playSound('error');
                    console.log(error);
                });
        },
@@ -74,6 +127,8 @@
            this.show = false;

            this.billNo = item.name;
            // æ¸…空库位列表
            this.ItemBarKw = [];
            this.GetMesItemBlDetailByBillNo();
            //this.$toast(item.name);

@@ -87,14 +142,18 @@
                .then(function (res) {
                    var json = res;
                    if (json.status == 0) {
                        that.ItemDetail = json.data.tbBillList;
                        that.$playSound('success');
                        //that.ItemDetail = json.data.tbBillList;
                        var tbBillList = json.data.tbBillList || {};
                        that.ItemBlDetail = tbBillList.blDetails || []; // å¾…扫
                        that.ItemYsDetail = tbBillList.ysDetails || []; // å·²æ‰«
                        that.$refs.barcode.focus();
                        that.barcode = "";
                        // é‡ç½®åº“位查询中所有行的选中状态
                        that.currentIndex = -1;
                        that.ItemBarKw = [];
                    }
                    else {
                        that.$toast.fail(json.message);
                        that.$playSound('error');
                        that.$refs.billNo.focus();
                        that.billNo = "";
                        that.ItemDetail = null;
@@ -104,7 +163,6 @@
                .catch(function (error) {
                    that.isLoading = false;
                    that.$toast.fail("网络错误，请重试！");
                    that.$playSound('error');
                    that.$refs.billNo.focus();
                    that.billNo = "";
                    that.ItemBlDetail = null;
@@ -120,21 +178,18 @@

            if (!that.userInfo.loginAccount) {
                this.$toast.fail("请重新检查登录状态");
                that.$playSound('error');
                that.isLoading = false;
                return;
            }

            if (!that.barcode) {
                this.$toast.fail("条码不能为空");
                that.$playSound('error');
                that.isLoading = false;
                return;
            }

            if (!that.billNo) {
                this.$toast.fail("申请单号不能为空");
                that.$playSound('error');
                that.isLoading = false;
                return;
            }
@@ -153,8 +208,7 @@
                        ////that.fum = json.data.form.fum;
                        //that.ItemBlDetail = json.data.items
                        that.$notify({ type: 'success', message: '扫码成功' });
                        that.$playSound('success');

                        that.$toast.success("扫描成功");
                        that.$refs.barcode.focus();
                        that.barcode = "";
                        //that.GetMesItemBlDetailByBillNo();
@@ -162,14 +216,12 @@
                    }
                    else if (json.status == 2) {
                        that.itemNo = json.data.tbBillList.itemNo;
                        that.$playSound('error');
                        that.$refs.splitNum.focus();
                        that.scanInfo.splitNum = json.data.tbBillList.splitNum;
                        that.scanInfo.barcodeNum = json.data.tbBillList.barcodeNum;
                    }
                    else {
                        that.$toast.fail(json.message);
                        that.$playSound('error');
                        that.$refs.barcode.focus();
                        that.barcode = "";
                    }
@@ -178,7 +230,6 @@
                .catch(function (error) {
                    that.isLoading = false;
                    that.$toast.fail("网络错误，请重试！");
                    that.$playSound('error');
                    //console.log(error);
                    that.$refs.barcode.focus();
                    that.barcode = "";
@@ -194,17 +245,14 @@
            var that = this;
            if (that.billNo.length <= 0) {
                that.$toast.fail("申请单号不能为空！");
                that.$playSound('error');
                return;
            }
            if (that.scanInfo.splitNum * 1 <= 0) {
                that.$toast.fail("拆分数量不能为空！");
                that.$playSound('error');
                return;
            }
            if (that.barcode.length * 1 <= 0) {
                that.$toast.fail("物料条码不能为空！");
                that.$playSound('error');
                return;
            }
            //that.ip = "";

 H5/Js/Dbrk.js

@@ -50,14 +50,12 @@
                    }
                    else {
                        that.$toast.fail(json.message);
                        that.$playSound('error');
                    }
                    that.isLoading = false;
                })
                .catch(function (error) {
                    that.isLoading = false;
                    that.$toast.fail("网络错误，请重试！");
                    that.$playSound('error');
                    console.log(error);
                });
        },
@@ -87,13 +85,11 @@
                    if (json.status == 0) {
                        //that.ItemBlDetail = json.data.tbBillList;
                        that.ItemDetail = json.data.tbBillList;
                        that.$playSound('success');
                        that.$refs.sectionCode.focus();
                        that.sectionCode = "";
                        //that.sectionCode = "";
                    }
                    else {
                        that.$toast.fail(json.message);
                        that.$playSound('error');
                        that.$refs.billNo.focus();
                        that.billNo = "";
                        that.ItemBlDetail = null;
@@ -103,7 +99,6 @@
                .catch(function (error) {
                    that.isLoading = false;
                    that.$toast.fail("网络错误，请重试！");
                    that.$playSound('error');
                    that.$refs.billNo.focus();
                    that.billNo = "";
                    that.ItemBlDetail = null;
@@ -117,7 +112,6 @@

            if (that.sectionCode.length == 0) {
                this.$toast.fail("库位编码不能为空");
                that.$playSound('error');
                return;
            }

@@ -130,25 +124,22 @@
                    var json = res;
                    if (json.status == 0) {
                        that.$notify({ type: 'success', message: json.data.tbBillList });
                        that.$playSound('success');
                        that.$refs.barcode.focus();
                        that.barcode = "";
                    }
                    else {
                        that.$toast.fail(json.message);
                        that.$playSound('error');
                        that.$refs.sectionCode.focus();
                        that.sectionCode = "";
                        //that.sectionCode = "";

                    }
                })
                .catch(function (error) {
                    that.isLoading = false;
                    that.$toast.fail("网络错误，请重试！");
                    that.$playSound('error');
                    //console.log(error);
                    that.$refs.sectionCode.focus();
                    that.sectionCode = "";
                    //that.sectionCode = "";
                });
        },
        getBarcode() {
@@ -160,21 +151,18 @@

            if (!that.userInfo.loginAccount) {
                this.$toast.fail("请重新检查登录状态");
                that.$playSound('error');
                that.isLoading = false;
                return;
            }

            if (!that.sectionCode) {
                this.$toast.fail("库位不能为空");
                that.$playSound('error');
                that.isLoading = false;
                return;
            }

            if (!that.barcode) {
                this.$toast.fail("条码不能为空");
                that.$playSound('error');
                that.isLoading = false;
                return;
            }
@@ -200,7 +188,6 @@
                        //that.barcode = json.data.form.barcode;
                        that.ItemBlDetail = json.data.items
                        that.$notify({ type: 'success', message: '扫码成功' });
                        that.$playSound('success');
                        that.$refs.barcode.focus();
                        that.barcode = "";
                        that.billNo = json.data.form.billNo;
@@ -208,7 +195,6 @@
                    }
                    else {
                        that.$toast.fail(json.message);
                        that.$playSound('error');
                        that.$refs.barcode.focus();
                        that.barcode = "";
                    }
@@ -217,7 +203,6 @@
                .catch(function (error) {
                    that.isLoading = false;
                    that.$toast.fail("网络错误，请重试！");
                    that.$playSound('error');
                    //console.log(error);
                    that.$refs.barcode.focus();
                    that.barcode = "";

 H5/Js/Yjdb.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,338 @@
var vm = new Vue({
    el: '#app',
    data: function () {
        return {
            isLoading: false,
            userInfo: {
                "loginGuid": '',
                "loginAccount": '',
            },
            itemNo: "",
            num: "",
            fum: "",
            billNo: "",
            barcode:"",

            ItemBlDetail: [], // å¾…扫
            ItemYsDetail: [], // å·²æ‰«
            ItemDetail: [],
            ItemBarKw: [],
            currentIndex: -1,

            modeInfo: [],
            active: 0,
            show: false,
            actions: [],
            ItemDetail: [],
            scanInfo: { barcodeNum: "", splitNum: "", barcode: "" },
            sectionCode:"",
        }
    },
    mounted() {
        var that = this;
        this.userInfo = {
            loginGuid: this.GetLoginInfor().loginGuid,
            loginAccount: this.GetLoginInfor().loginAccount,
        };
    },
    methods: {
            handleRowClick(item, index) {
                if (this.isLoading) {
                    return;
                }

                // é‡ç½®æ‰€æœ‰è¡Œçš„选中状态
                this.currentIndex = -1;

                // è®¾ç½®å½“前选中行
                this.currentIndex = index;
                this.selItem = {
                    itemid: item.itemId,
                    index: index
                };

                console.log('当前选中项:', this.selItem); // è°ƒè¯•ç”¨

                this.GetBarKwByItem();
                //this.active = 1;            //自动切换到库位列表tab
            },
            GetBarKwByItem() {

                var that = this;
                that.isLoading = true;
                that.AxiosHttp("post", 'Womdaa/GetBarKwByItemCK', {
                    itemId: that.selItem.itemid,
                    userName: that.userInfo.loginAccount,
                    type: 'DBCK',//调拨出库
                    billNo: that.billNo
                }, false)
                    .then(function (res) {
                        var json = res;
                        if (json.status == 0) {
                            that.ItemBarKw = json.data.tbBillList;
                        }
                        else {
                            that.$toast.fail(json.message);
                            that.$playSound('error');
                            that.ItemBarKw = [];
                        }
                        that.isLoading = false;
                    })
                    .catch(function (error) {
                        that.isLoading = false;
                        that.$toast.fail("网络错误，请重试！");
                        that.$playSound('error');
                        console.log(error);
                        that.ItemBarKw = [];
                    });
            },
        getInfo() {
            this.show = true;

            var that = this;
            that.isLoading = true;
            that.AxiosHttp("post", 'TransferOut/GetTransferOutNoList', {
                //name: that.userInfo.loginAccount,
            }, false)
                .then(function (res) {
                    var json = res;
                    if (json.status == 0) {

                        if (json.data.tbBillList.length == 0) {
                            that.$toast.fail("没有找到可以选择的出库单号");
                        }

                        that.actions = json.data.tbBillList.map(item => {
                            return { name: item }
                        });
                    }
                    else {
                        that.$toast.fail(json.message);
                    }
                    that.isLoading = false;
                })
                .catch(function (error) {
                    that.isLoading = false;
                    that.$toast.fail("网络错误，请重试！");
                    console.log(error);
                });
        },
        onClick(index, title) {
            this.$toast(`${index} ${title}`);
            //this.$notify({ type: 'success', message: '某某物料扫码成功某某物料扫码成功某某物料扫码成功某某物料扫码成功' });

        },
        onSelect(item) {
            // é»˜è®¤æƒ…况下点击选项时不会自动收起
            // å¯ä»¥é€šè¿‡ close-on-click-action å±žæ€§å¼€å¯è‡ªåŠ¨æ”¶èµ·
            this.show = false;

            this.billNo = item.name;
            // æ¸…空库位列表
            this.ItemBarKw = [];
            this.GetMesItemBlDetailByBillNo();
            //this.$toast(item.name);

        },
        GetMesItemBlDetailByBillNo() {
            var that = this;
            that.isLoading = true;
            that.AxiosHttp("post", 'TransferOut/GetTransferOutDetailListByBillNo', {
                billNo: that.billNo
            }, false)
                .then(function (res) {
                    var json = res;
                    if (json.status == 0) {
                        //that.ItemDetail = json.data.tbBillList;
                        var tbBillList = json.data.tbBillList || {};
                        that.ItemBlDetail = tbBillList.blDetails || []; // å¾…扫
                        that.ItemYsDetail = tbBillList.ysDetails || []; // å·²æ‰«
                        that.$refs.barcode.focus();
                        that.barcode = "";
                        that.sectionCode = tbBillList.allList[0].inKw;
                        // é‡ç½®åº“位查询中所有行的选中状态
                        that.currentIndex = -1;
                        that.ItemBarKw = [];
                    }
                    else {
                        that.$toast.fail(json.message);
                        that.$refs.billNo.focus();
                        that.billNo = "";
                        that.ItemDetail = null;
                    }
                    that.isLoading = false;
                })
                .catch(function (error) {
                    that.isLoading = false;
                    that.$toast.fail("网络错误，请重试！");
                    that.$refs.billNo.focus();
                    that.billNo = "";
                    that.ItemBlDetail = null;
                    //console.log(error);
                });
        },
        getScan() {

            //this.barcode = value;

            var that = this;
            that.isLoading = true;

            if (!that.userInfo.loginAccount) {
                this.$toast.fail("请重新检查登录状态");
                that.isLoading = false;
                return;
            }

            if (!that.barcode) {
                this.$toast.fail("条码不能为空");
                that.isLoading = false;
                return;
            }

            if (!that.billNo) {
                this.$toast.fail("申请单号不能为空");
                that.isLoading = false;
                return;
            }

            that.AxiosHttp("post", 'TransferOut/ScanYjdb', {
                userName: that.userInfo.loginAccount,
                barcode: that.barcode,
                billNo: that.billNo,
                sectionCode: that.sectionCode,
            }, false)
                .then(function (res) {
                    var json = res;
                    if (json.status == 0) {

                        //that.itemNo = json.data.tbBillList.itemNo;
                        ////that.num = json.data.form.num;
                        ////that.fum = json.data.form.fum;
                        //that.ItemBlDetail = json.data.items
                        that.$notify({ type: 'success', message: '扫码成功' });
                        that.$toast.success("扫描成功");
                        that.$refs.barcode.focus();
                        that.barcode = "";
                        //that.GetMesItemBlDetailByBillNo();
                        that.GetMesItemBlDetailByBillNo();
                    }
                    else if (json.status == 2) {
                        that.itemNo = json.data.tbBillList.itemNo;
                        that.$refs.splitNum.focus();
                        that.scanInfo.splitNum = json.data.tbBillList.splitNum;
                        that.scanInfo.barcodeNum = json.data.tbBillList.barcodeNum;
                    }
                    else {
                        that.$toast.fail(json.message);
                        that.$refs.barcode.focus();
                        that.barcode = "";
                    }
                    that.isLoading = false;
                })
                .catch(function (error) {
                    that.isLoading = false;
                    that.$toast.fail("网络错误，请重试！");
                    //console.log(error);
                    that.$refs.barcode.focus();
                    that.barcode = "";
                });
        },
        getChaiFen() {
            //this.isPrinterPopupVisible = true; // æ˜¾ç¤ºå¼¹çª—

            if (this.isLoading) {
                return;
            }

            var that = this;
            if (that.billNo.length <= 0) {
                that.$toast.fail("申请单号不能为空！");
                return;
            }
            if (that.scanInfo.splitNum * 1 <= 0) {
                that.$toast.fail("拆分数量不能为空！");
                return;
            }
            if (that.barcode.length * 1 <= 0) {
                that.$toast.fail("物料条码不能为空！");
                return;
            }
            //that.ip = "";
            //that.prot = "";
            //that.getPrintInfo();

            //if (that.ip.length <= 0 || that.prot.length <= 0) {
            //    alert(that.ip);
            //    alert(that.prot);
            //    return;
            //}

            that.isLoading = true;
            that.AxiosHttp("post", 'TransferOut/ScanYjdbCF', {
                daa001: that.billNo,
                userName: that.userInfo.loginAccount,
                barcode: that.barcode,
                Num: that.scanInfo.splitNum,
                sectionCode: that.sectionCode,
            }, false)
                .then(function (res) {
                    var json = res;
                    if (json.status == 0) {
                        //  that.modeInfo = json.data.tbBillList;
                        that.scanInfo.splitNum = null;
                        that.scanInfo.barcodeNum = null;
                        that.scanInfo.barcode = null;
                        that.$notify({ type: 'success', message: json.message });
                        that.$playSound('success');

                        that.sendPrintMessage(json.data.tbBillList);

                        that.$refs.barcode.focus();
                        that.barcode = "";
                        //that.GetMesItemBlDetailByBillNo();
                        that.GetMesItemBlDetailByBillNo();
                    }
                    else {
                        that.$toast.fail(json.message);
                        that.$playSound('error');
                    }
                    that.isLoading = false;
                })
                .catch(function (error) {
                    that.isLoading = false;
                    that.$toast.fail("网络错误，请重试！");
                    that.$playSound('error');
                });
        },
        getKwInfo() {
            var that = this;
            that.isLoading = true;
            that.AxiosHttp("post", 'MesDepotSections/GetSectionName', {
                sectionCode: that.sectionCode
            }, false)
                .then(function (res) {
                    var json = res;
                    if (json.status == 0) {
                        that.depotData = json.data.tbBillList;
                        that.$refs.barcode.focus();
                    }
                    else {
                        that.$toast.fail(json.message);
                        that.$playSound('error');
                        that.depotData = [];
                        that.sectionCode = "";
                    }
                    that.isLoading = false;
                })
                .catch(function (error) {
                    that.isLoading = false;
                    that.$toast.fail("网络错误，请重试！");
                    that.$playSound('error');
                    that.depotData = [];
                    that.sectionCode = "";
                    that.$refs.sectionCode.focus();
                });
        },
    }
})

 H5/Yjdb.aspx

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,164 @@
<%@ Page Title="" Language="C#" MasterPageFile="~/Mst.master" AutoEventWireup="true" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
        <style>
    .bg-info {
        background-color:#fff;
    }
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
                <van-notice-bar 
    :scrollable="false" 
    :text="'当前组织：' + (Cookies.get('orgName') || '暂无组织信息')" 
    class="org-info"
/></van-notice-bar>
        <van-nav-bar
          title="调拨出库"
          left-text="返回"
          left-arrow
          @click-left="GoBack()"
        ></van-nav-bar>
        <div>
        <van-cell-group>
  <van-field
      ref="billNo"
    value=""
    label="调拨申请"
    clearable 
     placeholder="选择/手录"
    :right-icon-size="19"
      v-model="billNo"
      @keyup.enter.native ="GetMesItemBlDetailByBillNo"
     v-focus.noKeyboard
  ><template #button>
    <van-button size="small" type="info" plain @click="getInfo" >选择</van-button>
  </template></van-field>
                        <van-field
                    ref="sectionCode"
                    v-model="sectionCode"
                    label="调入库位"
                    clearable 
                    placeholder="请扫码"
                    :right-icon-size="19"
                    v-focus.noKeyboard
                    @keyup.enter.native="getKwInfo">
                </van-field>
                <van-field
                    ref="barcode"
                    v-model="barcode"
                    label="物料条码"
                    clearable 
                    placeholder="请扫码"
                    :right-icon-size="19"
                    v-focus.noKeyboard
                    @keyup.enter.native="getScan">
                </van-field>

 <van-field
  value=""
  label="物料编码"
   clearable 
 placeholder="物料编码"
  :right-icon-size="19"
     v-model="itemNo"
  v-focus.noKeyboard
     disabled
></van-field>
                <van-field
                    v-model="scanInfo.barcodeNum"
                    label="条码数量"
                    placeholder="条码数量"
                    disabled>
                </van-field>
<van-field
    ref="splitNum"
    v-model="scanInfo.splitNum"
    center
    clearable
    label="发料数量"
    placeholder="发料数量">
    <van-button 
        slot="button" 
        type="info" 
        size="small"  
        plain 
        @click="getChaiFen">
        æ¡ç æ‹†åˆ†
    </van-button>
</van-field>
</van-cell-group>
    </div>

  <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="3">待扫</van-col>
            <van-col span="5">推荐库位</van-col>
        </van-row>
        <van-row v-for="(itm,index) in ItemBlDetail" :key="index"
            :style="{ background: currentIndex === index ? '#87CEEB' : '' }"
            @click.native="handleRowClick(itm, 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.dsQty}}</van-col>
            <van-col span="5">{{itm.recoKw}}</van-col>
        </van-row>
    </van-tab>

    <van-tab title="库位列表" class="mySolid font">
        <van-row>
            <van-col span="10" class="text-left padding-left">条码编号</van-col>
            <van-col span="5" class="text-left padding-left">库位</van-col>
            <van-col span="4">数量</van-col>
            <van-col span="5">仓库</van-col>
        </van-row>
        <van-row v-for="(itm,index) in ItemBarKw" :key="index">
            <van-col span="10" class="text-left padding-left">
                <div class="blue-text">{{itm.iteM_BARCODE}}</div>
            </van-col>
            <van-col span="5" class="text-left padding-left">
                <div>{{itm.depoT_SECTIONS_CODE}}</div>
            </van-col>
            <van-col span="4" class="blue-text">{{itm.quantity}}</van-col>
            <van-col span="5" >{{itm.depot_name}}</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="3">需领数</van-col>
            <van-col span="5">已领数</van-col>
        </van-row>
        <van-row v-for="(itm,index) in ItemYsDetail" :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">{{itm.fQty}}</van-col>
            <van-col span="5" class="blue-text">{{itm.sQty}}</van-col>
        </van-row>
    </van-tab>
</van-tabs>
    <van-action-sheet v-model="show" :actions="actions" @select="onSelect" ></van-action-sheet>

</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/Yjdb.js?<%=12 %>"></script>
</asp:Content>

 H5/Yjdb.aspx.cs

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,14 @@
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class H5_Scbl : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
}