diff --git a/src/assets/css/global_dialog.css b/src/assets/css/global_dialog.css index f58fd61..3a53fce 100644 --- a/src/assets/css/global_dialog.css +++ b/src/assets/css/global_dialog.css @@ -18,7 +18,7 @@ } .el-dialog__body { - padding: 10px 10px 20px; /*原始： 30px 20px;*/ + padding: 10px 10px; /*原始： 30px 20px;*/ /* color: #606266; font-size: 14px; @@ -28,7 +28,7 @@ .el-dialog__footer { - padding: 0px 10px 20px; /*原始： 10px 20px 20px*/ + padding: 0px 10px 10px; /*原始： 10px 20px 20px*/ /* text-align: right; box-sizing: border-box; diff --git a/src/components/common/MedicalPackageAsbitem.vue b/src/components/common/MedicalPackageAsbitem.vue index 4de6389..42f85d1 100644 --- a/src/components/common/MedicalPackageAsbitem.vue +++ b/src/components/common/MedicalPackageAsbitem.vue @@ -744,7 +744,7 @@ export default { this.medicalPackageAsbitems.forEach(e =>{ body.details.push({ medicalPackageId:this.formData.id, - asbitemId:e.id, //e.asbitemId + asbitemId:e.id||e.asbitemId, price:e.medicalPackageDetailPrice, amount:e.medicalPackageDetailAmount }) diff --git a/src/components/patientRegister/PatientRegisterList.vue b/src/components/patientRegister/PatientRegisterList.vue index e86caea..9dbadc3 100644 --- a/src/components/patientRegister/PatientRegisterList.vue +++ b/src/components/patientRegister/PatientRegisterList.vue @@ -472,7 +472,7 @@ export default { return { peisid:null, startPoint: -1, // 多选起点 -1 表示选择 - endPoint: -1, // 多选终点 -1 表示选择 + endPoint: -1, // 多选终点 -1 表示未选择 multipleSelection: [], //选中的数据列表 dialogVisible: false, diff --git a/src/components/report/CusOrgOCX.vue b/src/components/report/CusOrgOCX.vue index bdadbc0..73509fd 100644 --- a/src/components/report/CusOrgOCX.vue +++ b/src/components/report/CusOrgOCX.vue @@ -278,7 +278,7 @@ export default { }, - //选分组 + //获取分组 getCustGroup(index, groupId) { ///api/app/customerorggroup/getlistinfilter?CustomerOrgRegisterId=3fa85f64-5717-4562-b3fc-2c963f66afa6 getapi(`/api/app/customerorggroup/getlistinfilter?CustomerOrgRegisterId=${groupId}`).then(res => { diff --git a/src/views/customerOrg/patientRegisterImport.vue b/src/views/customerOrg/patientRegisterImport.vue index 8c2d2ae..0bdf298 100644 --- a/src/views/customerOrg/patientRegisterImport.vue +++ b/src/views/customerOrg/patientRegisterImport.vue @@ -15,16 +15,17 @@ :height="window.pageHeight < 600 ? 405 : (window.pageHeight - 195)" highlight-current-row size="small" > - + + - -
+

从Excle导入

从以往体检资料中导入 @@ -35,16 +36,16 @@ - -
+

导入Excel时，Excel的格式必须符合一定规范，该格式的模板文件放在程序的执行目录下，文件名为："单位体检人员名单导入模板.xls"
注意事项如下:
-
1:姓名不能为空，其余数据可根据实际情况选择是否填写。 -
2:部门、单位分组、性别、婚姻状况、人员类别、体检类别、民族必须与本软件系统中的名称完全一致。 -
3:年龄和出生日期可以只填一栏，系统将自动对年龄和出生日期进行相互转换。 -
4:Excel的实际列数不能超过20列。 +
1、姓名不能为空，其余数据可根据实际情况选择是否填写。 +
2、部门、单位分组、性别、婚姻状况、人员类别、体检类别、民族必须与本软件系统中的名称完全一致。 +
3、年龄和出生日期可以只填一栏，系统将自动对年龄和出生日期进行相互转换。 +
4、Excel中标题列不能有单元格合并。
@@ -54,20 +55,21 @@ - -
-
+
+ +
标题行： 第 - + 行
@@ -78,16 +80,16 @@ - -
+
1、按住 Ctr1 或 Shift 键可进行多选，在标题列右击鼠标可设置列名，即：标题列有√；
2、身份证号有值且合法时，将以身份证号为主自动换算性别、出生日期及年龄；
-
+
选择的人员信息必须直接属于该单位或者是该单位的一级部门,如果人员信息直接属于该单位请将Exce1文件中该人员信息的部门名称设为空
-
+
体检单位： - @@ -142,7 +144,7 @@
-
+
相同姓名的人员：
同名病人提示 @@ -150,29 +152,30 @@ 不提示
-
+
登记状态：
预登记 正式登记
-
+
工卡号：
工卡号作为档案号
-
+
工卡号开始位置： - + 长度： - + + 不足长度时，前面补0
-
+
是否自动创建部门：
@@ -184,11 +187,280 @@ + +
+ + + + + + + + + + +
+ + 按档案人员导入 + 按新人方式导入 + + + + + +
+
+ 选择单位时必须选择其体检次数 +
+
+ 体检单位： + + +
+ 单位体检次数： + + + +
+
+
+ + 登记日期： + + + 至 + + +
+
+ + 档案号： + + + 至 + + +
+
+ 姓名： + + 性别： + + + +
+
+ 状态： + + + +
+
+ + 上一步 + 下一步 + 关闭 + + + + + +
+
+ 按住 Ctr1 或 Shift 键可进行多选
+
+
+ + + + + + + + + + + + + + + + + + +
+
+ + 全选 + 取消全选 + + 上一步 + 下一步 + 关闭 + + + + +
+
+ 如果是新单位或部门，选择的病人将直接导入该单位而不是其子单位 +
+
+
+ 单位或部门不变 + 新单位或部门 +
+
+ + +
+
+
+ 单位体检次数： + + + +
+
+ 单位体检分组： + + + +
+
+ 登记状态： + 预登记 + 正式登记 +
+
+ 支付方式： + + + +
+
+ + 上一步 + 确定导入 + 关闭 + + + + + import moment from "moment" import { mapState, mapActions } from "vuex"; -import ExcelJS from "exceljs"; import { read,readFile, utils } from "xlsx"; import { getapi, postapi, putapi, deletapi } from "@/api/api"; -import { arrayExistObj ,arrayFilter ,tcdate } from '@/utlis/proFunc'; +import { arrayExistObj ,arrayFilter ,dddw, tcdate } from '@/utlis/proFunc'; import ElProgressOCX from "../../components/report/ElProgressOCX.vue"; @@ -222,8 +493,8 @@ export default { customerOrgRegister: {}, //体检次数 peisid:null, - startPoint: -1, // 多选起点 -1 表示选择 - endPoint: -1, // 多选终点 -1 表示选择 + startPoint: -1, // 多选起点 -1 表示未选择 + endPoint: -1, // 多选终点 -1 表示未选择 rClickRow: null, //右击的行 rClickColumn: null, //右击的列（预留） @@ -232,8 +503,13 @@ export default { fileReadme:false, //导入EXCEL注意事项 fileChoose:false, //选择文件 fileDataOpr:false, //文件数据分析操作 - fileDataOpts:false, //文件数据导入前参数设定 + fileDataOpts:false, //文件数据导入前参数设定 + + query:false, //单位查询条件 + oldMansChoose:false, //选择历史数据导入 + oldMansOpts:false, //历史数据导入前参数设定 }, + oldSeq:-2, //旧的步骤（辅助区分上一步，下一步） seq: 0, //当前显示窗口 mode: '10', //模式 10 开始 文件导入，20开始 从数据库中导入 excelCols: [{dispLabel:'',val:'',dataLabel:''}], //excel数据列名 {dispLabel:'',val:'',dataLabel:''} @@ -298,37 +574,68 @@ export default { 出生地 */ - tableData:[], + tableData:[], //导入数据状态显示 workBook:null, //EXCEL 工作薄 sheetNames:[], //EXCEL 工作薄中的表单 {sheetName:} - readDataOpts:{ + readDataOpts:{ + file:'', //选中的文件名 sheetNameChoosed:'', //当前选中的表格 titleRow:1, //标题行 - }, + }, + readDataOptsInit:{}, dataImportOpts:{ customerOrgId:'', //单位ID nameType:'2', //同名病人处理(1.同名病人提示，只要存在同名就提示 2.本单位同名提示，单位内部同名就提示 3.不提示，所有数据创建) completeFlag:'0', //完成标志 0：预登记 1：未检 2：部份已检 3：已总检 默认未检 isAutoCreateDepartment:true, // 是否自动创建部门 Y N( N：按名字查找部门，如果未找到就提示 Y:未找到就创建) isAutoCreatePatientNo:false, // 工卡号作为档案号 Y/N (根据工卡号生成，可以指定起始位置跟位数) - cardStartNum:0, - cardLength:6 - } + cardStartNum:1, + cardLength:6, + startRow:0, //从 excelData 的第几行开始导入 + }, + dataImportOptsInit:{}, + dialogSameMan:false, //同名人员确认窗口 + sameMans:[], //同名人员列表 + choosedSameMan:{}, // 当前选中同名人员信息 + + query:{ //单位查询条件 + customerOrgIds:[], + customerOrgId:'', + customerOrgRegisterList:[], + customerOrgRegister:{}, + customerOrgRegisterId:'', + startDate:null, + endDate:null, + startPatientNo:'', + endPatientNo:'', + patientName:'', + sexId:'A', + completeFlag:'', + }, + prList:[], //查询出符合条件的历史档案人员信息 + groups:[], //体检分组列表 + curGroup:null, //当前选中要导入的分组 {} + newCustomerOrgFlag:false, // [false]单位或部门不变 or [true]新单位或部门 + payTypeFlag:'1', // 默认单位 }; }, + //组件创建完成，一般页面初始布局放在这里 created() { this.peisid = window.sessionStorage.getItem('peisid'); if(!this.peisid || this.peisid == 'null'){ this.seq = -1 } + this.readDataOptsInit = Object.assign({},this.readDataOpts) + this.dataImportOptsInit = Object.assign({},this.dataImportOpts) }, //页面挂载完成，一般页面渲染数据放在这里 mounted() { - this.getCustomerOrgTree() + this.dictInit() + }, computed: { @@ -336,6 +643,53 @@ export default { }, methods: { + dddw,moment, + dictInit(){ + + // 获取单位列表树 + getapi("/api/app/customerorg/getbycodeall").then((res) => { + // console.log("res.data", res.data); + if(res.code != -1){ + this.customerOrgTree = res.data; + let lfind = arrayExistObj(this.customerOrgTree,'id',this.dict.personOrgId) + if(lfind > -1) this.customerOrgTree.splice(lfind,1) + tcdate(this.customerOrgTree) + } + }); + + //性别（查询） + getapi("/api/app/for-sex").then((res) => { + if (res.code == 1) { + this.dict.forSex = res.data; + } + }); + + //性别（仅档案用） + getapi("/api/app/sex").then((res) => { + if (res.code == 1) { + this.dict.sex = res.data; + } + }); + + }, + + //清空进度数据数据 + clearProcess(){ + + this.workBook = null //EXCEL 工作薄 + this.sheetNames = [] //EXCEL 工作薄中的表单 {sheetName:} + + this.readDataOpts = Object.assign({},this.readDataOptsInit) + this.dataImportOpts = Object.assign({},this.dataImportOptsInit) + + this.customerOrgIds = [] //选中单位节点 + this.customerOrgRegisterList = [] //体检次数列表 + this.customerOrgRegister = {} //体检次数 + + this.startPoint = -1 // 多选起点 -1 表示未选择 + this.endPoint = -1 // 多选终点 -1 表示未选择 + + }, // 获取单位列表树 getCustomerOrgTree() { @@ -356,7 +710,16 @@ export default { }, //选择单位 - changeCustomerOrg(v) { + changeCustomerOrg(v){ + this.chooseCustomerOrg(v) + }, + + //选择单位查询条件 + changeQueryCustomerOrg(v){ + this.chooseCustomerOrg(v,'query') + }, + + chooseCustomerOrg(v,obj) { let id = '' if(typeof v == 'string'){ id = v @@ -368,6 +731,16 @@ export default { `/api/app/customerorgregister/getlistincustomerorgid?CustomerOrgId=${id}` ).then((res) => { if (res.code != -1) { + if(obj == 'query'){ + this.query.customerOrgRegisterList = res.data + if (this.query.customerOrgRegisterList.length > 0) { + this.query.customerOrgRegister = this.query.customerOrgRegisterList[this.query.customerOrgRegisterList.length - 1]; + } else { + this.query.customerOrgRegister = {}; + // this.customerOrgGroups = []; + } + } + this.customerOrgRegisterList = arrayFilter(res.data, 'isComplete', 'N') //不显示已完成的体检次数 if (this.customerOrgRegisterList.length > 0) { this.customerOrgRegister = this.customerOrgRegisterList[this.customerOrgRegisterList.length - 1]; @@ -376,7 +749,7 @@ export default { this.customerOrgRegister = {}; // this.customerOrgGroups = []; } - // objCopy(this.formInit,this.form) + } }); }, @@ -387,12 +760,13 @@ export default { this.$message.warning("该用户未选归属体检中心，不能执行此操作！"); return } - this.seq = parseInt(this.mode) + this.seq = parseInt(this.mode) }, // 导入过程 上一步，下一步 - btnProcess(seq){ + async btnProcess(seq){ let keys = Object.keys(this.dialogGroup) + let count = 0 //选中待导入的人员数 if(seq == 9){ this.workBook = null @@ -408,6 +782,7 @@ export default { keys.forEach(e =>{ this.dialogGroup[e] = false }) + this.clearProcess() break; case 0: //显示 选择导入方式 @@ -417,7 +792,13 @@ export default { }else{ this.dialogGroup[e] = false } - }) + }) + this.excelCols = [] + this.tableData = [] + this.prList = [] + this.startPoint = -1 // 多选起点 -1 表示未选择 + this.endPoint = -1 // 多选终点 -1 表示未选择 + break; case 10: //显示 EXCEL 导入 @@ -441,7 +822,7 @@ export default { break; case 12: // 从后面退回时，无需读数据 - if(this.excelData.length == 0){ + if(this.oldSeq < seq){ if(!this.readData()){ this.seq-- break; @@ -458,7 +839,7 @@ export default { }) break; case 13: - let count = 0 + count = 0 this.excelData.forEach(e =>{ if(e.choosed) count++ }) @@ -476,7 +857,57 @@ export default { this.dialogGroup[e] = false } }) - break; + break; + case 20: + //显示 单位查询条件 导入 + keys.forEach(e =>{ + if(e == 'query'){ + this.dialogGroup[e] = true + }else{ + this.dialogGroup[e] = false + } + }) + break; + case 21: + //显示 选择要导入的 档案人员 + if(this.oldSeq < seq){ + if(!await this.getPrList()){ + console.log('this.seq break',this.seq) + this.seq-- + break + } + } + + + keys.forEach(e =>{ + if(e == 'oldMansChoose'){ + this.dialogGroup[e] = true + }else{ + this.dialogGroup[e] = false + } + }) + break; + case 22: + //显示 选择新的体检单位及分组 + count = 0 + this.prList.forEach(e =>{ + if(e.choosed) count++ + }) + if(count == 0){ + this.$message.warning("未选中要导入的记录") + this.seq-- + break; + } + + keys.forEach(e =>{ + if(e == 'oldMansOpts'){ + this.dialogGroup[e] = true + }else{ + this.dialogGroup[e] = false + } + }) + break; + default: break; @@ -493,12 +924,27 @@ export default { } }, + + //清除所选文件 + fileGetFocus(e){ + console.log('fileGetFocus(e)',e) + e.value = '' //未起作用的 + // e.target.files = [] + }, + + // 获取选择的文件 changeFileChoose(e) { - // 获取选择的文件 - let file = e.target.files[0]; + if(e.target.files.length <= 0) return; + this.readDataOpts.file = e.target.files[0]; // 调用导入Excel文件的方法 - console.log('file',file,file.type) - this.readFile(file); + // File {name: 'vulkan-1.dll', + // console.log('file',file,file.type) + let fileName = this.readDataOpts.file.name.split('.') + let fileNameExt = fileName[fileName.length - 1].toLowerCase() + if(fileNameExt != 'xls' && fileNameExt != 'xlsx'){ + this.$message.warning("你选的文件可能不是标准的Excel文件！") + } + this.readFile(this.readDataOpts.file); }, //sheetjs 读取文件 @@ -534,7 +980,7 @@ export default { //读取数据 readData(){ let ret = 1 - if(!this.workBook || !this.readDataOpts.sheetNameChoosed){ + if(!this.readDataOpts.file || !this.workBook || !this.readDataOpts.sheetNameChoosed){ this.$message.warning("请选择文件及要导入的表格") return 0 } @@ -549,7 +995,8 @@ export default { //分析标题信息 let head = utils.sheet_to_json(worksheet,{header:1}); - this.excelCols = [] + + this.excelCols = [] head[this.readDataOpts.titleRow - 1].forEach(e => { let lfind = arrayExistObj(this.dataCols,'dispTitle',e),val = '',dataLabel = ''; if(lfind > -1){ @@ -562,7 +1009,8 @@ export default { dataLabel }) }) - + //console.log('head,',head,this.excelCols) + this.excelData = utils.sheet_to_json(worksheet,{raw:false,range:this.readDataOpts.titleRow - 1}); //raw:false,range:1 从第1行开始读取 this.excelData.forEach((e,index) => { e.choosed = false; @@ -626,20 +1074,20 @@ export default { }, // 全选（取消全选） - btnChoose(type){ + btnChoose(refName,type){ let choosed = false if(type && type == 'all'){ choosed = true } - this.excelData.forEach(e =>{ + this[refName].forEach(e =>{ e.choosed = choosed if(choosed){ - this.$refs['excelData'].setCurrentRow(e) + this.$refs[refName].setCurrentRow(e) } }) if(!choosed){ - this.$refs['excelData'].setCurrentRow() + this.$refs[refName].setCurrentRow() } }, @@ -696,7 +1144,7 @@ export default { }, // 确定导入数据库 - async btnImport(){ + btnImport(){ if(!this.customerOrgIds || this.customerOrgIds.length == 0){ this.$message.warning("请选择单位") return @@ -706,39 +1154,69 @@ export default { return } - let body = {} + this.elProgress.display = true; this.elProgress.percentage = 0; + this.importCols = [] + this.excelCols.forEach(e =>{ + if(e.val){ + this.importCols.push(e) + } + }) this.tableData = [] - for(let i=0;i{ - if(e.val){ - this.importCols.push(e) } - }) + + // 结束导入 + if(i == this.excelData.length - 1){ + this.elProgress.display = false; + this.seq = -1 + } + } }, //将Excel的数据转换成接口的数据 @@ -769,11 +1247,178 @@ export default { break; } } - }) - + }) return body }, + //选中同名人员档案 + rowClickSameMan(row){ + this.choosedSameMan = Object.assign({},row) + }, + // 同名人员，按档案人员导入 + btnOldMan(){ + if(!this.choosedSameMan.patientId){ + this.$message.warning("请选择要导入的档案人员") + return + } + this.importing(this.dataImportOpts.startRow) + this.dialogSameMan = false + }, + + // 同名人员，按新人方式导入 + btnNewMan(){ + this.choosedSameMan = {} + this.importing(this.dataImportOpts.startRow,'3') + this.dialogSameMan = false + }, + + + // 查询档案人员 + async getPrList(){ + if(!this.query.customerOrgIds || this.query.customerOrgIds.length == 0){ + this.$message.warning("请选择单位或部门") + return false + } + + if(!this.query.customerOrgRegister || !this.query.customerOrgRegister.id){ + this.$message.warning("请选择单位体检次数") + return false + } + + this.query.customerOrgId = this.query.customerOrgIds[this.query.customerOrgIds.length - 1] + this.query.customerOrgRegisterId = this.query.customerOrgRegister.id + let body = Object.assign({},this.query) + delete body.customerOrgIds + delete body.customerOrgRegister + delete body.customerOrgRegisterList + + if(!body.completeFlag) delete body.completeFlag + if(!body.patientName) delete body.patientName + if(!body.startPatientNo && !body.endPatientNo){ + delete body.startPatientNo + delete body.endPatientNo + }else if(!body.startPatientNo){ + this.$message.warning("请填写起始档案号") + return false + }else if(!body.endPatientNo){ + this.$message.warning("请填写截止档案号") + return false + } + + if(!body.startDate && !body.endDate){ + delete body.startDate + delete body.endDate + }else if(!body.startDate){ + this.$message.warning("请填写起始登记日期") + return false + }else if(!body.endDate){ + this.$message.warning("请填写截止登记日期") + return false + }else{ + body.startDate = moment(new Date(body.startDate)).format('yyyy-MM-DD') + body.endDate = moment(new Date(body.endDate)).format('yyyy-MM-DD') + } + + try { + let res = await postapi('/api/patientregister/getpatientregisterimportlist',body) + if(res.code != -1){ + this.prList = res.data + if(res.data.length == 0){ + this.$message.warning("没有符合条件的数据") + }else{ + return true + } + }else{ + return false + } + } catch (error) { + return false + } + + }, + + + //选择要导入的数据 + rowClickPrList(row) { + // console.log("this.excelData",this.excelData); + + // 按住了shift键 + if (this.window.shift) { + //清除所有选择 + this.prList.forEach((e,index) => { + e.choosed = false; + e.index = index; + }); + + if (this.startPoint == -1) { + this.prList[row.index].choosed = true; + this.startPoint = row.index; + }else{ + if (this.startPoint > row.index) { + for (let i = row.index; i <= this.startPoint; i++) { + this.prList[i].choosed = true; + } + } else if (this.startPoint <= row.index) { + for (let i = this.startPoint; i <= row.index; i++) { + this.prList[i].choosed = true; + } + } + } + }else if (this.window.ctrl) { // 按住了ctrl 键 + this.prList[row.index].choosed = true; + if (this.startPoint == -1){ + this.startPoint = row.index; + } + }else{ + // 未按住了ctrl 、shift 键 + //清除所有选择 + console.log("清除所有选择"); + this.prList.forEach((e,index) => { + e.choosed = false; + e.index = index; + }); + // console.log(this.excelData,row.index); + // console.log(this.excelData[row.index].choosed); + + this.prList[row.index].choosed = true; + this.startPoint = row.index; + } + }, + + //获取分组 + getGroups(customerOrgRegisterId) { + ///api/app/customerorggroup/getlistinfilter?CustomerOrgRegisterId=3fa85f64-5717-4562-b3fc-2c963f66afa6 + getapi(`/api/app/customerorggroup/getlistinfilter?CustomerOrgRegisterId=${customerOrgRegisterId}`).then(res => { + if (res.code != - 1) { + this.groups = res.data.items; + this.curGroup = null //清除已选分组 + } + }) + }, + + //确定从档案中导入数据 + btnImportFromDataBase(){ + let customerOrgIds = [] + let customerOrgId = "" + if(this.newCustomerOrgFlag){ + customerOrgIds = this.customerOrgIds + }else{ + customerOrgIds = this.query.customerOrgIds + } + if(customerOrgIds && customerOrgIds.length > 0) customerOrgId = customerOrgIds[customerOrgIds.length - 1] + if(!customerOrgId){ + this.$message.warning("请选择新导入的体检单位或部门") + return + } + + if(!this.curGroup || !this.customerOrgRegister){ + this.$message.warning("请选择新导入的体检次数与分组") + return + } + + + }, + }, watch: { @@ -782,11 +1427,49 @@ export default { // deep: true, // 深度监听复杂类型内变化 handler(newVal,oldVal){ console.log('watch:seq:',newVal,oldVal) + if(!oldVal && oldVal != 0){ + this.oldSeq = -2 + }else{ + this.oldSeq = oldVal + } if(newVal != oldVal){ this.btnProcess(newVal); } } }, + + "readDataOpts.titleRow":{ + // immediate: true, // 立即执行 + deep: true, // 深度监听复杂类型内变化 + handler(newVal,oldVal){ + console.log('watch:readDataOpts.titleRow:',newVal,oldVal) + if(this.seq == 11) this.readData() + } + }, + + //所选体检次数改变时，自动获取登记日期 + "query.customerOrgRegister.id":{ + // immediate: true, // 立即执行 + deep: true, // 深度监听复杂类型内变化 + handler(newVal,oldVal){ + // + this.query.startDate = new Date(this.query.customerOrgRegister.beginTime) + this.query.endDate = this.query.customerOrgRegister.isComplete == 'N' ? new Date(): new Date(this.query.customerOrgRegister.endTime) + } + }, + + //选体检新体检次数改变时，获取分组数据 + "customerOrgRegister.id":{ + // immediate: true, // 立即执行 + deep: true, // 深度监听复杂类型内变化 + handler(newVal,oldVal){ + if(this.seq == 22){ + this.getGroups(newVal) + } + } + }, + + }, @@ -805,4 +1488,16 @@ export default { .btnClass{ margin-right: 10px; } + +.spanLeftClass{ + margin-top:6px; + width: 70px; +} + +.spanMidClass{ + text-align: center; + margin-top:6px; + width: 50px; +} +