<template> <div> <a-row> <a-col :span="24"> <div class="tb-title"> <span>设备费-试制设备预算明细表<strong>(金额单位:万元)</strong></span> </div> </a-col> </a-row> <a-row type="flex" class="row_center"> <a-col :span="2" class="bg-gray"> <div class="special-middle"> <div>序号</div> </div> </a-col> <a-col :span="2" class="bg-gray"> <div class="special-middle"> <div>设备名称</div> </div> </a-col> <a-col :span="2" class="bg-gray"> <div class="special-middle"> <div>功能和技术指标</div> </div> </a-col> <a-col :span="2" class="bg-gray"> <div class="special-middle"> <div>单价(万元/台套)</div> </div> </a-col> <a-col :span="2" class="bg-gray"> <div class="special-middle"> <div>数量(台套)</div> </div> </a-col> <a-col :span="2" class="bg-gray"> <div class="special-middle"> <div>金额</div> </div> </a-col> <a-col :span="2" class="bg-gray"> <div class="special-middle"> <div>财政资金</div> </div> </a-col> <a-col :span="2" class="bg-gray"> <div class="special-middle"> <div>自筹资金</div> </div> </a-col> <a-col :span="2" class="bg-gray"> <div class="special-middle"> <div>试制单位</div> </div> </a-col> <a-col :span="2" class="bg-gray"> <div class="special-middle"> <div>安置单位</div> </div> </a-col> </a-row> <a-row v-for="(item, index) in manufactureList" :key="'manufactureList'+index" type="flex" class="row_center"> <a-col :span="1"> <div class="special-middle"><a-button icon="close" type="primary" shape="circle" size="small" @click="deleteManufacture(item)"></a-button> {{ index + 1 }}</div> </a-col> <a-col :span="20"> <a-form-model-item :prop="'manufactureList.' + index + '.name'" :rules="{required: true, message: '*', trigger: 'blur',}"> <a-input v-model="item.name" :maxLength="100" style="width: 90%;" /> </a-form-model-item> </a-col> </a-row> </div> </template> <script> export default { name: "manufactureEdit", props: { manufactureList: { type: Array, default: () => { return []; }, }, }, data() { return {}; }, created() { }, methods: { deleteManufacture(item) { let index = this.manufactureList.indexOf(item) if (index !== -1) { this.manufactureList.splice(index, 1) } } }, }; </script>