VUE药监码扫描

<!-- 药监码 --><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);});});},

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/247851.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Chrome 控制台的console用法收集

Chrome 控制台console的用法 大家都有用过各种类型的浏览器&#xff0c;每种浏览器都有自己的特色&#xff0c;本人拙见&#xff0c;在我用过的浏览器当中&#xff0c;我是最喜欢Chrome的&#xff0c;因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方。…

面向对象思想封装狙击手狙击敌人

需求&#xff1a;狙击手xxx使用xx枪&#xff0c;射击敌人xxx,敌人生命值归0&#xff0c;应声倒下分析设计类&#xff1a; 封装狙击手类 属性&#xff1a; 名字 行为&#xff1a;捡枪   装弹   射击封装枪类 属性&#xff1a; 型号 行为&#xff1a;射击封装弹夹类 属性&…

JavaScript 字符串处理方法总结

变量从字符串转换成int和float型 var weightincrease "2.5kg";undefinedparseInt(weightincrease);2parseFloat(weightincrease);2.5 字符串处理方法var words "鱼神是个帅哥";undefinedwords.length6words.charAt(0);"鱼"words.charAt(words.…

【js】vue 2.5.1 源码学习(二) 策略合并

一、 整体思路1 首先是代码的大体构造&#xff0c;先判断引入代码的环境&#xff0c;即对应amd 和cmd的处理2 vue_init 需要借助 initMinxin >>> // 初始化选项1: 规范 2: 合并策略。3 mergeOptions 选项合并 一个或者多个对象合并&#xff0c;并且生成一个…

解决公众号的加载问题

相关组件内设置的方法&#xff08;方法可以多处组件运用&#xff09; <x-input on-change"changeinp" on-blur"temporaryRepair();" on-enter"temporaryRepair();" name"mobile" :show-clear"false" placeholder"…

JavaScript 数组处理方法总结

数组处理方法//定义数组var array [];undefined//查看类型typeof(array);"object"//往数组里添加数据array [first,second,third]["first", "second", "third"]//数组长度array.length3//索引array[0]"first"//添加数组新…

今天第一次开通blog

纪念第一次开通转载于:https://www.cnblogs.com/struggle-star/p/10960491.html

前端设置,验证码登录

<group class"shadow" gutter"0"><x-input v-model"mobileCaptcha" placeholder"请输入手机验证码" class"weui-vcode" keyboard"number" :max"6"></x-input><button click"…

JQuery实现页面跳转

$(function(){ var pn $("#gotopagenum").val();//#gotopagenum是文本框的id属性 location.href "NewList.aspx?pagenum"pn;//location.href实现客户端页面的跳转 }); 今天我们就来说一说如何在jQuery中跳转到另外一个网页HTML。其实下面我列举的几…

pycharm安装lxml

今天下午刚学爬虫&#xff0c;要安好多库的感觉&#xff0c;崩溃 requests 首先我们用pip安装完成后&#xff0c;在pycharm里面还要导入进去&#xff0c;没有的话是会报错的 文件--设置--Project Interpreter 然后点击pip进去&#xff0c;搜索requests&#xff0c;再安装进去就…

JS生成动态表格并为每个单元格添加单击事件的方法

<html><head><title>Demo</title><script>function getColumnDetail(column) {column.style.color "blue"; //将被点击的单元格设置为蓝色 alert(column.innerHTML); //弹出被点单元格里的内容 }<!--trLineNumber为动态表格行数&a…

6.1团队第二阶段冲刺(七)

燃尽图&#xff1a; 任务板: 会议照片&#xff1a; 昨天完成了管理员对发布人的查询功能&#xff0c;条件查询功能以及一系列常用小功能 今天完成了功能说明部分及其那部分界面美化&#xff0c;所有界面的退出以及回到首页的功能及首页美化等 明天打算做信息分页显示&#xff0…

Jquery 获取日期date()对象,jquerydate

Jquery 获取日期date()对象&#xff0c;jquerydate 获取JavaScript 的时间使用内置的Date函数完成 var mydate new Date(); mydate.getYear(); //获取当前年份(2位) mydate.getFullYear(); //获取完整的年份(4位,1970-????) mydate.getMonth(); //获取当前月份(0-11,0代表…

redis的安装和使用【2】redis的java操作

1、前提约束熟悉redis的命令行操作 https://www.jianshu.com/p/26f6e85e600f修改redis.conf# 配置绑定ip&#xff0c;作者机子为192.168.100.192&#xff0c;请读者根据实际情况设置bind 192.168.100.192#非保护模式protected-mode no保存重启 2、操作2.1 使用idea创建一个mave…

Vue多字段下的非空判断(new Promise)

// 利用 ref 获取相关组件中的数值checkInfo(){let Insured this.$refs.Insured.mastdata; //参保量let technology this.$refs.drugs.mastdata; //技术let business this.$refs.business.mastdata; //商务return new Promise((resolve,reject) > {if (!Insured.usern…

(function ( ){...})( ) IIFE 的原理

你需要明白 IIFE 的原理&#xff0c;我简单说一下&#xff1a; function foo() {...} // 这是定义&#xff0c;Declaration&#xff1b;定义只是让解释器知道其存在&#xff0c;但是不会运行。foo(); // 这是语句&#xff0c;Statement&#xff1b;解释…

内部类的用法

第十章 内部类 10.1如何定义内部类 如代码10.1-1 所示 public class Parcel1 {public class Contents{private int value 0;public int getValue(){return value;}} } 这是一个很简单的内部类定义方式,你可以直接把一个类至于另一个类的内部&#xff0c;这种定义Contents类的方…

在vue项目中使用树形结构的穿梭框

先看一下最后的效果&#xff1a; 一个基于elementui的穿梭框组件&#xff1a;el-tree-transfer 第一步&#xff1a;安装组件 npm install el-tree-transfer --save 第二步&#xff1a;写代码 // 使用树形穿梭框组件<tree-transfer :title"title" :from_datafromDa…

导航跳转后保持选中状态 jquery高亮当前选中菜单

功能需求&#xff1a; 今天在写一个站点需要用到在导航菜单点击链接跳转到新页面后&#xff0c;高亮当前菜单样式。 简单的说&#xff0c;就是我点击导航菜单中的一个栏目&#xff0c;跳转到该栏目下&#xff0c;该栏目菜单也同时高亮&#xff08;可以是背景色也可以是背景图片…

eacharts中国地图省市区点击显示

1.安装echarts.js 相关模块 npm i echarts2. 在 main.js 文件中搭建全局 // 引入echarts import echarts from echarts Vue.prototype.$echarts echarts3.vue文件种引入相关文档 import echarts from "echarts"; import "./china.js"; // 引入中国地图…