refactor DataTable component

This commit is contained in:
pa
2025-12-21 00:36:05 +09:00
committed by Natsumi
parent dff3f17c9a
commit 2ea224cf8d
11 changed files with 323 additions and 282 deletions

View File

@@ -121,7 +121,7 @@
</h2>
<pre style="white-space: pre-wrap; font-size: 12px" v-text="avatarImportDialog.errors"></pre>
</template>
<DataTable v-loading="avatarImportDialog.loading" v-bind="avatarImportTable" style="margin-top: 10px">
<DataTable :loading="avatarImportDialog.loading" v-bind="avatarImportTable" style="margin-top: 10px">
<el-table-column :label="t('table.import.image')" width="70" prop="thumbnailImageUrl">
<template #default="{ row }">
<el-popover placement="right" :width="500" trigger="hover">

View File

@@ -91,7 +91,7 @@
<h2 style="font-weight: bold; margin: 5px 0">{{ t('dialog.friend_import.errors') }}</h2>
<pre style="white-space: pre-wrap; font-size: 12px" v-text="friendImportDialog.errors"></pre>
</template>
<DataTable v-loading="friendImportDialog.loading" v-bind="friendImportTable" style="margin-top: 10px">
<DataTable :loading="friendImportDialog.loading" v-bind="friendImportTable" style="margin-top: 10px">
<el-table-column :label="t('table.import.image')" width="70" prop="currentAvatarThumbnailImageUrl">
<template #default="{ row }">
<el-popover placement="right" :width="500" trigger="hover">

View File

@@ -122,7 +122,7 @@
</h2>
<pre style="white-space: pre-wrap; font-size: 12px" v-text="worldImportDialog.errors"></pre>
</template>
<DataTable v-loading="worldImportDialog.loading" v-bind="worldImportTable" style="margin-top: 10px">
<DataTable :loading="worldImportDialog.loading" v-bind="worldImportTable" style="margin-top: 10px">
<el-table-column :label="t('table.import.image')" width="70" prop="thumbnailImageUrl">
<template #default="{ row }">
<el-popover placement="right" :width="500" trigger="hover">

View File

@@ -40,7 +40,7 @@
@change="gameLogTableLookup"></el-input>
</div>
<DataTable v-loading="gameLogTable.loading" v-bind="gameLogTable">
<DataTable v-bind="gameLogTable">
<el-table-column :label="t('table.gameLog.date')" prop="created_at" :sortable="true" width="130">
<template #default="scope">
<NativeTooltip placement="right">

View File

@@ -40,7 +40,7 @@
<pre style="white-space: pre-wrap; font-size: 12px" v-text="errors"></pre>
</template>
<DataTable v-loading="loading" v-bind="noteExportTable" style="margin-top: 10px">
<DataTable :loading="loading" v-bind="noteExportTable" style="margin-top: 10px">
<el-table-column :label="t('table.import.image')" width="70" prop="currentAvatarThumbnailImageUrl">
<template #default="{ row }">
<el-popover placement="right" :width="500" trigger="hover">