Browse Source

Update list-table.vue

master
许孟阳 1 year ago
parent
commit
a4b785ddb2
  1. 22
      packages/base/data/list-table.vue

22
packages/base/data/list-table.vue

@ -2,12 +2,12 @@
<div class="my-table"> <div class="my-table">
<el-table :size="state.size.size" :data="page ? data.data : data" @selection-change="selectionChange" <el-table :size="state.size.size" :data="page ? data.data : data" @selection-change="selectionChange"
:height="height || (page ? state.size.pTableHeight : state.size.tableHeight)" highlight-current-row :height="height || (page ? state.size.pTableHeight : state.size.tableHeight)" highlight-current-row
:row-key="rowKey" :tree-porps="treeProps" :default-sort="defaultSort"> :row-key="rowKey" :tree-porps="treeProps">
<el-table-column v-for="item in props" :key="item.code" :prop="item.code" :label="item.name || t(item.i18n)" <el-table-column v-for="item in props" :key="item.code" :prop="item.code" :label="item.name || t(item.i18n)"
:type="item.type" :min-width="item.width" :width="item.type ? item.width : ''" :fixed="item.fixed" :type="item.type" :min-width="item.width" :width="item.type ? item.width : ''" :fixed="item.fixed"
:align="item.align ? item.align : 'center'" show-overflow-tooltip :sortable="item.sortable" :align="item.align ? item.align : 'center'" show-overflow-tooltip
:formatter="item.stamp ? formatStamp : item.fileSize ? formatFileSize : formatter"> :formatter="(row: any, column: any, value: any) => formatter(row, column, value, item)">
<template v-if="item.slot" #default="scope"> <template v-if="item.slot" #default="scope">
<slot :name="item.code" :row="scope.row"></slot> <slot :name="item.code" :row="scope.row"></slot>
@ -66,10 +66,6 @@ const prop = defineProps({
type: Object, type: Object,
default: null, default: null,
}, },
defaultSort: {
type: Object,
default: {},
},
}); });
const emit = defineEmits(["query", "selection-change"]); const emit = defineEmits(["query", "selection-change"]);
@ -100,7 +96,7 @@ const getValue = (
return value; return value;
}; };
const formatStamp = (row: any, column: any, value: any, index: number) => { const formatStamp = (value: any) => {
const date = new Date(value * 1000); const date = new Date(value * 1000);
const month = date.getMonth() < 9 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1; const month = date.getMonth() < 9 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1;
const day = date.getDate() < 10 ? '0' + date.getDate() : date.getDate(); const day = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
@ -109,7 +105,7 @@ const formatStamp = (row: any, column: any, value: any, index: number) => {
const second = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds(); const second = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds();
return date.getFullYear() + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second; return date.getFullYear() + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second;
}; };
const formatFileSize = (row: any, column: any, value: any, index: number) => { const formatFileSize = (value: any) => {
const k = value / 1024; const k = value / 1024;
if (k < 1) { if (k < 1) {
return value + "B"; return value + "B";
@ -125,7 +121,13 @@ const formatFileSize = (row: any, column: any, value: any, index: number) => {
return g.toFixed(2) + "G"; return g.toFixed(2) + "G";
}; };
const formatter = (row: any, column: any, value: any, index: number) => { const formatter = (row: any, column: any, value: any, item: any) => {
if (item.dict)
return formatterByDist(item.dict, value);
if (item.timestamp)
return formatStamp(value);
if (item.filesize)
return formatFileSize(value);
if (row.scheme) if (row.scheme)
return formatterByDist(row.scheme + '_' + column.property, value); return formatterByDist(row.scheme + '_' + column.property, value);
return getValue(null, '', value); return getValue(null, '', value);

Loading…
Cancel
Save