var vm = new Vue({
    el: '#app', // 指定Vue实例挂载到ID为'app'的DOM元素上
    data: function () {
        return {
            isLoading: false, // 加载状态标志
            userInfo: { // 用户信息对象
                "loginGuid": '', // 用户登录GUID
                "loginAccount": '', // 用户登录账号
            },
            formData: { // 表单数据对象
                barcode: "", // 物料条码
                itemNo: "", // 物料编码
                sumQuantity: 0, // 条码数量

                DepotId: "",// 仓库ID
                DepotCode: "", // 仓库编码
                depotName: "", // 仓库名称
                depotSectionsCode: "" //库位

                // 注意：这里只显示了部分字段，实际代码中可能还有更多字段
            },
            itemInsFormData: {}, // 物料实例表单数据
            tableData: [], // 表格数据
            itemTableData: [], // 物料表格数据
            barMessage: "", // 条码消息

            Message: "", // 通用消息
            messageCenter: {}, // 消息中心
            messageId: 0, // 消息ID

            showClearIcon: false, // 是否显示清除图标
            focus1: true, // 焦点控制1
            focus2: false, // 焦点控制2
            isActive: 0, // 活动状态
            index: 0, // 索引
            currentTab: 0, // 当前标签页
            contentScrollW: 0, // 导航区宽度
            scrollLeft: 0, // 横向滚动条位置
            fullHeight: "", // 全屏高度
            kwInfo: {},
        }
    },
    mounted() { // Vue实例挂载完成后执行
        var that = this;
        // 初始化用户信息
        this.userInfo = {
            loginGuid: this.GetLoginInfor().loginGuid, // 从GetLoginInfor方法获取登录GUID
            loginAccount: this.GetLoginInfor().loginAccount, // 从GetLoginInfor方法获取登录账号
        };
    },
    methods: { // 方法定义
        // 已注释的getModel方法
        //getModel() {
        //    var that = this;
        //    that.isLoading = true;
        //    that.AxiosHttp("post", 'MesDepotSections/GetSectionName', {
        //        sectionCode: that.formData.sectionCode
        //    }, false)
        //        .then(function (res) {
        //            var json = res;
        //            if (json.status == 0) {
        //                that.formData.sectionName = json.data.tbBillList;
        //            }
        //            else {
        //                that.$toast.fail(json.message);
        //                that.formData.sectionName = "";
        //            }
        //            that.isLoading = false;
        //        })
        //        .catch(function (error) {
        //            that.isLoading = false;
        //            that.$toast.fail("网络错误，请重试！");
        //            console.log(error);
        //            that.$refs.daa001.focus();
        //        });
        //},

        // 获取条码扫描信息的方法
        getScan() {
            var that = this;

            that.isLoading = true; // 设置加载状态为true
            // 发送POST请求获取条码信息
            that.AxiosHttp("post", 'Kwbg/GetBarInfo', {
                barcode: that.formData.barcode, // 传递条码参数
            }, false)
                .then(function (res) { // 请求成功处理
                    var json = res;
                    if (json.status == 0) { // 如果返回状态为0表示成功
                        // 更新表单数据
                        console.log(json.data.tbBillList);
                        console.log(json.data.tbBillList[0]);
                        that.kwInfo = json.data.tbBillList[0]; 
                        // 已注释的代码：设置其他数据
                        //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.$refs.barcode.focus();
                        //that.formData.barcode = null;

                        that.$refs.kwbg.focus(); // 将焦点移动到拆分数量输入框
                    }
                    else { // 如果返回状态不为0表示失败
                        that.$toast.fail(json.message); // 显示错误提示
                        that.$refs.barcode.focus(); // 将焦点移回条码输入框
                        that.formData.barcode = null; // 清空条码输入
                    }
                    //that.$notify({ type: 'success', message: json.message }); // 已注释的成功通知
                    that.isLoading = false; // 设置加载状态为false
                })
                .catch(function (error) { // 请求失败处理
                    that.isLoading = false; // 设置加载状态为false
                    that.$toast.fail("网络错误，请重试！"); // 显示网络错误提示
                    console.log(error); // 输出错误到控制台
                    that.$refs.barcode.focus(); // 将焦点移回条码输入框
                });
        },



        // 执行库位变更的方法
        getBianGeng() {
            if (this.isLoading) { // 如果正在加载中，直接返回
                return;
            }

            var that = this;

            // 验证库位变更条件
            if (!that.formData.kwbg || that.formData.kwbg.trim() === "") {
                that.$toast.fail("变更库位不能为空！");
                return;
            }
            if (that.formData.kwbg === that.formData.depotSectionsCode) {
                that.$toast.fail("当前库位不能等于变更库位！");
                return;
            }
            if (!that.formData.barcode || that.formData.barcode.trim() === "") {
                that.$toast.fail("条码不能为空！");
                return;
            }

            that.isLoading = true; // 设置加载状态为true
            // 发送POST请求执行库位变更操作
            that.AxiosHttp("post", 'Kwbg/ChangeDepotSection', {
                userName: that.userInfo.loginAccount, // 用户名
                barcode: that.formData.barcode, // 条码
                OldDepotSectionCode: that.kwInfo.depoT_SECTIONS_CODE, // 原库位编码
                NewDepotSectionCode: that.formData.kwbg // 新库位编码
            }, false)
                .then(function (res) { // 请求成功处理
                    var json = res;
                    if (json.status == 0) { // 如果返回状态为0表示成功
                        // 已注释的代码：设置模式信息
                        // that.modeInfo = json.data.tbBillList;

                        // 调用打印方法
                        //that.sendPrintMessage(json.data.tbBillList);

                        that.$refs.barcode.focus(); // 将焦点移回条码输入框
                        that.formData.barcode = null; // 清空条码输入
                        that.formData.kwbg = null; // 清空‘库位变更’
                        that.$notify({ type: 'success', message: json.message }); // 显示成功通知
                    }
                    else { // 如果返回状态不为0表示失败
                        that.$toast.fail(json.message); // 显示错误提示
                        that.$refs.kwbg.focus(); // 将焦点移回‘库位变更’输入框
                    }
                    that.isLoading = false; // 设置加载状态为false
                })
                .catch(function (error) { // 请求失败处理
                    that.isLoading = false; // 设置加载状态为false
                    that.$toast.fail("网络错误，请重试！"); // 显示网络错误提示
                    console.log(error); // 输出错误到控制台
                });
        },

        // 已注释的清除代码方法
        //cleraCode() {
        //    this.formData.sectionCode = null;
        //},

        // 处理数字输入的方法，限制只能输入数字和小数点
        //handleNumberInput3(value) {
        //    this.formData.kwbg = value.replace(/[^\d.]/g, '')  // 1. 去除非数字和小数点
        //        .replace(/(\..*)\./g, '$1')               // 2. 禁止多个小数点
        //        .replace(/^\./g, '');                     // 3. 禁止小数点开头
        //},
    }
})