html
//折叠栏
<uni-collapse class='collapse' ref='collapse'>
<uni-collapse-item v-for="(item, index) in dataForm.beefCattleNums" :key="index" :title="item.fatCalfNum" class='collapse-item' title-border='show' :border='false' @click=toggleItem(dataForm,index)>
<view class="item">
<view class="item-content">
<view class="item">
<text class="label">年份</text>
<text class="text ellipsis num">{{item.fatCalfNum}}</text>
</view>
</view>
<view class="item-content">
<view class="item">
<view class="label">货币资金(万元)</view>
<text class="text ellipsis num">{{item.fatCalfNum1}}</text>
</view>
</view>
</uni-collapse-item>
</uni-collapse>
//新增按钮
<view class="table-footer-box">
<image class="btn" src="/static/images/production/icon-add-bl.png" mode="" @click="addInventory"></image>
</view>
//弹窗
<uni-popup ref="inventoryPopup" class="popup-cus">
<add-bb-subject @addInventoryHandle="addInventoryHandle" @closeInventoryHandle="closeInventoryHandle"></add-bb-subject>
</uni-popup>
javascript
addInventory(){
this.$refs.inventoryPopup.open()
},
addInventoryHandle(data){
this.$refs.inventoryPopup.close()
this.dataForm.beefCattleNums.push(Object.assign({}, data))
},
closeInventoryHandle(){
this.$refs.inventoryPopup.close()
},
子组件:
html
<view class="form-item">
<view class="form-item-label">年份</view>
<view class="form-item-content">
<input v-model="dataForm.fatCalfNum" type="number" class="uni-input uni-input-box" placeholder-class="input-placeholder" confirm-type="done" placeholder="请输入年份" />
</view>
</view>
<view class="form-item">
<view class="form-item-label">货币资金(万元)</view>
<view class="form-item-content">
<input v-model="dataForm.fatCalfNum1" type="number" class="uni-input uni-input-box" placeholder-class="input-placeholder" confirm-type="done" placeholder="请输入货币资金" />
</view>
</view>
<view class="footer-box">
<view class="btn-l-box" @click="cancelHandle">取消</view>
<view class="btn-r-box" @click="submitHandle">确定</view>
</view>
async submitHandle() {
this.$emit('addInventoryHandle',this.dataForm)
},
cancelHandle(){
this.$emit('closeInventoryHandle')
}