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: [], ItemTblDetail:[] } }, 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("没有可用的数据"); } 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); }); }, //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.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) { that.ItemTblDetail = json.data.tbBillList; 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.$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(); }); }, } })