<template>
  <tr :key="itemSlot.slotName + indexSlot + Math.floor(Math.random() * 100000) + 1">
    <td :rowspan="5" colspan="4">{{ itemSlot.slotName }}</td>
  </tr>
  <template
    v-for="(itemChild, indexChild) in itemSlot.childrenList"
    key="itemSlot.slotName+indexSlot+indexChild+Math.floor(Math.random()*100000)+1"
  >
    <tr v-if="indexChild <= 1">
      <td v-if="indexChild == 0" :rowspan="2" colspan="2">{{ itemChild.detailName }}</td>
      <td v-if="indexChild == 0" :rowspan="2" colspan="2">{{ itemChild.ask }}</td>
      <td v-if="indexChild == 0">{{ itemChild.paramName }}</td>
      <td v-if="indexChild == 0" colspan="2">{{ itemChild.rfpdTime }}</td>
      <td v-if="indexChild == 1">{{ itemChild.paramName }}</td>
      <td v-if="indexChild == 1" colspan="2">{{ itemChild.rfpdTime }}</td>
    </tr>
    <tr v-else-if="indexChild == 2">
      <td colspan="2">{{ itemChild.detailName }}</td>
      <td colspan="2">{{ itemChild.ask }}</td>
      <td colspan="3">{{ itemChild.paramValue }}</td>
    </tr>
    <tr v-else-if="indexChild == 3">
      <td colspan="4">{{ itemChild.detailName }}</td>
      <td colspan="3">{{ itemChild.paramValue }}</td>
    </tr>
  </template>
</template>
<script>
export default {
  props: {
    itemSlot: {
      type: Object,
      default: () => {},
    },
    indexSlot: {
      type: Number,
      default: 0,
    },
  },
  data() {
    return {};
  },
  methods: {},
};
</script>
<style lang="scss" scoped>
</style>