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.
87 lines
2.5 KiB
87 lines
2.5 KiB
<template> |
|
<template v-if="itemSlot.style !== '固定'"> |
|
<tr v-if="isShow" :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 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' : '4'">{{ itemChild.detailName }}</td> |
|
<td :colspan="quality ? '6' : '3'">{{ itemChild.paramValue }}</td> |
|
</tr> |
|
</template> |
|
</template> |
|
<template v-else> |
|
<!-- 第1行 --> |
|
<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 |
|
}, |
|
isShow: { |
|
type: Boolean, |
|
default: false |
|
} |
|
}, |
|
data() { |
|
return {}; |
|
}, |
|
methods: {}, |
|
}; |
|
</script> |
|
<style lang="scss" scoped> |
|
</style> |