调整列宽

src/components/sa-table/defaultOptions.js

@@ -114,7 +114,7 @@ export default {
   },
 
   // 列对齐方式
-  columnAlign: 'left',
+  columnAlign: 'center',
 
   // 是否显示索引列
   showIndex: false,

src/components/sa-table/index.vue

@@ -199,10 +199,10 @@
                           :min-width="rowChild.minWidth"
                           :ellipsis="rowChild.ellipsis ?? true"
                           :filterable="rowChild.filterable"
-                          :cell-class="rowChild.cellClass"
-                          :header-cell-class="rowChild.headerCellClass"
-                          :body-cell-class="rowChild.bodyCellClass"
-                          :summary-cell-class="rowChild.summaryCellClass"
+                          :cell-class="rowChild.cellClass ?? 'cellClass'"
+                          :header-cell-class="rowChild.headerCellClass ?? 'headerCellClass'"
+                          :body-cell-class="rowChild.bodyCellClass ?? 'bodyCellClass'"
+                          :summary-cell-class="rowChild.summaryCellClass ?? 'summaryCellClass'"
                           :cell-style="rowChild.cellStyle"
                           :header-cell-style="rowChild.headerCellStyle"
                           :body-cell-style="rowChild.bodyCellStyle"
@@ -280,10 +280,10 @@
                     :width="row.width"
                     :ellipsis="row.ellipsis ?? true"
                     :filterable="row.filterable"
-                    :cell-class="row.cellClass"
-                    :header-cell-class="row.headerCellClass"
-                    :body-cell-class="row.bodyCellClass"
-                    :summary-cell-class="row.summaryCellClass"
+                    :cell-class="row.cellClass ?? 'cellClass'"
+                    :header-cell-class="row.headerCellClass ?? 'headerCellClass'"
+                    :body-cell-class="row.bodyCellClass ?? 'bodyCellClass'"
+                    :summary-cell-class="row.summaryCellClass ?? 'summaryCellClass'"
                     :cell-style="row.cellStyle"
                     :header-cell-style="row.headerCellStyle"
                     :body-cell-style="row.bodyCellStyle"
@@ -873,3 +873,25 @@ defineExpose({
   }
 }
 </style>
+<style lang="less">
+.cellClass {
+  .arco-table-cell {
+    padding: 5px 2px !important;
+  }
+}
+.headerCellClass {
+  .arco-table-cell {
+    padding: 5px 2px !important;
+  }
+}
+.bodyCellClass {
+  .arco-table-cell {
+    padding: 5px 2px !important;
+  }
+}
+.summaryCellClass {
+  .arco-table-cell {
+    padding: 5px 2px !important;
+  }
+}
+</style>

src/views/v1/customer/roleData/index.vue

@@ -89,21 +89,21 @@ const columns = reactive([
   {
     title: '游戏',
     dataIndex: 'game_id',
-    width: 180,
+    width: 130,
   },
-  { title: '用户名', dataIndex: 'user_name', width: 180 },
-  { title: '用户UID', dataIndex: 'uid', width: 180 },
-  { title: '服务器名', dataIndex: 'server_name', width: 180 },
-  { title: '角色ID', dataIndex: 'role_id', width: 180 },
-  { title: '角色名', dataIndex: 'role_name', width: 180 },
-  { title: '累计充值', dataIndex: 'total_recharge', width: 180 },
-  { title: '媒体ID', dataIndex: 'media_id', width: 180 },
-  { title: '渠道ID', dataIndex: 'agent_id', width: 180 },
-  { title: '广告位ID', dataIndex: 'site_id', width: 180 },
-  { title: '注册IP地址', dataIndex: 'ip', width: 180 },
-  { title: '账号最后登录时间', dataIndex: 'login_time', width: 220 },
-  { title: '角色最后充值时间', dataIndex: 'last_recharge_time', width: 220 },
-  { title: '角色创建时间', dataIndex: 'create_time', width: 180 },
+  { title: '用户名', dataIndex: 'user_name', width: 130 },
+  { title: '用户UID', dataIndex: 'uid', width: 100 },
+  { title: '服务器名', dataIndex: 'server_name', width: 100 },
+  { title: '角色ID', dataIndex: 'role_id', width: 100 },
+  { title: '角色名', dataIndex: 'role_name', width: 100 },
+  { title: '累计充值', dataIndex: 'total_recharge', width: 100 },
+  { title: '媒体ID', dataIndex: 'media_id', width: 100 },
+  { title: '渠道ID', dataIndex: 'agent_id', width: 100 },
+  { title: '广告位ID', dataIndex: 'site_id', width: 100 },
+  { title: '注册IP地址', dataIndex: 'ip', width: 120 },
+  { title: '账号最后登录时间', dataIndex: 'login_time', width: 150 },
+  { title: '角色最后充值时间', dataIndex: 'last_recharge_time', width: 150 },
+  { title: '角色创建时间', dataIndex: 'create_time', width: 150 },
 ])
 
 // 页面数据初始化

src/views/v1/customer/sdkOrder/index.vue

@@ -143,32 +143,32 @@ const options = reactive({
 
 // SaTable 列配置
 const columns = reactive([
-  { title: '充值账号', dataIndex: 'user_name', width: 180 },
-  { title: '充值IP', dataIndex: 'user_ip', width: 180 },
+  { title: '充值账号', dataIndex: 'user_name', width: 120 },
+  { title: '充值IP', dataIndex: 'user_ip', width: 130 },
   { title: '订单号', dataIndex: 'order_id', width: 180 },
   { title: '交易订单号', dataIndex: 'trade_id', width: 180 },
   { title: '研发订单号', dataIndex: 'cp_order_id', width: 180 },
-  { title: '支付时间', dataIndex: 'pay_date', width: 180 },
+  { title: '支付时间', dataIndex: 'pay_date', width: 140 },
   {
     title: '金额',
     dataIndex: 'money',
-    width: 180,
+    width: 100,
   },
-  { title: '充值游戏', dataIndex: 'game_id', width: 180 },
+  { title: '充值游戏', dataIndex: 'game_id', width: 120 },
 
-  { title: '充值区服', dataIndex: 'server_name', width: 180 },
-  { title: '角色ID', dataIndex: 'role_id', width: 180 },
-  { title: '角色名', dataIndex: 'role_name', width: 180 },
+  { title: '充值区服', dataIndex: 'server_name', width: 120 },
+  { title: '角色ID', dataIndex: 'role_id', width: 60 },
+  { title: '角色名', dataIndex: 'role_name', width: 100 },
 
-  { title: '支付状态', dataIndex: 'sync_status', width: 180 },
-  { title: '发货状态', dataIndex: 'send_status', width: 180 },
+  { title: '支付状态', dataIndex: 'sync_status', width: 80 },
+  { title: '发货状态', dataIndex: 'send_status', width: 80 },
 
-  { title: '充值方式', dataIndex: 'pay_channel_name', width: 180 },
+  { title: '充值方式', dataIndex: 'pay_channel_name', width: 120 },
 
-  { title: '支付返回值', dataIndex: 'sync_result', width: 180 },
-  { title: '回调信息', dataIndex: 'sync_data', width: 180 },
+  { title: '支付返回值', dataIndex: 'sync_result', width: 80 },
+  { title: '回调信息', dataIndex: 'sync_data', width: 80 },
 
-  { title: 'SDK版本', dataIndex: 'sdk_version', width: 180 },
+  { title: 'SDK版本', dataIndex: 'sdk_version', width: 80 },
 ])
 
 // 页面数据初始化