后台布局调整：改为左侧结构

src/views/booking/integral/index.vue

@@ -20,6 +20,9 @@
             />
           </template>
           <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'id'">
+              {{ record.id }}
+            </template>
             <template v-if="column.key === 'image'">
               <a-image :src="record.image" :width="50" />
             </template>
@@ -61,7 +64,11 @@
   } from 'ele-admin-pro/es/ele-pro-table/types';
   import Search from './components/search.vue';
   import IntegralEdit from './components/integralEdit.vue';
-  import { pageIntegral, removeIntegral, removeBatchIntegral } from '@/api/booking/integral';
+  import {
+    pageIntegral,
+    removeIntegral,
+    removeBatchIntegral
+  } from '@/api/booking/integral';
   import type { Integral, IntegralParam } from '@/api/booking/integral/model';
 
   // 表格实例
@@ -100,9 +107,9 @@
   // 表格列配置
   const columns = ref<ColumnItem[]>([
     {
-      title: '用户ID',
-      dataIndex: 'userId',
-      key: 'userId',
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
       width: 90
     },
     {