update list props

This commit is contained in:
Fine 2022-10-31 10:21:31 +08:00
parent 0683789fbb
commit 0fd387648c
4 changed files with 11 additions and 5 deletions

View File

@ -31,7 +31,7 @@ limitations under the License. -->
</div> </div>
<div class="list"> <div class="list">
<el-table v-loading="chartLoading" :data="endpoints" style="width: 100%"> <el-table v-loading="chartLoading" :data="endpoints" style="width: 100%">
<el-table-column label="Endpoints"> <el-table-column label="Endpoints" fixed min-width="220">
<template #default="scope"> <template #default="scope">
<span <span
class="link" class="link"

View File

@ -30,7 +30,7 @@ limitations under the License. -->
</div> </div>
<div class="list"> <div class="list">
<el-table v-loading="chartLoading" :data="instances" style="width: 100%"> <el-table v-loading="chartLoading" :data="instances" style="width: 100%">
<el-table-column label="Service Instances"> <el-table-column label="Service Instances" fixed min-width="320">
<template #default="scope"> <template #default="scope">
<span <span
class="link" class="link"
@ -52,7 +52,7 @@ limitations under the License. -->
}" }"
v-if="colMetrics.length" v-if="colMetrics.length"
/> />
<el-table-column label="Attributes"> <el-table-column label="Attributes" fixed="right" min-width="100">
<template #default="scope"> <template #default="scope">
<el-popover placement="left" :width="400" trigger="click"> <el-popover placement="left" :width="400" trigger="click">
<template #reference> <template #reference>

View File

@ -37,12 +37,17 @@ limitations under the License. -->
:border="true" :border="true"
:style="{ fontSize: '14px' }" :style="{ fontSize: '14px' }"
> >
<el-table-column label="Service Groups" v-if="config.showGroup"> <el-table-column
fixed
label="Service Groups"
v-if="config.showGroup"
min-width="150"
>
<template #default="scope"> <template #default="scope">
{{ scope.row.group }} {{ scope.row.group }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="Service Names"> <el-table-column fixed label="Service Names" min-width="220">
<template #default="scope"> <template #default="scope">
<span <span
class="link" class="link"

View File

@ -20,6 +20,7 @@ limitations under the License. -->
getLabel(metric, index) getLabel(metric, index)
)} ${decodeURIComponent(getUnit(index))}`" )} ${decodeURIComponent(getUnit(index))}`"
:key="metric + index" :key="metric + index"
min-width="150"
> >
<template #default="scope"> <template #default="scope">
<div class="chart"> <div class="chart">