<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="1" 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="1" 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>主要生产<br />厂家及国别</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>购置必要性及<br />对项目研究的<br />作用和用途</div> </div> </a-col> </a-row> <a-row v-for="(item, index) in equipments" :key="'equipments' + index" type="flex" class="row_center"> <a-col :span="1"> <div class="special-middle">{{ index + 1 }}</div> </a-col> <a-col :span="2"> <div class="special-middle">{{ item.name }}</div> </a-col> <a-col :span="2"> <div class="special-middle">{{ item.functionTarget }}</div> </a-col> <a-col :span="2"> <div class="special-middle">{{parseFloat(item.unitPrice).toFixed(2)}}</div> </a-col> <a-col :span="1"> <div class="special-middle">{{ item.quantity }}</div> </a-col> <a-col :span="2"> <div class="special-middle">{{ parseFloat(item.totalBudget).toFixed(2) }}</div> </a-col> <a-col :span="2"> <div class="special-middle">{{ item.buyUnit }}</div> </a-col> <a-col :span="2"> <div class="special-middle">{{ item.storageLocation }}</div> </a-col> <a-col :span="2"> <div class="special-middle">{{ item.equipmentType }}</div> </a-col> <a-col :span="2"> <div class="special-middle">{{ item.manufacturer }}</div> </a-col> <a-col :span="2"> <div class="special-middle">{{ item.specificationType }}</div> </a-col> <a-col :span="2"> <div class="special-middle">{{ item.sharedScope }}</div> </a-col> <a-col :span="2"> <div class="special-middle">{{ item.useFrom }}</div> </a-col> </a-row> <a-row type="flex" class="row_center"> <a-col :span="5"> <div class="special-middle"><div>单价50万元及以上购置设备合计</div></div> </a-col> <a-col :span="2"> <div class="special-middle"><div>/</div></div> </a-col> <a-col :span="1"> <div class="special-middle"><div>{{ fiftyUpNumber }}</div></div> </a-col> <a-col :span="2"> <div class="special-middle"><div>{{ parseFloat(fiftyUpAmount).toFixed(2) }}</div></div> </a-col> <a-col :span="2"> <div class="special-middle"><div>/</div></div> </a-col> <a-col :span="2"> <div class="special-middle"><div>/</div></div> </a-col> <a-col :span="2"> <div class="special-middle"><div>/</div></div> </a-col> <a-col :span="2"> <div class="special-middle"><div>/</div></div> </a-col> <a-col :span="2"> <div class="special-middle"><div>/</div></div> </a-col> <a-col :span="2"> <div class="special-middle"><div>/</div></div> </a-col> <a-col :span="2"> <div class="special-middle"><div>/</div></div> </a-col> </a-row> <a-row type="flex" class="row_center"> <a-col :span="5"> <div class="special-middle"><div>单价50万元以下购置设备合计</div></div> </a-col> <a-col :span="2"> <div class="special-middle"><div>/</div></div> </a-col> <a-col :span="1"> <div class="special-middle"><div>{{ fiftyDownNumber }}</div></div> </a-col> <a-col :span="2"> <div class="special-middle"><div>{{ parseFloat(fiftyDownAmount).toFixed(2) }}</div></div> </a-col> <a-col :span="2"> <div class="special-middle"><div>/</div></div> </a-col> <a-col :span="2"> <div class="special-middle"><div>/</div></div> </a-col> <a-col :span="2"> <div class="special-middle"><div>/</div></div> </a-col> <a-col :span="2"> <div class="special-middle"><div>/</div></div> </a-col> <a-col :span="2"> <div class="special-middle"><div>/</div></div> </a-col> <a-col :span="2"> <div class="special-middle"><div>/</div></div> </a-col> <a-col :span="2"> <div class="special-middle"><div>/</div></div> </a-col> </a-row> <a-row type="flex" class="row_center"> <a-col :span="5"> <div class="special-middle"><div>累计</div></div> </a-col> <a-col :span="2"> <div class="special-middle"><div>/</div></div> </a-col> <a-col :span="1"> <div class="special-middle"><div>{{ totalNumber }}</div></div> </a-col> <a-col :span="2"> <div class="special-middle"><div>{{ parseFloat(totalAmount).toFixed(2) }}</div></div> </a-col> <a-col :span="2"> <div class="special-middle"><div>/</div></div> </a-col> <a-col :span="2"> <div class="special-middle"><div>/</div></div> </a-col> <a-col :span="2"> <div class="special-middle"><div>/</div></div> </a-col> <a-col :span="2"> <div class="special-middle"><div>/</div></div> </a-col> <a-col :span="2"> <div class="special-middle"><div>/</div></div> </a-col> <a-col :span="2"> <div class="special-middle"><div>/</div></div> </a-col> <a-col :span="2"> <div class="special-middle"><div>/</div></div> </a-col> </a-row> <a-row type="flex" class="item_inner"> <a-col :span="24"> <span style="color: red;">注:1.本表只填写省级财政科技资金购置的设备;涉及自筹经费购买的设备,请在资金预算编制说明中说明。<br /> 2.单价50万元以下的设备不填写明细。</span> </a-col> </a-row> </div> </template> <script> const Equipment = { id: "", objectId: "", name: "", functionTarget: "", specificationType: "", quantity: 1, totalBudget: 0.00, useFrom: "", buyUnit: "", storageLocation: "", equipmentType: "", manufacturer: "", sharedScope: "", unitPrice: 0.00, }; export default { name: "EquipmentInfo", data() { return { fiftyUpNumber: 0, fiftyUpAmount: 0.00, fiftyDownNumber: 0, fiftyDownAmount: 0.00, totalNumber: 0, totalAmount: 0.00, }; }, props: { equipments: { type: Array, default: () => { return []; }, }, }, created () { }, methods: { calNumberAmount() { this.fiftyUpAmount = 0.00 this.fiftyDownAmount = 0.00 this.fiftyUpNumber = 0 this.fiftyDownNumber = 0 this.equipments.forEach(e => { if (e.unitPrice >= 50) { this.fiftyUpAmount += e.unitPrice * e.quantity this.fiftyUpNumber += e.quantity } else { this.fiftyDownAmount += e.unitPrice * e.quantity this.fiftyDownNumber += e.quantity } }) this.totalNumber = this.fiftyUpNumber + this.fiftyDownNumber this.totalAmount = this.fiftyUpAmount + this.fiftyDownAmount }, outUnitPriceChange(index) { this.equipments[index].totalBudget = this.equipments[index].unitPrice * this.equipments[index].quantity this.calNumberAmount() }, outNumberChange(index) { this.equipments[index].totalBudget = this.equipments[index].unitPrice * this.equipments[index].quantity this.calNumberAmount() }, }, }; </script>