1. npm - event app事件表格样式调整

2. network overview - 表格样式调整
This commit is contained in:
hanyuxia
2022-08-09 11:46:48 +08:00
parent 776936bbe2
commit 69f08779aa
3 changed files with 23 additions and 25 deletions

View File

@@ -26,7 +26,7 @@
height="100%"
>
<template v-for="(item, index) in customTableTitles" :key="index">
<el-table-column class="data-column">
<el-table-column class="data-column" :min-width="columnWidth(index)">
<template #header>
<span class="data-column__span">{{$t(item.label)}}</span>
</template>
@@ -63,7 +63,6 @@
<template v-else-if="item.prop === 'eventCount'">
<span class="data-eventCount">{{scope.row[item.prop]}}</span>
</template>
<span v-else-if="scope.row[item.prop]">{{scope.row[item.prop]}}</span>
<span v-else>-</span>
</div>
</template>
@@ -141,6 +140,17 @@ export default {
]
}
},
methods:{
columnWidth(index){
if(index===0 || index===1){
return "20%"
}else if(index===2){
return "35%"
}else if(index===3){
return "15%"
}
}
},
computed: {
}
}