hn_cloud_web/smz-web/pages/work/smallSubManagement/stat/personnelStatView.html

154 lines
7.2 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<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/proManager.css">
<link rel="stylesheet" type="text/css" media="screen" href="../../../../css/work/smallSubManagement/stat/personnelStatView.css">
<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/select.js" ></script>
<script type="text/javascript" src="../../../../js/work/smallSubManagement/stat/personnelStatView.js" defer="defer"></script>
<title>人员详情</title>
</head>
<body>
<input type="hidden" id="idCard" name="idCard">
<div class="container">
<!-- 人员基本信息 -->
<div class="personnel-info-section">
<div class="personnel-avatar">
<img src="#" class="avatar-img" id="photoPath">
</div>
<div class="personnel-details">
<div class="info-grid">
<div class="info-row">
<div class="info-item">
<span class="info-label">姓名:</span>
<span class="info-value" id="userName"></span>
</div>
<div class="info-item">
<span class="info-label">工种:</span>
<span class="info-value" id="postName"></span>
</div>
<div class="info-item">
<span class="info-label">所在工程:</span>
<span class="info-value" id="proName"></span>
</div>
<div class="info-item">
<span class="info-label">出入场状态:</span>
<span class="info-value" id="entryAndExitStatus"> </span>
</div>
</div>
<div class="info-row">
<div class="info-item">
<span class="info-label">联系方式:</span>
<span class="info-value" id="phone"></span>
</div>
<div class="info-item">
<span class="info-label">工种类型:</span>
<span class="info-value" id="postTypeName">技工</span>
</div>
<div class="info-item">
<span class="info-label">所在分包:</span>
<span class="info-value" id="subName"></span>
</div>
<div class="info-item">
<span class="info-label">所在班组:</span>
<span class="info-value" id="teamName"></span>
</div>
</div>
</div>
</div>
</div>
<!-- 项目出入场记录 -->
<div class="section">
<div class="section-header">
<div class="section-title">项目出入场记录</div>
</div>
<div class="section-content">
<table id="entry-exit-table" class="table table-striped table-bordered table-hover" style="width:100%">
<thead style="background-color: #FAFAFA !important;">
<tr>
<th>小包干合同编号</th>
<th>工种</th>
<th>班组名称</th>
<th>分包名称</th>
<th>工程名称</th>
<th>计日/计件/窝工/休息</th>
<th>入场时间</th>
<th>出场时间</th>
</tr>
</thead>
</table>
</div>
</div>
<!-- 考勤记录 -->
<div class="section">
<div class="section-header">
<div class="section-title">考勤记录</div>
</div>
<div class="section-content">
<div class="search-bar">
<div class="layui-inline" >
<div class="layui-input-inline" >
<form class="layui-form" onsubmit="return false">
<select id="proId" name="proId" lay-search="" style="width: 200px;height: 40px;border: 1px solid #e6e6e6;border-radius: 2px;" lay-filter="proId"></select>
</form>
</div>
</div>
<div class="layui-inline" >
<div class="layui-input-inline" >
<select id="gxId" name="gxId" lay-search="" style="width: 200px;height: 40px;border: 1px solid #e6e6e6;border-radius: 2px;"></select>
</div>
</div>
<select id="dataType" style="width: 200px;height: 40px;border: 1px solid #e6e6e6;border-radius: 2px;">
<option value="">请选择考勤类型</option>
<option value="1">计日</option>
<option value="2">计件</option>
<option value="3">窝工</option>
<option value="4">休息</option>
<option value="5">未考勤</option>
</select>
<input type="text" id="date-search" placeholder="选择日期范围" readonly class="layui-input" style="width: 200px;">
<button class="layui-btn layui-btn-normal" onclick="searchAttendance()">
查询
</button>
<button class="layui-btn layui-btn-primary" onclick="resetAttendance()">
重置
</button>
</div>
<div class="search-bar">
<button class="layui-btn layui-btn-primary" onclick="exportAttendance()">
导出
</button>
</div>
<table id="attendance-table" class="table table-striped table-bordered table-hover" style="width:100%">
<thead style="background-color: #FAFAFA !important;">
<tr>
<th>序号</th>
<th>考勤日期</th>
<th>考勤类型</th>
<th>小包干工序岗位</th>
<th>工程名称</th>
<th>打卡地址</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</body>
</html>