style(picture): 统一图库管理页面表格列对齐方式
- 为所有表格列添加center对齐方式 - 保持与文件管理页面一致的视觉效果 - 提升表格数据的可读性和美观度
This commit is contained in:
parent
d1371cc5c0
commit
844525625e
@ -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() : '--'
|
||||||
},
|
},
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user