165 lines
6.1 KiB
HTML
165 lines
6.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>详情</title>
|
|
<link rel="stylesheet" type="text/css" media="screen" href="../../../css/bootstrap.min.css">
|
|
<link rel="stylesheet" type="text/css" media="screen" href="../../../css/dataTables.bootstrap.min.css">
|
|
<link rel="stylesheet" type="text/css" media="screen" href="../../../layui/css/layui.css">
|
|
<link rel="stylesheet" type="text/css" media="screen" href="../../../css/work/salaryAttendance/salaryAttendanceDetails.css">
|
|
<style>
|
|
table tr>td:last-child{
|
|
border-bottom: 1px solid #E9E9E9 !important;
|
|
border-right: 1px solid #E9E9E9 !important;
|
|
width: 8%;
|
|
}
|
|
|
|
/* 添加滚动容器 */
|
|
.table-container {
|
|
width: 96%;
|
|
margin: 0 auto;
|
|
overflow-x: auto;
|
|
}
|
|
|
|
/* 固定表格布局 */
|
|
#rewardConfirmContent {
|
|
table-layout: fixed;
|
|
width: 150%; /* 根据列数适当增加 */
|
|
min-width: 100%;
|
|
}
|
|
|
|
/* 设置列宽 */
|
|
#rewardConfirmContent td {
|
|
word-wrap: break-word;
|
|
padding: 8px 4px;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="content" style="padding: 0 24px 0 24px">
|
|
<div id="title">
|
|
<div>
|
|
<img src="../../../img/head.png" width="50"/>
|
|
</div>
|
|
<div>
|
|
<div id="userName">--</div>
|
|
<div id="idNumber">--</div>
|
|
</div>
|
|
<div>
|
|
<div>
|
|
查询到
|
|
<span id="attendancRecordNum">0</span>
|
|
条工资发放及考勤记录
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<input type="text" id="month" readonly autocomplete="off" placeholder="选择月份">
|
|
</div>
|
|
<div>
|
|
<div onclick="packageDownload()">
|
|
下载
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="attendancRecordNo">
|
|
|
|
</div>
|
|
<div id="perInfo">
|
|
<div>
|
|
<div>
|
|
<div id="perInfoTitle">个人相关信息</div>
|
|
<div id="perInfoContent">
|
|
<div class="inforTypeTitle">
|
|
<div>基本信息</div>
|
|
</div>
|
|
<table id="inforTypeContent" width="96%" align="center">
|
|
</table>
|
|
|
|
<div class="inforTypeTitle">
|
|
<div>农民工工资支付表</div>
|
|
</div>
|
|
<table id="salaryPaymentContent" width="96%" align="center">
|
|
</table>
|
|
|
|
<div class="inforTypeTitle">
|
|
<div>劳动报酬确认单</div>
|
|
</div>
|
|
<!-- <table id="rewardConfirmContent" width="96%" align="center" style="overflow-y: scroll;">-->
|
|
<!-- </table>-->
|
|
<div class="table-container">
|
|
<table id="rewardConfirmContent"></table>
|
|
</div>
|
|
|
|
|
|
<div class="inforTypeTitle">
|
|
<div>传盘文件</div>
|
|
</div>
|
|
<table id="transferFileDiskContent" width="96%" align="center">
|
|
</table>
|
|
|
|
|
|
<div class="inforTypeTitle">
|
|
<div>系统考勤</div>
|
|
</div>
|
|
<table id="attendanceContent" width="96%" align="center">
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="hideShow" style="display: none">
|
|
<div id="checkTitle">工资考勤核对信息</div>
|
|
<div id="checkContent">
|
|
<div class="inforTypeTitle">
|
|
<div>基本信息</div>
|
|
</div>
|
|
<table id="basicInforContent" width="96%" align="center">
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="hideShow" style="display: none">
|
|
<div id="fileCheckTitle">线下确认附件</div>
|
|
<div id="fileCheckContent">
|
|
<table id="fileCheckTable" width="96%" align="center">
|
|
</table>
|
|
|
|
<div class="inforTypeTitle">
|
|
<div>附件文档</div>
|
|
</div>
|
|
<table id="fileTable" width="96%" align="center">
|
|
</table>
|
|
|
|
|
|
<div class="inforTypeTitle">
|
|
<div>操作记录</div>
|
|
</div>
|
|
<div id="operationRecord" class="layui-timeline" width="96%" style="margin: 2% 0 0 2%">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="more" onclick="moreClick(this)">
|
|
查 看 更 多
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
<script type="text/javascript" src="../../../js/libs/jquery-3.6.0.js"></script>
|
|
<script type="text/javascript" src="../../../js/jq.js"></script>
|
|
<script type="text/javascript" src="../../../js/plugin/datatables/jquery.dataTables.min.js"></script>
|
|
<script type="text/javascript" src="../../../js/plugin/datatables/dataTables.bootstrap.min.js"></script>
|
|
<script type="text/javascript" src="../../../js/my/permission.js"></script>
|
|
<script type="text/javascript" src="../../../layui/layui.js"></script>
|
|
<script type="text/javascript" src="../../../../public/public.js"></script>
|
|
<script type="text/javascript" src="../../../js/publicJs.js"></script>
|
|
<script type="text/javascript" src="../../../js/dict.js"></script>
|
|
<script type="text/javascript" src="../../../js/time.js"></script>
|
|
<script type="text/javascript" src="../../../js/work/salaryAttendance/salaryAttendanceDetails.js"></script>
|
|
<script type="text/javascript">
|
|
|
|
</script>
|