<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>&nbsp;{{ 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>