<!-- 藥監碼 --><div class="divContent"><div class="headDiv"><div class="spanA">請掃描相關藥監碼</div></div><button class="scanBtn" @click='scan_img()'>掃描藥監碼</button><button class="scanBtn" @click='selfAdd()'>手動添加藥監碼</button><div style="margin: 2% 0;"><!-- <p v-for="(itemAk,indk) in drugCardNo" :key="indk">{{itemAk}}<img @click='deleteCard(indk)' src="../assets/delete.png" style="width: 5%;height: 5%;margin:0 2% -1%;"></p> --><div class="scanDiv" style="position:relative;" v-for="(itemAk,index) in drugCardNo" :key="index"><x-input v-model="drugCardNo[index].code" @on-blur="updateCode(index,drugCardNo[index].id,drugCardNo[index].code);temporaryRepair();" @on-enter="updateCode(index,drugCardNo[index].id,drugCardNo[index].code);temporaryRepair();" name="mobile" :show-clear="false" placeholder="請輸入藥監碼" keyboard="number"></x-input><img @click='deleteCard(index)' src="../assets/jakavi_del.png" style="width: 24px;height: 24px;position: absolute;right: 3%;top: 26%;"><div v-if="drugCardNo.length-1 != index" class="xuxian"></div></div></div></div> //藥品監管碼回顯數據getBar() {new Promise((resolve, reject) => {Api_jakavi.getBarCode(this.orderNo).then((response) => {if (response.result.length > 0) {var that = this;response.result.forEach((element) => {var obj = {};obj.id = element.id;obj.code = element.code;that.drugCardNo.push(obj);});this.scanNum = response.result.length;}}).catch((error) => {reject(error);});});},// 藥監碼手動添加空白輸入框selfAdd() {if (this.scanNum >= 16) {this.$vux.toast.text("只能上傳16個藥監碼");return;}// var obj = {};// obj.id = "";// obj.code = "";// this.drugCardNo.push(obj);this.addDrugList("");},// 掃描藥監碼scan_img() {if (this.scanNum >= 16) {this.$vux.toast.text("只能上傳16個藥監碼");return;}let that = this;wx.ready(function () {wx.scanQRCode({desc: "scanQRCode desc",needResult: 1, // 默認為0，掃描結果由微信處理，1則直接返回掃描結果，scanType: ["barCode"], // 可以指定掃二維碼還是一維碼，默認二者都有success: function (res) {console.log("掃還是后話", res);that.addDrugList(res.resultStr.split(",")[1]);},error: function (res) {if (res.errMsg.indexOf("function_not_exist") > 0) {alert("版本過低請升級");}},});});},// 添加藥監碼addDrugList(code) {// if (code == "") {// this.$vux.toast.text("請輸入相關的藥監碼");// return;// }const data = {orderNo: this.orderNo,barCode: code,id: "",};new Promise((resolve, reject) => {Api_jakavi.addDrugCode(data).then((response) => {var obj = {};obj.id = response.result.id;obj.code = response.result.code;this.drugCardNo.push(obj);this.scanNum = this.drugCardNo.length;}).catch((error) => {this.$vux.toast.text(error);reject(error);});});},// 刪除藥監碼deleteCard(idk) {new Promise((resolve, reject) => {Api_jakavi.deleteDrugCode(this.drugCardNo[idk].id).then((response) => {this.drugCardNo.splice(idk, 1);this.scanNum = this.drugCardNo.length;}).catch((error) => {this.$vux.toast.text(error);reject(error);});});},// 修改藥監碼updateCode(idx, id, code) {const data = {orderNo: this.orderNo,barCode: code,id: id,};new Promise((resolve, reject) => {Api_jakavi.updateDrugCode(data).then((response) => {if (response.result.code) {this.drugCardNo[idx].code = response.result.code;Vue.set(this.drugCardNo, idx, this.drugCardNo[idx]);}}).catch((error) => {this.$vux.toast.text(error);reject(error);});});},

總結

以上是生活随笔為你收集整理的VUE药监码扫描的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。