feat 完善注释

src/views/finance/cpns/BillTable.vue

@@ -16,7 +16,6 @@ const emit = defineEmits<{
   'update:selection': [ids: string[]]
 }>()
 
-/** 本地勾选集合（由 selectedIds prop 同步） */
 const selection = ref<Set<string>>(new Set(props.selectedIds))
 
 watch(
@@ -50,8 +49,6 @@ function toggleAll(): void {
   emit('update:selection', [...selection.value])
 }
 
-/** 列宽（设计 30 表头实测：序号 x121.5 / 账单名称 x384.9 / 账单号 x695.09 / 流水号 x843.12 /
- *  项目名称 x1237.19 / 订单金额 x1576.6 / 状态 x1673.6 / 操作 x1768.6） */
 const COLUMNS = [
   { key: 'index', label: '序号', className: 'bill-table__col--index' },
   { key: 'planName', label: '账单名称', className: 'bill-table__col--name' },
@@ -148,17 +145,14 @@ const COLUMNS = [
 </template>
 
 <style lang="less" scoped>
-// 设计 30：表头 (77.5,344.5) 1765×41.77 底 #F1F3F5；行高 43.77；文字 12px #4B5563
 .bill-table {
   width: 1765px;
-  margin: 6.5px 0 0 14.5px; // 表头 x77.5 / y344.5，卡片内缘 x71 / y338
+  margin: 6.5px 0 0 14.5px;
   border-collapse: collapse;
   table-layout: fixed;
   font-size: 12px;
   color: @finance-entry-text;
 
-  // 列宽按设计表头 x 递推（表头起点 x78，实宽 1765）：
-  //   序号 x121.5｜账单名称 x384.9｜账单号 x695.09｜流水 x843.12｜项目 x1237.19｜金额 x1576.6｜状态 x1673.6｜操作 x1768.6
   &__col--check { width: 51px; }
   &__col--index { width: 235.4px; }
   &__col--name { width: 310.2px; }
@@ -180,31 +174,28 @@ const COLUMNS = [
     text-overflow: ellipsis;
     box-sizing: border-box;
 
-    // 单元格统一左内缩 10（除已单独指定的列）
     &:not(&--check):not(&--ops) {
       padding-left: 10px;
     }
 
     &--check {
-      padding-left: 43.5px; // 勾选框/序号文字 x121.5 → 表头起点 78
+      padding-left: 43.5px;
     }
 
-    // 操作列内层 flex 已负责右对齐；单元格本身只管纵向居中
     &--ops {
       padding-right: 22px;
       text-align: right;
     }
   }
 
-  // 各列文字起点对齐设计 x（表头起点 78）：内缩 = 设计 x − 列起点
-  @col-pad-1: 43.5px;   // 序号 121.5
-  @col-pad-2: 149.9px;  // 账单名称 384.9
-  @col-pad-3: 8px;      // 账单号 695.09
-  @col-pad-4: 17px;     // 流水号 843.12
-  @col-pad-5: 5px;      // 项目名称 1237.19
-  @col-pad-6: 14.6px;   // 订单金额 1576.6
-  @col-pad-7: 4.6px;    // 状态 1673.6
-  @col-pad-8: 6px;      // 操作 1768.6（右对齐由内层 flex 兜）
+  @col-pad-1: 43.5px;
+  @col-pad-2: 149.9px;
+  @col-pad-3: 8px;
+  @col-pad-4: 17px;
+  @col-pad-5: 5px;
+  @col-pad-6: 14.6px;
+  @col-pad-7: 4.6px;
+  @col-pad-8: 6px;
 
   thead &__cell,
   tbody &__cell {
@@ -253,7 +244,6 @@ const COLUMNS = [
   }
 
   &__link {
-    // 设计：操作列起点 1746，末位「详情」右缘 1820.36 → 单元格右缘 1842.5
     padding: 0;
     border: none;
     background: transparent;
@@ -262,7 +252,6 @@ const COLUMNS = [
     font-weight: 400;
     transition: color 0.2s;
 
-    // 「去支付」「详情」并排：设计文字盒距 18.36
     + .bill-table__link {
       margin-left: 18.36px;
     }