feat(card-list): 添加字段列数配置支持多列布局

- 新增 fieldColumns 配置项控制卡片内字段排列列数
- 支持通过 colSpan 设置字段跨列显示
- 优化卡片内容布局样式和字段显示效果
- 调整对账模块相关页面布局

apps/finance/src/views/posting/reconciliate/components/Selected.vue

@@ -87,6 +87,7 @@ const gridOptions = computed(() => ({
       },
       field: 'tel',
       title: '用户手机号',
+      colSpan: 2,
     },
     { editRender: { name: 'Input' }, field: 'orderMoney', title: '订单金额' },
     { editRender: { name: 'Input' }, field: 'realMoney', title: '实际金额' },
@@ -107,6 +108,8 @@ const gridOptions = computed(() => ({
         name: 'Select',
         props: {
           options: [
+            { label: '1个月', value: '1' },
+            { label: '3个月', value: '3' },
             { label: '半年', value: '6' },
             { label: '一年', value: '12' },
             { label: '两年', value: '24' },
@@ -123,9 +126,10 @@ const gridOptions = computed(() => ({
   ],
   showTitle: true,
   titleField: 'productName',
-  gridColumns: 4,
-  gridHeight: '355px',
-  cardHeight: '345px',
+  gridColumns: 3,
+  fieldColumns: 2,
+  gridHeight: '220px',
+  cardHeight: '210px',
 }));
 
 const [Grid, gridApi] = useCardList<CreateOrderType>({