189 lines
8.9 KiB
HTML
189 lines
8.9 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/basic/basic.css">
|
|
<style type="text/css">
|
|
.divs {
|
|
margin: 1% 0%;
|
|
width: 100%;
|
|
color: #0C0C0C;
|
|
font-size: 20px;
|
|
display: flex;
|
|
align-content: center;
|
|
justify-content: left;
|
|
font-family: simsun;
|
|
font-weight: bolder;
|
|
}
|
|
|
|
.divFont {
|
|
font-size: 16px;
|
|
font-weight: 300;
|
|
margin-left: 9%;
|
|
color: #0C0C0C;
|
|
}
|
|
|
|
.ths {
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
|
|
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="margin-top: 10px;">
|
|
<header style="height: 100%">
|
|
<div align="left">
|
|
<table style="width: 100%">
|
|
<tr>
|
|
<td>
|
|
<form class="form-inline layui-form" onsubmit="return false">
|
|
<div class="layui-inline">
|
|
<div class="layui-input-inline" style="display: flex;align-items: center;">
|
|
<div class="layui-input-inline">
|
|
<input id="keyWord" type="text" class="layui-input" placeholder="请输入姓名">
|
|
</div>
|
|
|
|
<div class="layui-inline" style="margin-left: -2%">
|
|
<label class="layui-form-label">分包商:</label>
|
|
<div class="layui-input-inline" style="display: flex;align-items: center;">
|
|
<select id="subId" name="subId" lay-search>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-inline">
|
|
<label class="layui-form-label">班组:</label>
|
|
<div class="layui-input-inline" style="display: flex;align-items: center;">
|
|
<select id="teamId" name="teamId" lay-search="" lay-filter="teamId"></select>
|
|
</div>
|
|
</div>
|
|
|
|
<button id="searchBt" style="margin-top: -0.6%" class="layui-btn layui-btn-sm"
|
|
><i class="layui-icon"></i>搜索
|
|
</button>
|
|
<button style="margin-top: -0.6%" class="layui-btn layui-btn-sm" onclick="download()"
|
|
><i class="layui-icon"></i>下载
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-inline">
|
|
<div style="display: flex; justify-content: space-between;">
|
|
<div style="width: 70%;text-align: center">
|
|
<div style="font-size: 25px;margin-left: 50%;font-weight: bold;">农民工用工管理台账</div>
|
|
<div style="font-size: 17px;margin-left: 50%;color: #0C0C0C;font-weight: bold" id="proName"></div>
|
|
</div>
|
|
<div style="width: 22%;">
|
|
<div class="divFont" >第一次人员入场时间：<span id="fristTime" name="fristTime"></span></div>
|
|
<div class="divFont" >工程完工时间：<span id="lastTime" name="lastTime"></span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="widget-body no-padding" style="margin-top: 2%;">
|
|
<table id ="tables" class="table table-striped table-bordered table-hover" style="width:100%;">
|
|
<tr>
|
|
<th rowspan="2">序号</th>
|
|
<th rowspan="2">姓名</th>
|
|
<th rowspan="2">性别</th>
|
|
<th rowspan="2">民族</th>
|
|
<th rowspan="2">年龄</th>
|
|
<th rowspan="2">联系方式</th>
|
|
<th rowspan="2">身份证号</th>
|
|
<th rowspan="2">分包单位</th>
|
|
<th rowspan="2">所在班组</th>
|
|
<th rowspan="2">工种/岗位</th>
|
|
<th rowspan="2">进场日期</th>
|
|
<th rowspan="2">出场日期</th>
|
|
<th id="attendanceDays">出勤天数</th>
|
|
<th colspan="2">合同约定工价</th>
|
|
</tr>
|
|
|
|
<tr id="dt-table"></tr>
|
|
|
|
<tbody id="text">
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
|
|
<!-- <table id="dt-table" class="table table-striped table-bordered table-hover" style="width:100%">-->
|
|
<!-- <thead>-->
|
|
<!-- <tr>-->
|
|
<!-- <th rowspan="2">序号</th>-->
|
|
<!-- <th rowspan="2">姓名</th>-->
|
|
<!-- <th rowspan="2">性别</th>-->
|
|
<!-- <th rowspan="2">民族</th>-->
|
|
<!-- <th rowspan="2">年龄</th>-->
|
|
<!-- <th rowspan="2">联系方式</th>-->
|
|
<!-- <th rowspan="2">身份证号</th>-->
|
|
<!-- <th rowspan="2">分包单位</th>-->
|
|
<!-- <th rowspan="2">所在班组</th>-->
|
|
<!-- <th rowspan="2">工种/岗位</th>-->
|
|
<!-- <th rowspan="2">进场日期</th>-->
|
|
<!-- <th rowspan="2">出场日期</th>-->
|
|
<!-- <th colspan="11">出勤天数</th>-->
|
|
<!-- <th colspan="2">合同约定工价</th>-->
|
|
<!-- </tr>-->
|
|
<!-- <tr id="monthLengths">-->
|
|
|
|
<!-- <th>1月</th>-->
|
|
<!-- <th>2月</th>-->
|
|
<!-- <th>3月</th>-->
|
|
<!-- <th>4月</th>-->
|
|
<!-- <th>5月</th>-->
|
|
<!-- <th>6月</th>-->
|
|
<!-- <th>7月</th>-->
|
|
<!-- <th>8月</th>-->
|
|
<!-- <th>9月</th>-->
|
|
<!-- <th>10月</th>-->
|
|
<!-- <th>11月</th>-->
|
|
|
|
|
|
<!-- <th>1月</th>-->
|
|
<!-- <th>2月</th>-->
|
|
<!-- </tr>-->
|
|
|
|
|
|
<!-- </thead>-->
|
|
<!-- <tbody id="checkNums">-->
|
|
<!-- </tbody>-->
|
|
<!-- </table>-->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
<script type="text/html" id="switchTpl">
|
|
<input type="checkbox" name="close" lay-skin="switch" lay-text="ON|OFF" lay-filter="closeDemo">
|
|
</script>
|
|
<script type="text/javascript" src="../../../../js/libs/jquery-3.7.1.min.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="../../../../js/publicJs.js"></script>
|
|
<script type="text/javascript" src="../../../../js/dict.js"></script>
|
|
<!--引入下拉选js-->
|
|
<script type="text/javascript" src="../../../../js/select.js"></script>
|
|
<!--<script type="text/javascript" src="../../../../js/jquery/jquery.table2excel.js"></script>-->
|
|
<script type="text/javascript" src="../../../../js/work/person/reportStatistics/employmentManagementAccountForm.js"></script> |