本文主要是介绍若依框架 --- 主表和明细表批量添加，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
一. 效果图
一.Java部分
1.1 Controller部分
/*** 新增采购入库单主表*/@ApiOperation(value ="新增采购入库单主表",notes = "新增采购入库单主表")@PostMapping("/SwJsPurchaseinboundadd")@PreAuthorize("@ss.hasPermi('system:purchaseinbound:add')")public AjaxResult<IdVo> swJsPurchaseinboundadd(@Valid @RequestBody CbpdDto cbpdDto, BindingResult bindingResult) {IdVo res=null;try {ValidUtils.bindvaild(bindingResult);res=swJsPurchaseinboundService.insertSwJsSkuBarcodes(cbpdDto);return AjaxResult.success(res);}catch (SwException e) {log.error("【新增采购入库单主表】接口出现异常,参数${},异常${}$", JSON.toJSON(cbpdDto), ExceptionUtils.getStackTrace(e));return AjaxResult.error((int) ErrCode.SYS_PARAMETER_ERROR.getErrCode(), e.getMessage());}catch (ServiceException e) {log.error("【新增采购入库单主表】接口出现异常,参数${},异常${}$", JSON.toJSON(cbpdDto), ExceptionUtils.getStackTrace(e));return AjaxResult.error((int) ErrCode.SYS_PARAMETER_ERROR.getErrCode(), e.getMessage());} catch (Exception e) {log.error("【新增采购入库单主表】接口出现异常,参数${}$,异常${}$", JSON.toJSON(cbpdDto), ExceptionUtils.getStackTrace(e));return AjaxResult.error((int) ErrCode.UNKNOW_ERROR.getErrCode(), "操作失败");}}/*** 新增采购入库单明细表*/@ApiOperation(value ="新增采购入库单明细表",notes = "新增采购入库单明细表")@PostMapping("/SwJsPurchseinboundadds")public AjaxResult SwJsPurchseinboundadds(@Valid @RequestBody List<Cbpd> itemList, BindingResult bindingResult) {try {ValidUtils.bindvaild(bindingResult);return toAjax(swJsPurchaseinboundService.insertSwJsSkuBarcsodesm(itemList));}catch (SwException e) {log.error("【新增采购入库单明细表】接口出现异常,参数${},异常${}$", JSON.toJSON(itemList), ExceptionUtils.getStackTrace(e));return AjaxResult.error((int) ErrCode.SYS_PARAMETER_ERROR.getErrCode(), e.getMessage());} catch (ServiceException e) {log.error("【新增采购入库单明细表】接口出现异常,参数${},异常${}$", JSON.toJSON(itemList), ExceptionUtils.getStackTrace(e));return AjaxResult.error((int) ErrCode.SYS_PARAMETER_ERROR.getErrCode(), e.getMessage());}catch (Exception e) {log.error("【新增采购入库单明细表】接口出现异常,参数${}$,异常${}$", JSON.toJSON(itemList), ExceptionUtils.getStackTrace(e));return AjaxResult.error((int) ErrCode.UNKNOW_ERROR.getErrCode(), "操作失败");}}1.2 Service 部分
//明细表
int insertSwJsSkuBarcsodesm(List<Cbpd> itemList);//主表
IdVo insertSwJsSkuBarcodes(CbpdDto cbpdDto);ServiceImpl部分
/*** 新增采购入库单** @param cbpdDto 审核信息* @return 结果*/@Transactional@Overridepublic IdVo insertSwJsSkuBarcodes(CbpdDto cbpdDto) {// 检查供应商baseCheckService.checksupplier(cbpdDto.getCbpc09());//检查仓库baseCheckService.checkStore(cbpdDto.getCbpc10());//检查商品// baseCheckService.checkGoods(cbpdDto.getCbpd08());CbpcCriteria example = new CbpcCriteria();example.createCriteria().andCbpc07EqualTo(cbpdDto.getCbpc07()).andCbpc06EqualTo(DeleteFlagEnum.NOT_DELETE.getCode());List<Cbpc> cbpcs = cbpcMapper.selectByExample(example);//主表根据输入编号查不到数据，添加数据Long userid = SecurityUtils.getUserId();Cbpc cbpc = BeanCopyUtils.coypToClass(cbpdDto, Cbpc.class, null);Date date = new Date();cbpc.setCbpc02(date);cbpc.setCbpc03(Math.toIntExact(userid));cbpc.setCbpc04(date);cbpc.setCbpc05(Math.toIntExact(userid));cbpc.setCbpc08(date);cbpc.setCbpc11(TaskStatus.mr.getCode());cbpc.setCbpc06(DeleteFlagEnum.NOT_DELETE.getCode());String purchaseinboundNo = numberGenerate.getPurchaseinboundNo(cbpdDto.getCbpc10());cbpc.setCbpc07(purchaseinboundNo);cbpc.setCbpc13(date);cbpc.setCbpc15(date);cbpc.setUserId(Math.toIntExact(userid));cbpcMapper.insertSelective(cbpc);CbpcCriteria example1 = new CbpcCriteria();example1.createCriteria().andCbpc07EqualTo(purchaseinboundNo).andCbpc06EqualTo(DeleteFlagEnum.NOT_DELETE.getCode());List<Cbpc> cbpcs1 = cbpcMapper.selectByExample(example1);IdVo idVo = new IdVo();idVo.setId(cbpcs1.get(0).getCbpc01());return idVo;}//明细@Transactional@Overridepublic int insertSwJsSkuBarcsodesm(List<Cbpd> itemList) {if(itemList.size()==0){throw new SwException("采购入库明细不能为空");}SqlSession session = sqlSessionFactory.openSession(ExecutorType.BATCH, false);CbpdMapper mapper = session.getMapper(CbpdMapper.class);Date date = new Date();Long userid = SecurityUtils.getUserId();for (int i = 0; i < itemList.size(); i++) {itemList.get(i).setCbpd03(date);itemList.get(i).setCbpd04(Math.toIntExact(userid));itemList.get(i).setCbpd05(date);itemList.get(i).setCbpd06(Math.toIntExact(userid));itemList.get(i).setCbpd07(DeleteFlagEnum.NOT_DELETE.getCode());itemList.get(i).setUserId(Math.toIntExact(userid));mapper.insertSelective(itemList.get(i));if (i % 10 == 9) {//每10条提交一次session.commit();session.clearCache();}}session.commit();session.clearCache();return 1;}
二.Vue部分
<template><div class="app-container"><el-form ref="form2" :model="form2" label-width="130px" :rules="rules" style=""><div class="chuangjiancaigous">采购入库单</div><!-- 编号:56221589223 --><el-row :gutter="20" style="margin-top: 20px;"><el-col :span="8"><el-form-item label="编号:" prop="cbpc07"><!-- <el-input type="text" v-model="form2.cbpc07" style="width: 60%;" /> --></el-form-item></el-col><el-col :span="8"><el-form-item label="日期:"><el-date-picker type="date" placeholder="" v-model="form2.cbpc08" style="width: 80%;"></el-date-picker></el-form-item></el-col></el-row><el-row :gutter="20"><el-col v-if="false" style="margin-top:-0.4%;margin-left: -3%;" :span="7"><el-form-item label="主副表id:" prop="cbpg161"><el-input v-model="form2.cbpg161" placeholder="" maxlength="30" style="width:80%;" /></el-form-item></el-col><el-col style="" :span="8"><el-form-item label="供料单位:" prop="cbpc099"><el-popover placement="bottom-start" trigger="click"><supplierMaintenance ref="supplierMaintenance" @selected="selected02" style="width:210px!important;" /><el-input slot="reference" v-model="form2.cbpc099" placeholder="" readonly style="width:80%;"></el-input></el-popover></el-form-item></el-col><el-col style="" :span="8"><el-form-item label="仓库:" prop="cbpc100"><el-popover placement="bottom-start" trigger="click"><kuweixxweihu ref="kuweixxweihu" @selected="selected01" style="width:210px!important;" /><el-input slot="reference" v-model="form2.cbpc100" placeholder="" readonly style="width:80%;"></el-input></el-popover></el-form-item></el-col><el-col style="" :span="8"><el-form-item label="结算货币:" prop="cbpc16"><el-select v-model="form2.cbpc16" placeholder="" style="width:80%;"><el-option v-for="item in jiageLeixeng" :key="item.value" :label="item.label" :value="item.value"></el-option></el-select></el-form-item><!-- <el-form-item label="结算货币:" prop="cbpc166"><el-popover placement="bottom-start" trigger="click"><ListLists ref="ListLists" @selected="selected004" /><el-select slot="reference" v-model="form2.cbpc166" placeholder="" readonlystyle="border:solid #eee thin; width:77%;"></el-select></el-popover></el-form-item> --></el-col><!--商品信息维护--></el-row><el-row v-if="false"><el-col style="margin-top:-0.4%;margin-left: 2%;" :span="7"><el-form-item label="供应商id:" prop="cbpc09"><el-input v-model="form2.cbpc09" maxlength="30" style="width:80%;border:solid #eee thin" /></el-form-item></el-col><el-col style="margin-top:-0.4%;margin-left: -3%;" :span="7"><el-form-item label="仓库id:" prop="cbpc10"><el-input v-model="form2.cbpc10" placeholder="" maxlength="30" style="width:80%;border:solid #eee thin" /></el-form-item></el-col><!-- 商品信息维护 --><el-col><el-form-item label="" v-if="false" prop="cbpd08" style="margin-left:0.8%;"><el-input v-model="form2.cbpd08" style="border:solid #eee thin;width:70%;"></el-input></el-form-item></el-col></el-row><div><el-row><el-col :span="24"><el-button plain style="float: left; margin-left:1%;" type="primary" @click="_ly_addFrom">增行</el-button></el-col></el-row><el-table :data="tableData" border :span-method="arraySpanMethod" :row-style="{height: '10px'}":cell-style="{padding: '5px'}" style="width: 100%;margin-top: 10px;"><!-- <el-form ref="form" :model="form" label-width="55%" lable-height="20%" class="chuangjianform"> --><el-table-column prop="cbpc000" label="品牌" width=""><template slot-scope="scope" style="width:200%;"><el-popover placement="bottom-start" trigger="click"><Goodsone01 ref="Goodsone01" @selected="selected08($event,scope.row)" style="width:630px!important;" /><el-input slot="reference" v-model="scope.row.cbpc000" placeholder="" readonly style="width:100%;"></el-input></el-popover></template></el-table-column><el-table-column label="型号" width="" /><el-table-column label="描述" width="" /><el-table-column prop="cbpd09" label="数量" width="100"><template slot-scope="scope"><el-input v-model="scope.row.cbpd09" v-only-number="{max: 100000, min: 0,precision:0.0000}"@blur="chen(scope.row)" placeholder="" class="shuzicaoyou" style=""></el-input></template></el-table-column><el-table-column prop="cbpd11" label="单价" width="100"><template slot-scope="scope"><el-input v-model="scope.row.cbpd11" v-only-number="{max: 100000, min: 0, precision:0.0000}"@blur="chen(scope.row)" class="shuzicaoyou" placeholder="" style=""></el-input></template></el-table-column><el-table-column prop="cbpd12" label="金额" width="150"><template slot-scope="scope"><el-input v-model="scope.row.cbpd12" v-only-number="{max: 100000, min: 0, precision:0.0000}" disabled@blur="chen(scope.row)" class="shuzicaoyou" placeholder="" style=""></el-input></template></el-table-column><el-table-column prop="province" label="备注" width=""><template slot-scope="scope"><el-input v-model="scope.row.cbpd13" placeholder=""></el-input></template></el-table-column><el-table-column v-if="false" prop="cbpc01" label="id" width="150"><template slot-scope="scope"><el-input v-model="scope.row.cbpc01" placeholder="id" style=""></el-input></template></el-table-column><el-table-column v-if="false" prop="cbpd08" label="商品编号" width="150"><template slot-scope="scope"><el-input v-model="scope.row.cbpd08" placeholder="商品编号" style=""></el-input></template></el-table-column><el-table-column label="操作" align="center" width="80"><template slot-scope="scope"><span @click="_ly_delFrom(scope.row)"><i class="el-icon-delete" style="color: red;"></i></span></template></el-table-column><!-- </el-form> --></el-table></div></el-form><div class="tinajia_dingwei"><!-- <span slot="footer" class="dialog-footer" style="margin-left:2%; padding-top:-2%;"> --><el-button type="primary" @click="handleAdd">保 存</el-button><el-button @click="handlecaigourukudanone">取 消</el-button><!-- </span> --></div></div>
</template><script>
// import { PurchaseinboundAdds } from "@/api/Warehousemanagement/SalesShipment";import {PurchaseinboundAdd,PurchaseinboundAdds
} from "@/api/Warehousemanagement/PurchaseWarehousing";
import {getToken
} from "@/utils/auth";
//仓库
import kuweixxweihu from "@/components/WarehouseInfoSku";
//供应商
import supplierMaintenance from "@/components/SupplierMaintenance";//商品信息维护
import Goodsone01 from "@/components/Goodsone";//供应商
import ListLists from "@/components/ListMaintenance";export default {name: "store",dicts: ['sys_normal_disable', 'sw_js_store_type', 'sys_user_sex', 'sw_js_store_type_manage_mode'],props: {visible: {type: Boolean,default() {return false}}},components: {kuweixxweihu,supplierMaintenance,ListLists,Goodsone01},data() {return {dialogVisible: this.visible,formArr: [], // 表单结构数组infoRules: { // 表单规则name: [{required: true,message: '请输入姓名',trigger: 'blur'},{max: 20,message: '请输入1-20位的字符',trigger: 'blur'}],nickname: [{required: true,message: '请输入昵称',trigger: 'blur'},{max: 20,message: '请输入1-20位的字符',trigger: 'blur'}],code: [{required: true,message: '请输入编号',trigger: 'blur'},{max: 20,message: '请输入1-20位的字符',trigger: 'blur'}],branch: [{required: true,message: '请选择部门',trigger: 'blur'},{message: '请选择部门',trigger: 'blur'}]},treeData: [{ // 树状数据id: 1,label: '一级 1',children: [{id: 4,label: '二级 1-1',children: [{id: 9,label: '三级 1-1-1'}, {id: 10,label: '三级 1-1-2'}]}]}, {id: 2,label: '一级 2',children: [{id: 5,label: '二级 2-1'}, {id: 6,label: '二级 2-2'}]}, {id: 3,label: '一级 3',children: [{id: 7,label: '二级 3-1'}, {id: 8,label: '二级 3-2'}]}],defaultProps: {children: 'children',label: 'label'},currentSelectIndex: -1, // 缓存当前操作第几行的selecttemp: '占位',// 遮罩层loading: true,tianjiahang: [],// 选中数组ids: [],shenpiids: [],// 非单个禁用single: true,// 非多个禁用multiple: true,// 显示搜索条件showSearch: false,// 总条数total: 0,// 用户表格数据userList: null,// 弹出层标题title: "",// 部门树选项deptOptions: undefined,// 是否显示弹出层open: false,open1: false,open2: false,// 部门名称deptName: undefined,// 默认密码initPassword: undefined,// 日期范围housingTime: [],// 供应商选项postOptions: [],//库位KuWeiOptions: [],//商品信息维护品牌shangponOptions: [],//商品信息维护的型号XinghaoOptions: [],//仓库信息维护//商品的品牌型号描述ponpaixenghaomiaoshu: [],// 日期范围dateRange: [],postCangKu: [],//修改下拉框首选值//主副表idzfb: [],//仓库类型LeixingOptions: [{value: '1',label: '条码管理'}, {value: '2',label: '数量管理'}],value: '',//货币类型jiageLeixeng: [{value: '6',label: 'CNY'}, {value: '5',label: 'USD'}],value: '',//发票类别fapiaoleix: [{value: '1',label: '增值税专用发票'}, {value: '2',label: '增值税普通发票'}, {value: '3',label: '个人普通发票'}, {value: '4',label: '不开发票'}],value: '',//状态ZhuangTaivalue: [{value: '-1',label: '启用'}, {value: '1',label: '禁用'}],//合格状态hegezhuangtai: [{value: '-1',label: '合格'}, {value: '1',label: '不合格'}],value: '',//订单分类dingdanfelei: [{value: '1',label: '国内订单'}, {value: '2',label: '国际订单'}],value: '',//扫码状态saomazhuangtai: [{value: '-1',label: '已扫码'}, {value: '1',label: '未扫码'}],value: '',//入库状态rukuzhuangtai: [{value: '1',label: '待入库'}, {value: '2',label: '已入库'}],value: '',// 角色选项roleOptions: [],// 表单参数form: {cbpc07: "",cbpd08: "",cbsa08: "",cbwa09: "",cala08: "",invoiceNumber: "",invoicePhone: "",invoiceTaxpayerNumber: "",invoiceType: "",name: "",phone: "",skuSort: "",telPeople: "",cbpd09: "",cbpd11: "",cbpd12: "",cbpc166: "",cbpc16: "",cbpc01: "",cbpc000: ""},form1: {// classifyId: "",// brand: "",// model: "",// upc: "",// description: "",// ifEnabled: ""},form2: {cbpc07: "",cbpd08: "",cbsa08: "",cbwa09: "",cala08: "",cbpc100: "",cbpc099: "",cbpc166: "",cbpc10: "",cbpc09: "",cbpd09: "",cbpd11: "",cbpd12: "",cbpc16: "",cbpc12: "",cbpc14: "",cbpd08: "",cbph09: "",cbph10: "",cbph11: "",cbpg161: "",cbpc01: "",cbpc000: "",cbpd09: "",cbpd11: "",cbpd12: ""},defaultProps: {children: "children",label: "label"},// 用户导入参数upload: {// 是否显示弹出层（用户导入）open: false,// 弹出层标题（用户导入）title: "",// 是否禁用上传isUploading: false,// 是否更新已经存在的用户数据updateSupport: 0,// 设置上传的请求头部headers: {Authorization: "Bearer " + getToken()},// 上传的地址url: process.env.VUE_APP_BASE_API + "/system/barcode/importSwJsSkuBarcode"},// 查询参数queryParams: {pageNum: 1,pageSize: 99999,page: 1,size: 99999,total: this.total,cbpc07: undefined,cbsa08: undefined,cbwa09: undefined,dateRange: undefined},rules: {cbpc099: [{required: true,message: "供料单位不能为空!",trigger: 'change'}],cbpc100: [{required: true,message: "仓库不能为空!",trigger: 'change'}],cbpc16: [{required: true,message: "结算货币不能为空!",trigger: 'change'}],// cbpc07: [// { required: true, message: "编号不能为空!", trigger: "blur" }// ]},//表格参数tableData: [],dataId: 0,options: [{value: '选项1',label: '黄金糕'}, {value: '选项2',label: '双皮奶'}, {value: '选项3',label: '蚵仔煎'}, {value: '选项4',label: '龙须面'}, {value: '选项5',label: '北京烤鸭'}],};},computed: {dialogTitle() {return '添加'}},watch: {// 根据名称筛选部门树deptName(val) {this.$refs.tree.filter(val);},},created() {this.getConfigKey("sys.user.initPassword").then(response => {// this.initPassword = response.msg;});this.getDicts("sw_js_store_type").then(response => {this.form.type = response.rows;});// this.form.type = this.dict[0].label;// this.userList.housingTime.substring(0, this.userList.housingTime.indexOf("T"));// console.log(this.userList,123456789);// this.chen();this.form2.cbph10 = "20"console.log(this.form.cbpc16, 123456);},methods: {//返回按钮handlefanhui: function (row) {// this.$router.push("/system/user-auth/role/");this.$router.push("/system/user-zjdfh/role/");},chen(item) {if (item.cbpd09 > 0 && item.cbpd11 > 0) {this.$set(item, 'cbpd12', (parseFloat(item.cbpd09) * parseFloat(item.cbpd11)))}},// 合并单元格arraySpanMethod({row,column,rowIndex,columnIndex}) {if (columnIndex === 0) {return [1, 3];} else if (columnIndex < 3) {return [0, 0];}},// 点击右上角关闭弹窗_ly_closeDialog(done) {console.log('_ly_closeDialog')this.$emit('on-close')},// 点击【取消】按钮关闭弹窗_ly_cancelDialog(done) {console.log('_ly_cancelDialog')this.$emit('on-close')},// 关闭弹窗前，二次询问是否关闭_ly_beforeClose(done) {this.$confirm('确认关闭？').then(_ => {done()}).catch(_ => { })},// 点击【保存】按钮后，如果每行的表单验证成功则存储数据_ly_ok() {// let count = this.tableData.length // 记录当前有多少个表单// for (var index in this.tableData) {// var form = this.tableData[index]// console.log(form)// console.log(JSON.stringify(form))// }// 通过refs和表单名找到表单对象，通过自带的validate检查表单内容// this.$refs[form.formName][0].validate((valid, obj) => {// if (valid) {// 如果检查通过，则对count减1。// 当count为1时，表示是最后一个表单，则存储数据console.log(this.tableData, 333)PurchaseinboundAdds(JSON.stringify(this.tableData)).then(response => {if (response.code == "200") {this.tableData = []this.form2 = {cbpc07: "",cbpd08: "",cbsa08: "",cbwa09: "",cala08: "",cbpc100: "",cbpc099: "",cbpc166: "",cbpc10: "",cbpc09: "",cbpd09: "",cbpd11: "",cbpd12: "",cbpc16: "",cbpc12: "",cbpc14: "",cbpd08: "",cbph09: "",cbph10: "",cbph11: "",cbpg161: "",cbpc01: "",cbpc000: "",cbpd09: "",cbpd11: "",cbpd12: ""}}// if (count-- === 1) {// this._ly_save()// }this._ly_addFrom()// this.formArr.cbpg01="1234567";// this.form.cbpg01=this.formArr.cbpg01;// console.log(this.form.cbpg01,85203);});// } else {// console.log(obj)// return false// }// })console.log('_ly_ok:' + JSON.stringify(this.tableData))},// 存储表单数据_ly_save() {this.$message.success('添加成功')// 将数据传递给父组件。// 如果要将数据存储到后台，可在此处自行实现this.$emit('on-ok', this.tableData)},// 增加一行表单_ly_addFrom() {// if (this.formArr.length >= 10) {// this.$message.warning('最多只能添加10行')// this.reset01();// // 如果需要更多行，可以调整[dialog-content]的高度，或者将界面调整为允许滚动// return// }// this.formArr.push({// formName: 'myform' + (new Date()).getTime(), // myform1648431132399// cbsc08: '',// cbsc09: '',// cbsc10: '',// branch: '',// cbpc01: this.form2.cbpg161,// cbpd08: this.form2.cbpd08,// })this.tableData.push({date: '',num: '',address: '',moner: '',province: '',cbpc000: ''})console.log(this.tableData, 852369);},// 删除一行表单_ly_delFrom(row) {// console.log('index: ' + index)// this.formArr.splice(index, 1)this.tableData.splice(this.tableData.indexOf(row), 1)},// 点击select的时候，缓存下行号// 如果一行有多个树状结构的select，可以通过缓存列号，区分是哪个select_ly_chooseBefore(index) {console.log('_ly_chooseBefore:' + index)this.currentSelectIndex = index},// 选择树状结构的某个节点时，回调到这个函数_ly_chooseNode(data) {console.log('_ly_chooseNode:' + JSON.stringify(data))let index = this.currentSelectIndexif (index === -1) {return}// 通过缓存的行号，找到对应的表单，并且将数据存储起来。// 如果需要缓存更多的数据，可以在此处自行实现this.formArr[index].branch = data.label// 选择后收起下拉框let formName = this.tableData[index].formNamethis.$refs[formName + '_select'][0].blur() // myform1648431132399_select},show() {this.showSearch = !this.showSearch;},// chen(item) {// if (item.cbpd09 > 0 && item.cbpd11 > 0) {// this.$set(item, 'cbpd12', (parseFloat(item.cbpd09) * parseFloat(item.cbpd11)))// }// },//添加模块-仓库selected01(name) {console.log(name, 123)// console.log(name.substring(name.indexOf("-") + 1), 963);this.form2.cbpc100 = name.substring(0, name.indexOf("-"))this.form2.cbpc10 = name.substring(name.indexOf("-") + 1)console.log(this.form2.cbpc10, 8888888);// this.form2.icon = name;},// //添加模块-货币类型// selected004(name) {// console.log(name, 123)// console.log(name.substring(name.indexOf("-") + 1), 963);// this.form2.cbpc166 = name.substring(0, name.indexOf("-"));// this.form2.cbpc16 = name.substring(name.indexOf("-") + 1)// // this.form2.icon = name;// },//添加模块-供应商selected02(name) {console.log(name, 123)console.log(name.substring(name.indexOf("-") + 1), 963);this.form2.cbpc099 = name.substring(0, name.indexOf("-"));this.form2.cbpc09 = name.substring(name.indexOf("-") + 1);this.form.cbsa08 = name.substring(0, name.indexOf("-"));// this.form2.icon = name;},//查询商品信息维护selected08(e, row) {// row.cbpc000=ethis.$set(row, "cbpc000", e.substring(0, e.indexOf(".")))console.log(e, 111)console.log(row, 222)// row.cbpc08 = e.substring(e.indexOf(".") + 1)this.$set(row, "cbpd08", e.substring(e.indexOf(".") + 1), 8523642)console.log(row, 555)// console.log(row.cbpc08,96325412);// console.log(name, 111)// console.log(index, 222)// this.$set(this.tableData, "cbpc000", e)// this.formArr[index].cbpc000=''// this.formArr[index].cbpc000=e// console.log(this.formArr)// console.log(name.substring(name.indexOf("-") + 1), 963);// this.form.cbpc000 = name.substring(0, name.indexOf("-"));// this.form2.cbpc09 = name.substring(name.indexOf("-") + 1);// this.form.cbsa08 = name.substring(0, name.indexOf("-"));// this.form.cbpc000 = name;// this.form.cbpd08 = name.substring(name.indexOf(".") +1);// console.log(this.form2.cbpd08,852369421);// this.$set(this.form,"cbpc000",name.substring(name.indexOf(".") +1))// this.$set(this.form,"cbpc000",name.substring(0, name.indexOf("-")))// this.form.cbpc000 = name;// this.$set(this.tableData,"cbpc000",name);// this.$set(this.tableData,"cbpc000",name.substring(name.indexOf(".") +1));// this.tableData.cbpc000 = name.substring(name.indexOf(".") +1);// this.$forceUpdate()// console.log(this.$set(this.tableData,"cbpc000",name.substring(name.indexOf(".") +1)),852369421);// this.tableData.cbpc000 = "123";// this.tableData.num = "23344";// console.log(name,556623);// console.log(this.tableData.cbpc000,20220905);},//添加行addData() {this.tianjiahang.push({tianjiaoname: '',tianjiaogender: '',tianjiaocontact: ''})},deletData(index) {this.tianjiahang.splice(index, 1);},// 取消按钮cancel() {this.open2 = false;},//添加的取消按钮cancel9() {this.open2 = false;this.reset();},// 表单重置reset() {this.form = {classifyName: undefined,classifyNum: undefined};// this.resetForm("form");},// 表单重置reset01() {// this.form2 = {// brand: undefined,// description: undefined,// model: undefined,// remark: undefined,// skuName: undefined,// sn: undefined,// spuplierName: undefined,// type: undefined// };// this.resetForm("form2");this.$refs["form2"].resetFields();},/** 重置按钮操作 */resetQuery() {this.dateRange = [];this.resetForm("queryForm");this.handleQuery();},/** 数形列表的商品分类按钮**/submitShangpin() {this.reset();},/** 新增按钮操作 */handleAdd() {this.$refs["form2"].validate((item) => {if (item) {PurchaseinboundAdd(this.form2).then(response => {if (response.code == "200") {this.$message({message: '添加成功',type: 'success',style: 'color:red;!important'});this.submitShangpin();this.open2 = false;this.reset01()// console.log(this.form2.cbpg161,111);// console.log(this.form.cbpg01,222);console.log(response.data.id, 333);this.tableData.forEach((item) => {item.cbpc01 = response.data.id;console.log(item.cbpc01, 8523697412);})this._ly_ok()this.$tab.closePage();this.$router.go(-1);}});} else {// this.$message.error('请注意规范');}})// this._ly_ok();},/** 采购入库单返回操作 */handlecaigourukudanone: function (row) {// this.$router.push("/system/user-auth/role/");// this.$router.push("/system/user-fanhui/role/");this.$tab.closePage();this.$router.go(-1);},},mounted() {// 初始化表单数据，至少有一行表单数据this.tableData = []this._ly_addFrom()},watch: {visible(newVal) {this.dialogVisible = newValif (this.dialogVisible === false) {// 重新打开弹窗时，初始化表单数据，至少有一行表单数据this.tableData = []this._ly_addFrom()}}}
};
</script>
<style src="./PurchaseWarehousingcjcss/index.css"></style>这篇关于若依框架 --- 主表和明细表批量添加的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
