var vm = new Vue({
    el: '#app',
    data: function () {
        return {
            isLoading: false,
            userInfo: {
                "loginGuid": '',
                "loginAccount": '',
            },
            formData: {
                TbBarCode: "", //托板码
                barcode: "",
                itemNo: "",
                sumQuantity: 0
            },
            ItemDetail: {
                items: [] // 确保有这个结构
            },
            itemInsFormData: {},
            tableData: [],
            itemTableData: [],
            barMessage: "",

            Message: "",
            messageCenter: {},
            messageId: 0,
            stafId: "",
            stafName: "",
            stafList: [],

            showClearIcon: false,
            focus1: true,
            focus2: false,
            isActive: 0,
            index: 0,
            currentTab: 0,
            contentScrollW: 0, // 导航区宽度
            scrollLeft: 0, // 横向滚动条位置
            fullHeight: "",
            show: false,
            actions: [],
        }
    },
    mounted() {
        var that = this;
        this.userInfo = {
            loginGuid: this.GetLoginInfor().loginGuid,
            loginAccount: this.GetLoginInfor().loginAccount,
        };

        that.stafId = this.GetLoginInfor().loginAccount;
        that.stafName = this.GetLoginInfor().loginName;


         that.AxiosHttp("post", 'MesStaff/GetList', {
                //name: that.userInfo.loginAccount,
            }, false)
                .then(function (res) {
                    var json = res;
                    if (json.status == 0) {
                        that.actions = json.data.tbBillList.map(item => {
                            return { name: item.staffName }
                        });

                        that.stafList = json.data.tbBillList;
                    }
                    else {
                        that.$toast.fail(json.message);
                    }
                    that.isLoading = false;
                })
                .catch(function (error) {
                    that.isLoading = false;
                    that.$toast.fail("网络错误，请重试！");
                    console.log(error);
                });

    },
    methods: {
        getScanTb() {
            var that = this;
            that.isLoading = true;
            that.AxiosHttp("post", 'tbbd/GetBracodeDetails', {
                TbBarCode: that.formData.TbBarCode
            }, false)
                .then(function (res) {
                    var json = res;
                    if (json.status == 0) {
                        //that.formData.sectionCode = json.data.tbBillList;

                        that.ItemDetail.items = json.data.tbBillList;

                        if (that.formData.barcode == "" || that.formData.barcode == null) {
                            that.$refs.barcode.focus();
                            that.isLoading = false;
                      
                        }
                    }
                    else {
                        that.$toast.fail(json.message);
                        that.formData.sectionCode = null;
                        that.$refs.sectionCode.focus();
                        that.isLoading = false;
                    }


                })
                .catch(function (error) {
                    that.isLoading = false;
                    that.$toast.fail("网络错误，请重试！");
                    console.log(error);
                    that.formData.sectionCode = null;
                    that.$refs.sectionCode.focus();
                });


        },
        getScanBar() {
            var that = this;

            //that.isLoading = true;
            that.AxiosHttp("post", 'tbbd/ScanTBBD', {
                TbBarCode: that.formData.TbBarCode,
                ItemBarcode: that.formData.barcode,
                userName: that.stafId,

            }, false)
                .then(function (res) {
                    var json = res;
                    if (json.status == 0) {
                      

                        that.getScanTb();

                        that.$refs.barcode.focus();
                        that.formData.barcode = null;
                            //that.ItemDetail.items = json.data.tbBillList;
                            
                    }
                    else {
                        that.$toast.fail(json.message);
                        that.$refs.barcode.focus();
                        that.formData.barcode = null;
                        //that.ItemDetail = null;
                        that.isLoading = false;
                    }
                    that.isLoading = false;
                })
                .catch(function (error) {
                    that.isLoading = false;
                    that.$toast.fail("网络错误，请重试！");
                    console.log(error);
                    that.$refs.barcode.focus();
                });
        },
        onSelect(item) {
            // 默认情况下点击选项时不会自动收起
            // 可以通过 close-on-click-action 属性开启自动收起
            this.show = false;

            let staf = this.stafList.filter(it => it.staffName === item.name);

            if (staf.length > 0) {
                this.stafName = staf[0].staffName;
                this.stafId = staf[0].staffNo;
                this.$refs.TbBarCode.focus();
            } else {
                this.$toast("未找到匹配的 staffName");
            }
            //this.GetMesItemBlDetailByBillNo();
            //this.$toast(item.name);

        },
        getStaff() {

            var that = this;
            that.isLoading = true;
            that.AxiosHttp("post", 'MesStaff/GetList', {
                //name: that.userInfo.loginAccount,
            }, false)
                .then(function (res) {
                    var json = res;
                    if (json.status == 0) {
                        that.actions = json.data.tbBillList.map(item => {
                            return { name: item.staffName }
                        });

                        that.stafList = json.data.tbBillList;
                    }
                    else {
                        that.$toast.fail(json.message);
                    }
                    that.isLoading = false;
                })
                .catch(function (error) {
                    that.isLoading = false;
                    that.$toast.fail("网络错误，请重试！");
                    console.log(error);
                });
            // 默认情况下点击选项时不会自动收起
            // 可以通过 close-on-click-action 属性开启自动收起

            let staf = that.stafList.filter(it => it.staffNo === that.stafId);

            if (staf.length > 0) {
                that.stafName = staf[0].staffName;
                that.stafId = staf[0].staffNo;
                that.$refs.TbBarCode.focus();
            } else {
                that.$toast("未找到匹配的 用户名称");
            }
            //this.GetMesItemBlDetailByBillNo();
            //this.$toast(item.name);

        },
        getInfo() {
            this.show = true;

            var that = this;
            that.isLoading = true;
            that.AxiosHttp("post", 'MesStaff/GetList', {
                //name: that.userInfo.loginAccount,
            }, false)
                .then(function (res) {
                    var json = res;
                    if (json.status == 0) {
                        that.actions = json.data.tbBillList.map(item => {
                            return { name: item.staffName }
                        });

                        that.stafList = json.data.tbBillList;
                    }
                    else {
                        that.$toast.fail(json.message);
                    }
                    that.isLoading = false;
                })
                .catch(function (error) {
                    that.isLoading = false;
                    that.$toast.fail("网络错误，请重试！");
                    console.log(error);
                });
        },
        cleraCode() {
            this.formData.sectionCode = null;
        },
        //更新接口记录表
        updateMessage(messageCenter) {
            this.$post({
                url: "/MessageCenter/ResetUpdate",
                data: messageCenter
            }).then(res => {
                if (res.data.tbBillList > 0) {
                    this.Message += " [问题记录成功!]";
                } else {
                    this.Message += " [问题记录失败!!!]";
                }
            });
        },
    }
})