style: 优化部分表格列宽度样式

continew-org · Oct 28, 2024 · b908f14 · b908f14
1 parent 9e5dff1
commit b908f14
Show file tree

Hide file tree

Showing 8 changed files with 31 additions and 32 deletions.
diff --git a/src/views/schedule/job/index.vue b/src/views/schedule/job/index.vue
@@ -112,11 +112,11 @@ const columns: TableInstanceColumns[] = [
     align: 'center',
     render: ({ rowIndex }) => h('span', {}, rowIndex + 1 + (pagination.current - 1) * pagination.pageSize),
   },
-  { title: '任务名称', dataIndex: 'jobName', slotName: 'jobName', width: 100, ellipsis: true, tooltip: true },
-  { title: '调度类型', dataIndex: 'triggerType', slotName: 'triggerType', width: 130 },
-  { title: '任务类型', dataIndex: 'taskType', slotName: 'taskType', width: 130, ellipsis: true, tooltip: true },
-  { title: '状态', dataIndex: 'jobStatus', width: 60, align: 'center', slotName: 'jobStatus' },
-  { title: '描述', dataIndex: 'description', width: 130, ellipsis: true, tooltip: true },
+  { title: '任务名称', dataIndex: 'jobName', slotName: 'jobName', minWidth: 100, ellipsis: true, tooltip: true },
+  { title: '调度类型', dataIndex: 'triggerType', slotName: 'triggerType', minWidth: 130 },
+  { title: '任务类型', dataIndex: 'taskType', slotName: 'taskType', minWidth: 130, ellipsis: true, tooltip: true },
+  { title: '状态', dataIndex: 'jobStatus', align: 'center', slotName: 'jobStatus' },
+  { title: '描述', dataIndex: 'description', minWidth: 130, ellipsis: true, tooltip: true },
   { title: '创建时间', dataIndex: 'createDt', width: 180 },
   { title: '修改时间', dataIndex: 'updateDt', width: 180, show: false },
   {

diff --git a/src/views/schedule/log/index.vue b/src/views/schedule/log/index.vue
@@ -99,12 +99,12 @@ const columns: TableInstanceColumns[] = [
     align: 'center',
     render: ({ rowIndex }) => h('span', {}, rowIndex + 1 + (pagination.current - 1) * pagination.pageSize),
   },
-  { title: '任务组', dataIndex: 'groupName', width: 80, ellipsis: true, tooltip: true },
-  { title: '任务名称', dataIndex: 'jobName', width: 80, ellipsis: true, tooltip: true },
-  { title: '调度时间', dataIndex: 'createDt', width: 80 },
-  { title: '执行状态', dataIndex: 'taskBatchStatus', slotName: 'taskBatchStatus', width: 50, align: 'center' },
-  { title: '执行备注', dataIndex: 'operationReason', slotName: 'operationReason', width: 80, ellipsis: true, tooltip: true },
-  { title: '执行时间', dataIndex: 'executionAt', width: 80 },
+  { title: '任务组', dataIndex: 'groupName', minWidth: 80, ellipsis: true, tooltip: true },
+  { title: '任务名称', dataIndex: 'jobName', minWidth: 80, ellipsis: true, tooltip: true },
+  { title: '调度时间', dataIndex: 'createDt', width: 180 },
+  { title: '执行状态', dataIndex: 'taskBatchStatus', slotName: 'taskBatchStatus', align: 'center' },
+  { title: '执行备注', dataIndex: 'operationReason', slotName: 'operationReason', minWidth: 80, ellipsis: true, tooltip: true },
+  { title: '执行时间', dataIndex: 'executionAt', width: 180 },
   {
     title: '操作',
     slotName: 'action',

diff --git a/src/views/setting/message/index.vue b/src/views/setting/message/index.vue
@@ -93,8 +93,8 @@ const columns: TableInstanceColumns[] = [
     align: 'center',
     render: ({ rowIndex }) => h('span', {}, rowIndex + 1 + (pagination.current - 1) * pagination.pageSize),
   },
-  { title: '标题', dataIndex: 'title', slotName: 'title', ellipsis: true, tooltip: true },
-  { title: '状态', dataIndex: 'isRead', slotName: 'isRead', align: 'center', width: 80 },
+  { title: '标题', dataIndex: 'title', slotName: 'title', minWidth: 100, ellipsis: true, tooltip: true },
+  { title: '状态', dataIndex: 'isRead', slotName: 'isRead', align: 'center' },
   { title: '时间', dataIndex: 'createTime', width: 180 },
   { title: '类型', dataIndex: 'type', slotName: 'type', width: 180, ellipsis: true, tooltip: true },
 ]

diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue
@@ -120,7 +120,7 @@ const dataList = computed(() => {
 })
 
 const columns: TableInstanceColumns[] = [
-  { title: '名称', dataIndex: 'name', width: 170, ellipsis: true, tooltip: true },
+  { title: '名称', dataIndex: 'name', minWidth: 170, ellipsis: true, tooltip: true },
   { title: '状态', slotName: 'status', align: 'center' },
   { title: '排序', dataIndex: 'sort', align: 'center', show: false },
   { title: '系统内置', slotName: 'isSystem', align: 'center', show: false },

diff --git a/src/views/system/dict/index.vue b/src/views/system/dict/index.vue
@@ -93,19 +93,18 @@ const columns: TableInstanceColumns[] = [
     align: 'center',
     render: ({ rowIndex }) => h('span', {}, rowIndex + 1 + (pagination.current - 1) * pagination.pageSize),
   },
-  { title: '标签', dataIndex: 'label', slotName: 'label', width: 100, align: 'center' },
-  { title: '值', dataIndex: 'value', width: 100, align: 'center', ellipsis: true, tooltip: true },
-  { title: '状态', slotName: 'status', width: 80, align: 'center' },
+  { title: '标签', dataIndex: 'label', slotName: 'label', minWidth: 100, align: 'center' },
+  { title: '值', dataIndex: 'value', minWidth: 100, align: 'center', ellipsis: true, tooltip: true },
+  { title: '状态', slotName: 'status', align: 'center' },
   {
     title: '排序',
     dataIndex: 'sort',
-    width: 90,
     align: 'center',
     sortable: {
       sortDirections: ['ascend', 'descend'],
     },
   },
-  { title: '描述', dataIndex: 'description', width: 130, ellipsis: true, tooltip: true },
+  { title: '描述', dataIndex: 'description', minWidth: 130, ellipsis: true, tooltip: true },
   { title: '创建人', dataIndex: 'createUserString', width: 140, ellipsis: true, tooltip: true, show: false },
   { title: '创建时间', dataIndex: 'createTime', width: 180 },
   { title: '修改人', dataIndex: 'updateUserString', width: 140, ellipsis: true, tooltip: true, show: false },

diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
@@ -126,14 +126,14 @@ const dataList = computed(() => {
 })
 
 const columns: TableInstanceColumns[] = [
-  { title: '菜单标题', dataIndex: 'title', slotName: 'title', width: 170, fixed: !isMobile() ? 'left' : undefined },
+  { title: '菜单标题', dataIndex: 'title', slotName: 'title', minWidth: 170, fixed: !isMobile() ? 'left' : undefined },
   { title: '类型', slotName: 'type', align: 'center' },
   { title: '状态', slotName: 'status', align: 'center' },
   { title: '排序', dataIndex: 'sort', align: 'center', show: false },
   { title: '路由地址', dataIndex: 'path', ellipsis: true, tooltip: true },
   { title: '组件名称', dataIndex: 'name', ellipsis: true, tooltip: true },
-  { title: '组件路径', dataIndex: 'component', width: 180, ellipsis: true, tooltip: true },
-  { title: '权限标识', dataIndex: 'permission', width: 180, ellipsis: true, tooltip: true },
+  { title: '组件路径', dataIndex: 'component', minWidth: 180, ellipsis: true, tooltip: true },
+  { title: '权限标识', dataIndex: 'permission', minWidth: 180, ellipsis: true, tooltip: true },
   { title: '外链', slotName: 'isExternal', align: 'center' },
   { title: '隐藏', slotName: 'isHidden', align: 'center' },
   { title: '缓存', slotName: 'isCache', align: 'center' },

diff --git a/src/views/system/notice/index.vue b/src/views/system/notice/index.vue
@@ -97,7 +97,7 @@ const columns: TableInstanceColumns[] = [
     align: 'center',
     render: ({ rowIndex }) => h('span', {}, rowIndex + 1 + (pagination.current - 1) * pagination.pageSize),
   },
-  { title: '标题', dataIndex: 'title', slotName: 'title', width: 200, ellipsis: true, tooltip: true },
+  { title: '标题', dataIndex: 'title', slotName: 'title', minWidth: 200, ellipsis: true, tooltip: true },
   { title: '类型', slotName: 'type', align: 'center' },
   { title: '状态', slotName: 'status', align: 'center' },
   { title: '生效时间', dataIndex: 'effectiveTime', width: 180 },

diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
@@ -175,17 +175,17 @@ const columns: TableInstanceColumns[] = [
     fixed: !isMobile() ? 'left' : undefined,
   },
   { title: '用户名', dataIndex: 'username', slotName: 'username', minWidth: 140, ellipsis: true, tooltip: true },
-  { title: '状态', slotName: 'status', align: 'center', width: 80 },
-  { title: '性别', slotName: 'gender', align: 'center', width: 100 },
-  { title: '所属部门', dataIndex: 'deptName', ellipsis: true, tooltip: true, width: 180 },
-  { title: '角色', dataIndex: 'roleNames', slotName: 'roleNames', width: 160 },
-  { title: '手机号', dataIndex: 'phone', width: 170, ellipsis: true, tooltip: true },
-  { title: '邮箱', dataIndex: 'email', width: 170, ellipsis: true, tooltip: true },
+  { title: '状态', slotName: 'status', align: 'center' },
+  { title: '性别', slotName: 'gender', align: 'center' },
+  { title: '所属部门', dataIndex: 'deptName', ellipsis: true, tooltip: true, minWidth: 180 },
+  { title: '角色', dataIndex: 'roleNames', minWidth: 160, slotName: 'roleNames' },
+  { title: '手机号', dataIndex: 'phone', minWidth: 170, ellipsis: true, tooltip: true },
+  { title: '邮箱', dataIndex: 'email', minWidth: 170, ellipsis: true, tooltip: true },
   { title: '系统内置', slotName: 'isSystem', width: 100, align: 'center', show: false },
-  { title: '描述', dataIndex: 'description', width: 130, ellipsis: true, tooltip: true },
-  { title: '创建人', dataIndex: 'createUserString', ellipsis: true, tooltip: true, width: 140, show: false },
+  { title: '描述', dataIndex: 'description', minWidth: 130, ellipsis: true, tooltip: true },
+  { title: '创建人', dataIndex: 'createUserString', width: 140, ellipsis: true, tooltip: true, show: false },
   { title: '创建时间', dataIndex: 'createTime', width: 180 },
-  { title: '修改人', dataIndex: 'updateUserString', ellipsis: true, tooltip: true, width: 140, show: false },
+  { title: '修改人', dataIndex: 'updateUserString', width: 140, ellipsis: true, tooltip: true, show: false },
   { title: '修改时间', dataIndex: 'updateTime', width: 180, show: false },
   {
     title: '操作',