style(picture): 统一图库管理页面表格列对齐方式

- 为所有表格列添加center对齐方式
- 保持与文件管理页面一致的视觉效果
- 提升表格数据的可读性和美观度
This commit is contained in:
Leo 2025-07-08 23:16:14 +08:00
parent d1371cc5c0
commit 844525625e

View File

@ -511,6 +511,7 @@ const columns: DataTableColumns<SysPictureVo> = [
{ {
title: '序号', title: '序号',
key: 'index', key: 'index',
align: 'center',
width: 60, width: 60,
render: (_, index) => { render: (_, index) => {
return (pagination.value.page - 1) * pagination.value.pageSize + index + 1 return (pagination.value.page - 1) * pagination.value.pageSize + index + 1
@ -520,6 +521,7 @@ const columns: DataTableColumns<SysPictureVo> = [
title: '图片原始名称', title: '图片原始名称',
key: 'pictureName', key: 'pictureName',
width: 200, width: 200,
align: 'center',
ellipsis: { ellipsis: {
tooltip: true, tooltip: true,
}, },
@ -528,6 +530,7 @@ const columns: DataTableColumns<SysPictureVo> = [
title: '图片新名称', title: '图片新名称',
key: 'newName', key: 'newName',
width: 200, width: 200,
align: 'center',
ellipsis: { ellipsis: {
tooltip: true, tooltip: true,
}, },
@ -536,11 +539,13 @@ const columns: DataTableColumns<SysPictureVo> = [
title: '图片大小', title: '图片大小',
key: 'pictureSize', key: 'pictureSize',
width: 100, width: 100,
align: 'center',
}, },
{ {
title: '图片后缀', title: '图片后缀',
key: 'pictureSuffix', key: 'pictureSuffix',
width: 100, width: 100,
align: 'center',
render: (row) => { render: (row) => {
return h(NTag, { return h(NTag, {
type: 'primary', type: 'primary',
@ -552,6 +557,7 @@ const columns: DataTableColumns<SysPictureVo> = [
title: '图片上传路径', title: '图片上传路径',
key: 'pictureUpload', key: 'pictureUpload',
width: 250, width: 250,
align: 'center',
ellipsis: { ellipsis: {
tooltip: true, tooltip: true,
}, },
@ -560,6 +566,7 @@ const columns: DataTableColumns<SysPictureVo> = [
title: '图片回显路径', title: '图片回显路径',
key: 'picturePath', key: 'picturePath',
width: 200, width: 200,
align: 'center',
ellipsis: { ellipsis: {
tooltip: true, tooltip: true,
}, },
@ -581,6 +588,7 @@ const columns: DataTableColumns<SysPictureVo> = [
title: '服务类型', title: '服务类型',
key: 'pictureService', key: 'pictureService',
width: 120, width: 120,
align: 'center',
render: (row) => { render: (row) => {
const serviceMap: Record<string, { type: 'success' | 'info' | 'warning', text: string }> = { const serviceMap: Record<string, { type: 'success' | 'info' | 'warning', text: string }> = {
1: { type: 'success', text: '本地存储' }, 1: { type: 'success', text: '本地存储' },
@ -598,6 +606,7 @@ const columns: DataTableColumns<SysPictureVo> = [
title: '创建时间', title: '创建时间',
key: 'createTime', key: 'createTime',
width: 160, width: 160,
align: 'center',
render: (row) => { render: (row) => {
return row.createTime ? new Date(row.createTime).toLocaleString() : '--' return row.createTime ? new Date(row.createTime).toLocaleString() : '--'
}, },