From 844525625e9be235e38a2f2feb9edce220071261 Mon Sep 17 00:00:00 2001 From: Leo <98382335+gaoziman@users.noreply.github.com> Date: Tue, 8 Jul 2025 23:16:14 +0800 Subject: [PATCH] =?UTF-8?q?style(picture):=20=E7=BB=9F=E4=B8=80=E5=9B=BE?= =?UTF-8?q?=E5=BA=93=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2=E8=A1=A8=E6=A0=BC?= =?UTF-8?q?=E5=88=97=E5=AF=B9=E9=BD=90=E6=96=B9=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 为所有表格列添加center对齐方式 - 保持与文件管理页面一致的视觉效果 - 提升表格数据的可读性和美观度 --- src/views/system/picture/index.vue | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/src/views/system/picture/index.vue b/src/views/system/picture/index.vue index dbba566..5d91de9 100644 --- a/src/views/system/picture/index.vue +++ b/src/views/system/picture/index.vue @@ -511,6 +511,7 @@ const columns: DataTableColumns = [ { title: '序号', key: 'index', + align: 'center', width: 60, render: (_, index) => { return (pagination.value.page - 1) * pagination.value.pageSize + index + 1 @@ -520,6 +521,7 @@ const columns: DataTableColumns = [ title: '图片原始名称', key: 'pictureName', width: 200, + align: 'center', ellipsis: { tooltip: true, }, @@ -528,6 +530,7 @@ const columns: DataTableColumns = [ title: '图片新名称', key: 'newName', width: 200, + align: 'center', ellipsis: { tooltip: true, }, @@ -536,11 +539,13 @@ const columns: DataTableColumns = [ title: '图片大小', key: 'pictureSize', width: 100, + align: 'center', }, { title: '图片后缀', key: 'pictureSuffix', width: 100, + align: 'center', render: (row) => { return h(NTag, { type: 'primary', @@ -552,6 +557,7 @@ const columns: DataTableColumns = [ title: '图片上传路径', key: 'pictureUpload', width: 250, + align: 'center', ellipsis: { tooltip: true, }, @@ -560,6 +566,7 @@ const columns: DataTableColumns = [ title: '图片回显路径', key: 'picturePath', width: 200, + align: 'center', ellipsis: { tooltip: true, }, @@ -581,6 +588,7 @@ const columns: DataTableColumns = [ title: '服务类型', key: 'pictureService', width: 120, + align: 'center', render: (row) => { const serviceMap: Record = { 1: { type: 'success', text: '本地存储' }, @@ -598,6 +606,7 @@ const columns: DataTableColumns = [ title: '创建时间', key: 'createTime', width: 160, + align: 'center', render: (row) => { return row.createTime ? new Date(row.createTime).toLocaleString() : '--' },