github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-06-29 20:07:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
Fine 2025-06-03 18:31:45 +08:00
parent 88553431b8
commit 4685f66a78
2 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/settings/components/DoubleHeaderTable.vue
View File

@ -13,10 +13,12 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License. -->
<template>
<el-table :data="[data]" class="mb-5" :row-style="{ backgroundColor: 'var(--layout-background)' }">
<el-table :data="data" class="mb-5" :row-style="{ backgroundColor: 'var(--layout-background)' }">
<el-table-column v-for="column in metricsRows" :prop="column.value" :label="column.label" :key="column.value">
<el-table-column v-for="item in column.children" :prop="item.value" :label="item.label" :key="item.value">
{{ data ? (data[item.value] < 0 ? "N/A" : data[item.value]) : "N/A" }}
<template #default="scope">
{{ scope.row && scope.row[item.value] ? (scope.row[item.value] < 0 ? "N/A" : scope.row[item.value]) : "N/A" }}
</template>
</el-table-column>
</el-table-column>
</el-table>
@ -29,6 +31,6 @@ limitations under the License. -->
type: Array as PropType<{ label: string; value: string; children: Option[] }[]>,
default: () => [],
},
data: { type: Object as PropType<Indexable>, default: () => {} },
data: { type: Array as PropType<Indexable[]>, default: () => [] },
});
</script>

4
src/views/settings/components/TTL.vue
View File

@ -15,9 +15,9 @@ limitations under the License. -->
<template>
<div class="ttl">
<div class="label">{{ t("metricsTTL") }}</div>
<DoubleHeaderTable :data="settingsStore.configTTL.metrics" :metricsRows="MetricsTTLRow" />
<DoubleHeaderTable :data="[settingsStore.configTTL.metrics]" :metricsRows="MetricsTTLRow" />
<div class="label">{{ t("recordsTTL") }}</div>
<DoubleHeaderTable :data="settingsStore.configTTL.records" :metricsRows="RecordsTTLRow" />
<DoubleHeaderTable :data="[settingsStore.configTTL.records]" :metricsRows="RecordsTTLRow" />
</div>
</template>
<script lang="ts" setup>