var vm = new Vue({
    el: '#app',
    data: function () {
        return {
            isLoading: false,
            userInfo: {
                "loginGuid": '',
                "loginAccount": '',
            },
            sms: "",
            billNo: "",
            depotSectionCode: "",
            barcode: "",
            itemNo:"",
            modeInfo: [],
            active: 0,
            depot: {},
            show: false,
            actions: [],
            ItemBlDetail: [], // 待扫
            ItemYsDetail: [], // 已扫
            ItemTblDetail: [],
            ItemDetail: [],
            ItemBarKw: [],
            currentIndex: -1,
        }
    },
    mounted() {
        var that = this;
        this.userInfo = {
            loginGuid: this.GetLoginInfor().loginGuid,
            loginAccount: this.GetLoginInfor().loginAccount,
        };
        this.$refs.billNo.focus();
        //that.getInfo();
    },
    methods: {
        getInfo() {
            this.show = true;

            var that = this;
            that.isLoading = true;
            that.AxiosHttp("post", 'MesStrk/GetStrkBillNo', {

            }, false)
                .then(function (res) {
                    var json = res;
                    if (json.status == 0) {
                        if (json.data.tbBillList.length <= 0) {
                            that.$toast.fail("没有可用的数据");
                            that.show = false;
                        } else {
                            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);
                    that.show = false;
                });
        },
        //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.getMesItemDetailByBillNo();
            //this.$toast(item.name);
        },
        getMesItemDetailByBillNo() {
            var that = this;
            that.isLoading = true;
            that.AxiosHttp("post", 'MesStrk/GetMesItemDetailByBillNo', {
                billNo: that.billNo
            }, false)
                .then(function (res) {
                    var json = res;
                    if (json.status == 0) {
                        var tbBillList = json.data.tbBillList || {};
                        that.ItemBlDetail = tbBillList.blDetails || []; // 待扫
                        that.ItemYsDetail = tbBillList.ysDetails || []; // 已扫
                        that.$refs.sectionCode.focus();
                    }
                    else {
                        that.$toast.fail(json.message);
                        that.$refs.billNo.focus();
                        that.billNo = null;
                        that.ItemTblDetail = [];
                    }
                    that.isLoading = false;
                })
                .catch(function (error) {
                    that.isLoading = false;
                    that.$toast.fail("网络错误，请重试！");
                    console.log(error);
                    that.$refs.billNo.focus();
                    that.billNo = null;
                    that.ItemTblDetail = [];
                });
        },
        getDepot() {
            //if (!value) {
            //    return;
            //}
            //this.depotSectionCode = value;
            var that = this;
            that.isLoading = true;
            that.AxiosHttp("post", 'MesItemTbl/SctlScanDepots', {
                depotCode: that.depotSectionCode
            }, false)
                .then(function (res) {
                    var json = res;
                    if (json.status == 0) {
                        that.depot = json.data.tbBillList;
                        that.$refs.barcode.focus();
                    }
                    else {
                        that.$toast.fail(json.message);
                        that.$refs.sectionCode.focus();
                        that.depotSectionCode = null;
                    }
                    that.isLoading = false;
                })
                .catch(function (error) {
                    that.isLoading = false;
                    that.$toast.fail("网络错误，请重试！");
                    console.log(error);
                    that.$refs.sectionCode.focus();
                    that.depotSectionCode = null;
                });
        },
        getBarcode() {

            //this.barcode = value;

            var that = this;
            that.isLoading = true;
            

            if (that.depotSectionCode.length * 1 <= 0) {
                that.$toast.fail("库位编码不能为空！");
                that.isLoading = false;
                return;
            }
            if (that.barcode.length * 1 <= 0) {
                that.$toast.fail("物料条码不能为空！");
                that.isLoading = false;
                return;
            }

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

                        that.itemNo = json.data.tbBillList.itemNo;
                        that.sms = json.data.tbBillList.num;
                        that.$notify({ type: 'success', message: '扫描成功' });
                        that.$toast.success("扫描成功");
                        that.$refs.barcode.focus();
                        that.barcode = null;
                        that.getMesItemDetailByBillNo();
                    }
                    else {
                        that.$toast.fail(json.message);
                        that.$refs.barcode.focus();
                    }
                    that.isLoading = false;
                })
                .catch(function (error) {
                    that.isLoading = false;
                    that.$toast.fail("网络错误，请重试！");
                    console.log(error);
                    that.$refs.barcode.focus();
                });
        },
    }
})