VUE药监码扫描

╰半橙微兮° 2023-01-12 04:13 152阅读 0赞

<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;">
                    
                    <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);
              });
          });
        },