时添加多个产品同时每个产品可以增加多台设备根据设备增加相应编号所以存在数组套数组根据数组值动态变化

form.list

Formform{form}namebasiclabelCol{{flex:

90px,}}initialValues{{productList:[{bianHao:,wuMiao:,number:1,tType:you,files:{},list:[{sheBei:,guZi:,ziYou:,}],}]}}labelWrap{true}labelAlignleftonFinish{onFinish}onFinishFailed{onFinishFailed}autoCompleteoff{/*

Card

xxl{6}Form.Itemlabel最终用户nameusernamerules{[{required:

true,message:

xxl{6}Form.Itemlabel商务助理nameuserLianrules{[{required:

true,message:

xxl{6}Form.Itemlabel测试用途nameuserPhonerules{[{required:

true,message:

xxl{6}Form.Itemlabel项目预计招标/采购时间nameuserShourules{[{required:

true,message:

Form.Itemlabel备注namebeiZhurules{[{required:

true,message:

/}点击上传/Button/Upload/Form.Item/Col/Row

/Card

{...field}label产品名称name{[field.name,bianHao]}rules{[{required:

true,message:

{...field}label物料编码name{[field.name,wuMiao]}rules{[{required:

true,message:

{...field}label数量name{[field.name,number]}rules{[{required:

true,message:

style{{width:100%}}//Form.Item/ColCol

sm{24}

{...field}label单位name{[field.name,tType]}rules{[{required:

true,message:

valueyou台/Select.OptionSelect.Option

valuezi块/Select.Option/Select/Form.Item/ColCol

sm{24}Form.Item

如果删除一条信息cur.productList[index]是空值所以需要判断if(cur.productList[index]pre.productList[index]){return

cur.productList[index].number}else{return

{{/*

繁琐的计算1.输入的数值比原来的数值大计算差值给原数组循环push2.手动在删除输入框为空的时候根据splice置空

因为是空所以计算出03.输入的数值比之前小优先从后面删除防止前面输入的被删除掉依旧是操作原数组

splice

getFieldsValue().productList[index].number;let

list

getFieldsValue().productList[index].list;if(numberlist.length){let

cha

if(number){list.splice(0,list.length)}else

cha

number;list.splice(number,cha)}

return

{...tlist}label设备序列号name{[tlist.name,sheBei]}rules{[{required:

true,message:

请选择,},]}Input//Form.Item/ColCol

sm{24}

{...tlist}label固资编码name{[tlist.name,guZi]}rules{[{required:

true,message:

请选择,},]}Input//Form.Item/ColCol

sm{24}

{...tlist}label自有编码name{[tlist.name,ziYou]}rules{[{required:

true,message:

请选择,},]}Input//Form.Item/Col/Row))}/)}/Form.List}}/Form.Item/ColCol

sm{24}

Form.Itemlabel备注{...field}name{[field.name,beiZhu]}rules{[{required:

true,message:

{...field}name{[field.name,files]}

Upload

option.onSuccess())}beforeUpload{(file,

fileList)

/}点击上传/Button/Upload/Form.Item/Col{

-----end*/

styleNameitem_btn_wrapPlusCircleFilled

onClick{()

add({bianHao:,wuMiao:,number:1,tType:you,beiZhu:,files:{},list:[{sheBei:,guZi:,ziYou:,}],})}

/{fields.length1CloseCircleFilled

onClick{()

/}/div/Row))}/)}/Form.List/CardCard{/*

Row

onClick{()onFinish(stage)}暂存/ButtonButton

typeprimary

onClick{()onFinish(submit)}提交/Button{/*

Button

需要在name的前面否则出错中间有关于业务的逻辑输入数量的计算shouldUpdate

方法使用表单中值变化可以根据index来获取是第几个进而判断form数组的嵌套

运用两个form.list

来获取需要操作的数组运用数组中的修改原数组的方法来操作即可及时修改form值