修改

src/components/attendanceTable.vue

@@ -6,12 +6,14 @@
 						:data="tableList"
 						class="tables"
 						border
-
 						style="width: 100%">
 			<el-table-column
 							prop="name"
 							label="姓名"
 							align="center">
+				<template slot="header" slot-scope="scope">
+					<span class="borderRightBorder">姓名</span>
+				</template>
 			</el-table-column>
 			<!--width="100"-->
 			<el-table-column
@@ -24,6 +26,17 @@
 							prop="realAttendanceDay"
 							label="出勤(天)"
 							align="center">
+				<template slot="header" slot-scope="scope">
+					<span class="borderRightBorder">出勤(天)</span>
+				</template>
+			</el-table-column>
+			<el-table-column
+							prop="paidLeaveDay"
+							label="调休"
+							align="center">
+				<template slot="header" slot-scope="scope">
+					<span class="borderRightBorder">调休</span>
+				</template>
 			</el-table-column>
 			<!--width="100"-->
 			<el-table-column
@@ -31,6 +44,14 @@
 							label="公出(天)"
 							align="center">
 			</el-table-column>
+			<el-table-column
+							prop="outWorkDay"
+							label="出差(天)"
+							align="center">
+				<template slot="header" slot-scope="scope">
+					<span class="borderRightBorder">出差(天)</span>
+				</template>
+			</el-table-column>
 			<!--width="100"-->
 			<el-table-column
 							prop="lateDay"
@@ -41,22 +62,35 @@
 							prop="leaveEarlyDay"
 							label="早退(次)"
 							align="center">
+				<template slot="header" slot-scope="scope">
+					<span class="borderRightBorder">早退(次)</span>
+				</template>
 			</el-table-column>
 			<el-table-column
-							prop="outWorkDay"
-							label="出差(天)"
+							prop="thingDay"
+							label="事假(天)"
 							align="center">
 			</el-table-column>
 			<el-table-column
 							prop="sickLeaveDay"
-							label="请假(天)"
-							align="center">
-			</el-table-column>
-			<el-table-column
-							prop="thingDay"
-							label="加班(小时)"
+							label="病假(天)"
 							align="center">
 			</el-table-column>
+			<!--<el-table-column-->
+							<!--prop="sickLeaveDay"-->
+							<!--label="其他假(天)"-->
+							<!--align="center">-->
+			<!--</el-table-column>-->
+			<!--<el-table-column-->
+							<!--prop="sickLeaveDay"-->
+							<!--label="请假(天)"-->
+							<!--align="center">-->
+			<!--</el-table-column>-->
+			<!--<el-table-column-->
+							<!--prop="thingDay"-->
+							<!--label="加班(小时)"-->
+							<!--align="center">-->
+			<!--</el-table-column>-->
 		</el-table>
 	</div>
 </template>
@@ -123,8 +157,8 @@
 		vertical-align: middle;
 		position: relative;
 		text-align: center;
-		border-right: 0 !important;
-		border-left: 0 !important;
+		border-right: 1px !important;
+		border-left: 1px !important;
 		border-bottom: 3px solid #F5F5F5;
 	}
 
@@ -135,4 +169,15 @@
 	.el-range-editor.is-active, .el-range-editor.is-active:hover {
 		border-color: #a8acea;
 	}
+
+	.borderRightBorder{
+		display: inline-block;
+		width: 100%;
+		border-right: 1px solid #fff;
+	}
+
+	.attendanceTable /deep/ .el-table .cell {
+		padding-right: 0 !important;
+		padding-left: 0 !important;
+	}
 </style>