You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
109 lines
3.0 KiB
109 lines
3.0 KiB
<template> |
|
<template v-if="itemSlot.style !== '固定'"> |
|
|
|
<tr v-if="itemSlot.slotIndex!==undefined" :key="itemSlot.slotName + indexSlot + Math.floor(Math.random() * 100000) + 1"> |
|
<td rowspan="9" colspan="2">{{ itemSlot.slotIndex }}</td> |
|
<td rowspan="9" colspan="2">{{ itemSlot.slotName }}</td> |
|
</tr> |
|
<tr v-else :key="itemSlot.slotName + indexSlot + Math.floor(Math.random() * 100000) + 1"> |
|
<td :rowspan="9" :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 v-if="indexChild <= 1"> |
|
<td v-if="indexChild == 0" :rowspan="2" :colspan="quality ? '2' : '2'">{{ itemChild.detailName }}</td> |
|
<td v-if="indexChild == 0" :rowspan="2" :colspan="quality ? '2' : '2'">{{ itemChild.ask }}</td> |
|
<td v-if="indexChild == 0" :colspan="quality ? '1' : '1'">{{ itemChild.paramName }}</td> |
|
<td v-if="indexChild == 0" :colspan="quality ? '3' : '2'">{{ itemChild.rfpdTime }}</td> |
|
<td v-if="indexChild == 1" :colspan="quality ? '1' : '1'">{{ itemChild.paramName }}</td> |
|
<td v-if="indexChild == 1" :colspan="quality ? '3' : '2'">{{ itemChild.rfpdTime }}</td> |
|
</tr> |
|
<tr v-else-if="indexChild == 2"> |
|
<td :colspan="quality ? '2' : '2'">{{ itemChild.detailName }}</td> |
|
<td :colspan="quality ? '2' : '2'">{{ itemChild.ask }}</td> |
|
<td :colspan="quality ? '4' : '3'">{{ itemChild.paramValue }}</td> |
|
</tr> |
|
<tr v-else-if="indexChild == 3"> |
|
<td :colspan="quality ? '2' : '2'">{{ itemChild.detailName }}</td> |
|
<td :colspan="quality ? '2' : '2'">{{ itemChild.ask }}</td> |
|
<td :colspan="quality ? '1' : '1'">{{ itemChild.paramName }}</td> |
|
<td :colspan="quality ? '3' : '2'">{{ itemChild.rfpdTime }}</td> |
|
</tr> |
|
<tr v-else> |
|
<td :colspan="quality ? '2' : '2'">{{ itemChild.detailName }}</td> |
|
<td :colspan="quality ? '6' : '5'">{{ itemChild.paramValue }}</td> |
|
</tr> |
|
</template> |
|
</template> |
|
<template v-else> |
|
<!-- 第1行 --> |
|
<tr> |
|
<td rowspan="8"></td> |
|
<td colspan="1" rowspan="2"></td> |
|
<td colspan="1" 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></td> |
|
<td></td> |
|
|
|
</tr> |
|
<tr> |
|
<td></td> |
|
<td colspan="3"></td> |
|
</tr> |
|
<tr> |
|
<td></td> |
|
<td colspan="3"></td> |
|
</tr> |
|
<tr> |
|
<td></td> |
|
<td colspan="3"></td> |
|
</tr> |
|
<tr> |
|
<td></td> |
|
<td colspan="3"></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> |