hn_cloud_web/smz-web/pages/work/person/wagesManage/wagesGrantDetails.html

181 lines
7.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/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:center;
font-family:simsun;
font-weight: bolder;
}
.marking{
text-decoration:underline;
}
.dis{
width: 100%;
color: #0C0C0C;
font-size: 20px;
display: flex;
align-content:center;
justify-content:right;
font-family:simsun;
font-weight: bolder;
}
.client{
font-size: 20px;
font-family:simsun;
width: 100%;
margin: 3% 0;
}
.space{
margin: 1% 0;
display: flex;
justify-content: space-between;
}
</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="form-group">
<div class="layui-inline">
<div class="layui-input-inline" style="display: flex;align-items: center;">
<input id="keyWord" type="text" class="layui-input" placeholder="请输入姓名">
</div>
</div>
<button id="searchBt" class="layui-btn layui-btn-sm" >查询</button>
</div>
</form>
<div class="layui-inline" style="margin-top: 5px;">
<button id="download" class="layui-btn layui-btn-sm" >下载</button>
</div>
</td>
</tr>
</table>
</div>
</header>
<div class="divs">
<div id="proName" name="proName" class="marking">
</div>
项目
<div id="teamName" name="teamName" class="marking">
</div>
班组
<div id="year" name="year" class="marking">
</div>
<div id="month" name="month" class="marking">
</div>
月劳动报酬确认单
</div>
<div class="dis">
单位:元
</div>
<div>
<div class="widget-body no-padding">
<table id="dt-table" class="table table-striped table-bordered table-hover" style="width:100%">
<thead style="background-color: #FAFAFA !important;">
<tr>
<th rowspan="2">序号</th>
<th rowspan="2">姓名</th>
<th rowspan="2">身份证号</th>
<th rowspan="2">岗位</th>
<th colspan="3">当月发放基本工资</th>
<th colspan="3">加班费</th>
<th colspan="3">绩效奖金</th>
<th rowspan="2">报酬小计</th>
<th rowspan="2">绩效奖金<br>累计(含本月)</th>
<th rowspan="2">签名</th>
</tr>
<tr>
<th class="trd" >单价</th>
<th class="trd">考勤天数</th>
<th class="trd">小计</th>
<th class="trd">加班时长</th>
<th class="trd">单价</th>
<th class="trd">小计</th>
<th class="trd">单价</th>
<th class="trd">考勤天数</th>
<th class="trd" style="border-right-width: 1px;">小计</th>
</tr>
</thead>
<tfoot>
<tr>
<th class="trd"></th>
<th class="trd">合计</th>
<th class="trd"></th>
<th class="trd"></th>
<th class="trd"></th>
<th class="trd"></th>
<th class="trd"></th>
<th class="trd"></th>
<th class="trd"></th>
<th class="trd"></th>
<th class="trd"></th>
<th class="trd"></th>
<th class="trd"></th>
<th class="trd"></th>
<th class="trd"></th>
<th class="trd"></th>
</tr>
</tfoot>
<tbody>
</tbody>
</table>
</div>
</div>
<div class="client">
<div class="space" style="margin-top: 5%;">
<div>班组长:<span id="foreman"></span></div>
<div>项目经理:<span id="proMan"></span></div>
</div>
<div class="space">
<div>分包单位法定代表人授权委托人:<span id="client"></span></div>
<div>施工项目部(章) </div>
</div>
<div class="space">
<div>分包单位(章) <span id="subChapter"></span></div>
</div>
</div>
</div>
</div>
</body>
</html>
<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="../../../../../public/public.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/work/person/wagesManage/wagesGrantDetails.js"></script>