考勤表详情-表格宽度

src/views/oa/salary_management/Attendance/modules/AttendancelDetail.vue

@@ -37,7 +37,7 @@
                     :columns="columns"
                     :data-source="dataSource"
                     :loading="loading"
-                    :scroll="{x: 3200 ,y:400}"
+                    :scroll="{x: 3000 ,y:400}"
                     :pagination="false"
                 >
                 </a-table>
@@ -80,16 +80,16 @@
                     align: "center",
                     dataIndex: 'code',
                     ellipsis: true,
-                    customRender: (t) => ellipsis(t,17),
-                    width:'5%'
+                    customRender: (t) => ellipsis(t,7),
+                    width:'3%'
                 },
                 {
                     title: '姓名',
                     align: "center",
                     dataIndex: 'name',
                     ellipsis: true,
-                    customRender: (t) => ellipsis(t,12),
-                    width:'4%'
+                    customRender: (t) => ellipsis(t,4),
+                    width:'3%'
                 },
                 {
                     title: '组织',
@@ -103,155 +103,156 @@
                     align: "center",
                     dataIndex: 'cardNo',
                     ellipsis: true,
-                    customRender: (t) => ellipsis(t,25),
+                    customRender: (t) => ellipsis(t,19),
                     width:'6%'
                 },
                 {
                     title: '单双休',
                     align: "center",
                     dataIndex: 'restMode',
-                    ellipsis: true,
-                    width:'3%'
+                    customRender: (t) => ellipsis(t,3),
+                    width:'2.5%'
                 },
                 {
                     title: '工时/天',
                     align: "center",
                     dataIndex: 'workingHours',
-                    ellipsis: true,
-                    width:'3%'
+                    customRender: (t) => ellipsis(t,3),
+                    width:'2.5%'
                 },
                 {
                     title: '出勤天数',
                     align: "center",
                     dataIndex: 'attendanceDays',
-                    ellipsis: true,
-                    width:'3%'
+                    customRender: (t) => ellipsis(t,3),
+                    width:'2.5%'
                 },
                 {
                     title: '话费补贴',
                     align: "center",
                     dataIndex: 'phoneBill',
-                    ellipsis: true,
-                    width:'3%'
+                    customRender: (t) => ellipsis(t,3),
+                    width:'2.5%'
                 },
                 {
                     title: '午餐补贴',
                     align: "center",
                     dataIndex: 'lunch',
-                    ellipsis: true,
-                    width:'3%'
+                    customRender: (t) => ellipsis(t,3),
+                    width:'2.5%'
                 },
                 {
                     title: '住房补贴',
                     align: "center",
                     dataIndex: 'housingSubsidies',
-                    ellipsis: true,
-                    width:'4%'
+                    customRender: (t) => ellipsis(t,3),
+                    width:'3%'
                 },
                 {
                     title: '交通补贴',
                     align: "center",
                     dataIndex: 'transportation',
-                    ellipsis: true,
-                    width:'3%'
+                    customRender: (t) => ellipsis(t,3),
+                    width:'2.5%'
                 },
                 {
                     title: '全勤奖',
                     align: "center",
                     dataIndex: 'fullAttendance',
-                    ellipsis: true,
-                    width:'3%'
+                    customRender: (t) => ellipsis(t,3),
+                    width:'2.5%'
                 },
                 {
                     title: '养老保险',
                     align: "center",
                     dataIndex: 'endowmentInsurance',
-                    ellipsis: true,
-                    width:'3%'
+                    customRender: (t) => ellipsis(t,3),
+                    width:'2.5%'
                 },
                 {
                     title: '失业保险',
                     align: "center",
                     dataIndex: 'unemploymentInsurance',
-                    ellipsis: true,
-                    width:'3%'
+                    customRender: (t) => ellipsis(t,3),
+                    width:'2.5%'
                 },
                 {
                     title: '医疗保险',
                     align: "center",
                     dataIndex: 'medicalInsurance',
-                    ellipsis: true,
-                    width:'3%'
+                    customRender: (t) => ellipsis(t,3),
+                    width:'2.5%'
                 },
                 {
                     title: '公积金',
                     align: "center",
                     dataIndex: 'accumulationFund',
-                    ellipsis: true,
+                    customRender: (t) => ellipsis(t,4),
                     width:'3%'
                 },
                 {
                     title: '工资抵扣',
                     align: "center",
                     dataIndex: 'deduction',
-                    ellipsis: true,
+                    customRender: (t) => ellipsis(t,4),
                     width:'3%'
                 },
                 {
                     title: '迟到次数',
                     align: "center",
                     dataIndex: 'latenessTimes',
-                    ellipsis: true,
-                    width:'3%'
+                    customRender: (t) => ellipsis(t,3),
+                    width:'2.5%'
                 },
                 {
                     title: '迟到扣费',
                     align: "center",
                     dataIndex: 'latenessCost',
                     ellipsis: true,
+                    customRender: (t) => ellipsis(t,4),
                     width:'3%'
                 },
                 {
                     title: '事假时间',
                     align: "center",
                     dataIndex: 'personalLeave',
-                    ellipsis: true,
+                    customRender: (t) => ellipsis(t,4),
                     width:'3%'
                 },
                 {
                     title: '病假时间',
                     align: "center",
                     dataIndex: 'sickLeave',
-                    ellipsis: true,
+                    customRender: (t) => ellipsis(t,4),
                     width:'3%'
                 },
                 {
                     title: '婚假时间',
                     align: "center",
                     dataIndex: 'marriageLeave',
-                    ellipsis: true,
+                    customRender: (t) => ellipsis(t,4),
                     width:'3%'
                 },
                 {
                     title: '丧假时间',
                     align: "center",
                     dataIndex: 'funeralLeave',
-                    ellipsis: true,
+                    customRender: (t) => ellipsis(t,4),
                     width:'3%'
                 },
                 {
                     title: '年假时间',
                     align: "center",
                     dataIndex: 'yearLeave',
-                    ellipsis: true,
+                    customRender: (t) => ellipsis(t,5),
                     width:'3%'
                 },
                 {
                     title: '加班时间(分)',
                     align: "center",
                     dataIndex: 'workOvertime',
-                    ellipsis: true,
-                    width:'4%'
+                    customRender: (t) => ellipsis(t,3),
+                    width:'3%'
                 },
              ]
           }