var vm = new Vue({
    el: '#app',
    data: function () {
        return {
            isLoading: false,
            userInfo: {
                "loginGuid": '',
                "loginAccount": '',
            },
            billNo: "",
            barcode: "",
            stafId: "",
            stafName: "",
            stafList: [],

            taskNo: "", //工单号
            itemNo: "", //物料编号
            planQty: "", //计划数量
            reportedQty: "", //已报工数量
            currentQty: "", //本次报工数量
            barcodeQty: "", //条码数量
            itemName: "", //物料名称
            itemModel: "", //物料型号

            load: false,

            active: 0,
            show: false,
            actions: [],
        }
    },
    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", '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);
                });
        },
        onClick(index, title) {
            this.$toast(`${index} ${title}`);
            this.$notify({ type: 'success', message: '某某物料扫码成功某某物料扫码成功某某物料扫码成功某某物料扫码成功' });

        },
        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.barcode.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.barcode.focus();
            } else {
                that.$toast("未找到匹配的 用户名称");
            }
            //this.GetMesItemBlDetailByBillNo();
            //this.$toast(item.name);

        },
        getBarcode() {

            //this.barcode = value;

            var that = this;
            

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

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

            if (!that.stafId) {
                that.$toast.fail("员工不允许为空");
                return;
            }

            that.isLoading = true;
            that.AxiosHttp("post", 'MesWorkProd/ScanWork', {
                userNo: that.userInfo.loginAccount,
                itemBarcode: that.barcode,
                staffNo: that.stafId
            }, false)
                .then(function (res) {
                    var json = res;
                    if (json.status == 0) {

                        let entity = json.data.result;
                        that.taskNo = entity.taskNo; //工单号
                        that.itemNo = entity.itemNo; //物料编号
                        that.planQty = entity.planQty; //计划数量
                        that.reportedQty = entity.reportedQty; //已报工数量
                        that.currentQty = entity.currentQty; //本次报工数量
                        that.barcodeQty = entity.barcodeQty; //条码数量
                        that.itemName = entity.itemName; //物料名称
                        that.itemModel = entity.itemModel; //物料型号
                        that.$notify({ type: 'success', message: '扫描成功' });
                        that.$refs.barcode.focus();
                        that.barcode = null;
                    }
                    else {
                        that.$toast.fail(json.message);
                        that.$refs.barcode.focus();
                        that.barcode = null;
                    }
                    that.isLoading = false;
                })
                .catch(function (error) {
                    that.isLoading = false;
                    that.$toast.fail("网络错误，请重试！");
                    console.log(error);
                });
        },
        tmcf() {
            //this.show = true;

            var that = this;
            //that.isLoading = true;
            that.load = true;

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

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

            if (!that.currentQty) {
                this.$toast.fail("报工数量不能为空");
                that.load = false;
                return;
            }

            if (that.currentQty <=0) {
                this.$toast.fail("报工数量需要大于零");
                that.load = false;
                return;
            }

            that.AxiosHttp("post", 'MesWorkProd/ScanWorkProd', {
                userNo: that.userInfo.loginAccount,
                itemBarcode: that.barcode,
                quantity: that.currentQty
            }, false)
                .then(function (res) {
                    var json = res;
                    if (json.status == 0) {
                        that.$notify({ type: 'success', message: '保存成功' });
                    }
                    else {
                        that.$toast.fail(json.message);
                    }
                    that.isLoading = false;
                    that.load = false;
                })
                .catch(function (error) {
                    that.isLoading = false;
                    that.$toast.fail("网络错误，请重试！");
                    console.log(error);
                });
        }
    }
})