var vm = new Vue({
    el: '#app',
    data: function () {
        return {
            isLoading: false,
            userInfo: {
                "loginGuid": '',
                "loginAccount": '',
            },
            itemNo: "",
            num:"",
            sectionCode:"",
            billNo: "",
            barcode:"",
            ItemBlDetail:[],
            modeInfo: [],
            active: 0,
            show: false,
            actions: [],
            ItemDetail: [],
        }
    },
    mounted() {
        var that = this;
        this.userInfo = {
            loginGuid: this.GetLoginInfor().loginGuid,
            loginAccount: this.GetLoginInfor().loginAccount,
        };
    },
    methods: {
        getInfo() {
            this.show = true;

            var that = this;
            that.isLoading = true;
            that.AxiosHttp("post", 'MesItemQtrk/GetQtckList', {
                //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.$playSound('error');
                        } else {
                            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);
                });
        },
        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.GetMesItemBlDetailByBillNo();
            //this.$toast(item.name);

        },
        GetMesItemBlDetailByBillNo() {
            var that = this;
            that.isLoading = true;
            that.AxiosHttp("post", 'MesItemQtrk/GetQtckDetailList', {
                billNo: that.billNo
            }, false)
                .then(function (res) {
                    var json = res;
                    if (json.status == 0) {
                        //that.ItemBlDetail = json.data.tbBillList;
                        that.ItemDetail = json.data.tbBillList;
                        that.$refs.sectionCode.focus();
                        //that.sectionCode = null;
                    }
                    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);
                });
        },
        getSectionCode() {
            var that = this;
            //that.sectionCode = value;

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

            if (!that.billNo) {
                this.$toast.fail("申请单号不能为空");
                that.$playSound('error');
                that.$refs.sectionCode.focus();
                that.sectionCode = null;
                that.isLoading = false;
                return;
            }

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

            that.AxiosHttp("post", 'MesItemQtrk/ScanInDepotsQT', {
                billNo: that.billNo,
                sectionCode: that.sectionCode
            }, false)
                .then(function (res) {
                    var json = res;
                    if (json.status == 0) {
                        //that.$notify({ type: 'success', message: json.data.tbBillList });
                        //that.$playSound('success');
                        that.$refs.barcode.focus();
                    }
                    else {
                        that.$toast.fail(json.message);
                        that.$playSound('error');
                        that.$refs.sectionCode.focus();
                        that.sectionCode = null;
                    }
                    that.isLoading = false;
                })
                .catch(function (error) {
                    that.isLoading = false;
                    that.$toast.fail("网络错误，请重试！");
                    that.$playSound('error');
                    console.log(error);
                });
        },
        getBarcode() {

            //this.barcode = value;

            var that = this;
            that.isLoading = true;

            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;
            }

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


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

                        that.itemNo = json.data.form.itemNo;
                        that.num = json.data.form.num;
                        that.barcode = null;
                        that.ItemBlDetail = json.data.items;
                        that.$notify({ type: 'success', message: '扫描成功' });
                        that.$playSound('success');
                        that.$refs.barcode.focus();
                        that.GetMesItemBlDetailByBillNo();
                    }
                    else {
                        that.$toast.fail(json.message);
                        that.$playSound('error');
                        that.$refs.barcode.focus();
                        that.barcode = null;
                    }
                    that.isLoading = false;
                })
                .catch(function (error) {
                    that.isLoading = false;
                    that.$toast.fail("网络错误，请重试！");
                    that.$playSound('error');
                    console.log(error);
                });
        },
        tmcf() {
            this.itemNo = "";
            this.num = "";
            this.sectionCode = "";
            this.barcode = "";
            this.ItemBlDetail = [];
        }
    }
})