src/modules/user/UserListView.vue

@@ -53,20 +53,22 @@ const query = reactive({
 })
 
 const columns: any[] = [
-  { type: 'selection', width: 50, fixed: 'left' },
+  { type: 'selection', width: 50, fixed: 'left', align: 'center' },
-  { prop: 'id', label: '用户ID', width: 100 },
+  { prop: 'id', label: '用户ID', width: 100, align: 'center' },
-  { prop: 'nickName', label: '用户昵称', minWidth: 160 },
+  { prop: 'nickName', label: '用户昵称', minWidth: 160, align: 'center' },
-  { prop: 'mobile', label: '手机号', width: 140 },
+  { prop: 'mobile', label: '手机号', width: 140, align: 'center' },
   {
     prop: 'isEnterprise',
     label: '是否企业认证',
     width: 140,
+    align: 'center',
     formatter: (row: FrontUser) => row.isEnterprise === 1 ? '是' : '否'
   },
   {
     prop: 'enterpriseName',
     label: '关联企业',
     minWidth: 200,
+    align: 'center',
     formatter: (row: FrontUser) => row.enterpriseName || '--'
   },
   {
@@ -80,15 +82,17 @@ const columns: any[] = [
     prop: 'enabled',
     label: '禁用标识',
     width: 110,
+    align: 'center',
     slot: 'enabled'
   },
   {
     prop: 'createDate',
     label: '注册时间',
     width: 180,
+    align: 'center',
     formatter: (row: FrontUser) => fmtDate(row.createDate)
   },
-  { label: '操作', width: 140, slot: 'action', fixed: 'right' }
+  { label: '操作', width: 140, slot: 'action', fixed: 'right', align: 'center' }
 ]
 
 function fmtDate(ts: number | null | undefined) {