summaryrefslogtreecommitdiff
path: root/src/components/charts/ChartTable.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/charts/ChartTable.vue')
-rw-r--r--src/components/charts/ChartTable.vue72
1 files changed, 0 insertions, 72 deletions
diff --git a/src/components/charts/ChartTable.vue b/src/components/charts/ChartTable.vue
deleted file mode 100644
index 523e692b..00000000
--- a/src/components/charts/ChartTable.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<template>
- <div class="cn-chart cn-chart__table">
- <div class="cn-chart__header chart-header-position" >
- <slot name="chartErrorInfo"></slot>
- <div class="header__title">
- <slot name="title"></slot>
- </div>
- <div class="header__operations">
- <slot name="operations"></slot>
- </div>
- </div>
- <div class="chart__loading" v-show="loading">
- <i class="el-icon-loading"></i>
- </div>
- <div class="cn-chart__body" v-no-data="noData">
- <el-table
- style="width: 100%"
- tooltip-effect="light"
- :data="tableData"
- >
- <el-table-column
- type="index"
- label="#"
- >
- </el-table-column>
- <el-table-column
- v-for="(c, i) in tableColumns"
- show-overflow-tooltip
- :key="i"
- :label="c.label"
- :prop="c.prop"
- >
- <template #header>{{c.label}}</template>
- <template #default="{ row }">{{}}
- <span v-if="c.prop === 'bytes'">
- {{unitConvert(row[c.prop], unitTypes.byte).join(' ')}}
- </span>
- <span v-else-if="c.prop === 'packets' || c.prop === 'sessions'">
- {{unitConvert(row[c.prop], unitTypes.number).join(' ')}}
- </span>
- <span v-else>
- {{row[c.prop]}}
- </span>
- </template>
- </el-table-column>
- </el-table>
- </div>
- <div class="cn-chart__footer">
- <slot name="footer"></slot>
- </div>
- </div>
-</template>
-
-<script>
-import unitConvert from '@/utils/unit-convert'
-import { unitTypes } from '@/utils/constants'
-export default {
- name: 'ChartTable',
- props: {
- tableColumns: Array,
- tableData: Array,
- loading: Boolean,
- noData: Boolean
- },
- setup () {
- return {
- unitTypes,
- unitConvert
- }
- }
-}
-</script>