jonhon-mes-web/src/views/qualityTemplate/Template3.vue

<template>
  <template  v-if="itemSlot.style!=='固定'">
 <tr v-if="itemSlot.slotIndex!==undefined" :key="itemSlot.slotName + indexSlot + Math.floor(Math.random() * 100000) + 1">
     <td rowspan="5" colspan="2">{{ itemSlot.slotIndex }}</td> 
    <td rowspan="5" colspan="2">{{ itemSlot.slotName }}</td>
  </tr>
  <tr v-else :key="itemSlot.slotName + indexSlot + Math.floor(Math.random() * 100000) + 1">
    <td rowspan="5" :colspan="quality ? '1' : '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>
      <td v-if="indexChild == 0" :rowspan="2" :colspan="quality ? '3' : '2'">{{ itemChild.detailName }}</td>
      <td v-if="indexChild == 0" :rowspan="2" colspan="2">{{ itemChild.ask }}</td>
      <td v-if="indexChild == 0" :colspan="quality ? '2' : '1'">{{ itemChild.paramName }}</td>
      <td v-if="indexChild == 0" :colspan="quality ? '3' : '2'">{{ itemChild.rfpdTime }}</td>
      <td v-if="indexChild == 1" :colspan="quality ? '2' : '1'">{{ itemChild.paramName }}</td>
      <td v-if="indexChild == 1" :colspan="quality ? '3' : '2'">{{ itemChild.rfpdTime }}</td>
      <td v-if="indexChild > 1" :colspan="quality ? '3' : '2'">{{ itemChild.detailName }}</td>
      <td v-if="indexChild > 1" colspan="2">{{ itemChild.ask }}</td>
      <td v-if="indexChild > 1" :colspan="quality ? '5' : '3'">{{ itemChild.paramValue }}</td>
    </tr>
  </template>
</template>
<template v-else>
  
  <!-- 第二行 -->
  <tr>
    <td rowspan="4"></td>
    <td rowspan="2"></td>
    <td rowspan="2"></td>
    <td></td>
    <td></td>
  </tr>
  <!-- 第三行 -->
  <tr>
    <td></td>
    <td></td>
  </tr>
  <!-- 第四行 -->
  <tr>
    <td></td>
    <td></td>
     <td  colspan="2"></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
     <td  colspan="2"></td>
  </tr>
 </template>
</template>
<script>
export default {
  props: {
    itemSlot: {
      type: Object,
      default: () => {},
    },
    indexSlot: {
      type: Number,
      default: 0,
    },
    quality:{
      type: Boolean,
      default: false
    }
  },
  data() {
    return {};
  },
  methods: {},
};
</script>
<style lang="scss" scoped>
</style>