中航光电热表web
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.
 
 
 
 

75 lines
2.2 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="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>