From f4525f7a0a25a8b2b5e2e9793cccb5d431db8c27 Mon Sep 17 00:00:00 2001
From: xingyu4j <xingyu4j@vip.qq.com>
Date: Wed, 16 Nov 2022 12:34:08 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E6=B7=BB=E5=8A=A0=20=E5=BA=8F=E5=8F=B7?=
 =?UTF-8?q?=E5=92=8C=E6=93=8D=E4=BD=9C=E6=A0=8F=E6=A0=87=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 yudao-ui-admin-vue3/src/hooks/web/useVxeCrudSchemas.ts | 8 +++++---
 yudao-ui-admin-vue3/src/views/system/post/index.vue    | 4 +++-
 yudao-ui-admin-vue3/src/views/system/post/post.data.ts | 1 +
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/yudao-ui-admin-vue3/src/hooks/web/useVxeCrudSchemas.ts b/yudao-ui-admin-vue3/src/hooks/web/useVxeCrudSchemas.ts
index 40e63ff65..b6bdfb677 100644
--- a/yudao-ui-admin-vue3/src/hooks/web/useVxeCrudSchemas.ts
+++ b/yudao-ui-admin-vue3/src/hooks/web/useVxeCrudSchemas.ts
@@ -16,9 +16,11 @@ import { ComponentOptions } from '@/types/components'
 
 export type VxeCrudSchema = {
   primaryKey?: string // 主键ID
+  primaryTitle?: string // 主键标题 默认为序号
   primaryType?: VxeColumnPropTypes.Type // 不填写为数据库编号 还支持 "seq" | "radio" | "checkbox" | "expand" | "html" | null
   action?: boolean // 是否开启操作栏插槽
-  actionWidth?: string // 操作栏插槽宽度，一般1个 text 类型按钮 60-80
+  actionTitle?: string // 操作栏标题 默认为操作
+  actionWidth?: string // 操作栏插槽宽度，一般2个字带图标 text 类型按钮 50-70
   columns: VxeCrudColumns[]
 }
 type VxeCrudColumns = Omit<VxeTableColumn, 'children'> & {
@@ -169,7 +171,7 @@ const filterTableSchema = (crudSchema: VxeCrudSchema): VxeGridPropTypes.Columns
   // 主键ID
   if (crudSchema.primaryKey) {
     const tableSchemaItem = {
-      title: t('common.index'),
+      title: crudSchema.primaryTitle ? crudSchema.primaryTitle : t('common.index'),
       field: crudSchema.primaryKey,
       type: crudSchema.primaryType ? crudSchema.primaryType : null,
       width: '50px'
@@ -202,7 +204,7 @@ const filterTableSchema = (crudSchema: VxeCrudSchema): VxeGridPropTypes.Columns
   // 操作栏插槽
   if (crudSchema.action && crudSchema.action == true) {
     const tableSchemaItem = {
-      title: t('table.action'),
+      title: crudSchema.actionTitle ? crudSchema.actionTitle : t('table.action'),
       field: 'actionbtns',
       width: crudSchema.actionWidth ? crudSchema.actionWidth : '200px',
       slots: {
diff --git a/yudao-ui-admin-vue3/src/views/system/post/index.vue b/yudao-ui-admin-vue3/src/views/system/post/index.vue
index f96da4a67..83a40b24e 100644
--- a/yudao-ui-admin-vue3/src/views/system/post/index.vue
+++ b/yudao-ui-admin-vue3/src/views/system/post/index.vue
@@ -1,7 +1,7 @@
 <template>
   <ContentWrap>
     <!-- 列表 -->
-    <vxe-grid ref="xGrid" v-bind="gridOptions" class="xtable-scrollbar">
+    <vxe-grid ref="xGrid" v-bind="gridOptions" class="xtable-scrollbar" :class="isDark">
       <template #toolbar_buttons>
         <!-- 操作：新增 -->
         <XButton
@@ -86,6 +86,8 @@ import { FormExpose } from '@/components/Form'
 import * as PostApi from '@/api/system/post'
 import { rules, allSchemas } from './post.data'
 
+import { useDark } from '@vueuse/core'
+const isDark = useDark()
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
 // 列表相关的变量
diff --git a/yudao-ui-admin-vue3/src/views/system/post/post.data.ts b/yudao-ui-admin-vue3/src/views/system/post/post.data.ts
index 05c130d77..c22828be2 100644
--- a/yudao-ui-admin-vue3/src/views/system/post/post.data.ts
+++ b/yudao-ui-admin-vue3/src/views/system/post/post.data.ts
@@ -15,6 +15,7 @@ export const rules = reactive({
 // CrudSchema
 const crudSchemas = reactive<VxeCrudSchema>({
   primaryKey: 'id',
+  primaryType: 'seq',
   action: true,
   columns: [
     {