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

129 lines
5.7 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/gxStatView.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/gxStatView.js" defer="defer"></script>
<title>小包干工序桩位详情</title>
</head>
<body>
<input type="hidden" id="id" name="id">
<div class="container">
<!-- 页面标题 -->
<div class="page-header" style="margin: 0px 0 0px;">
<h1 class="page-title" id="contractCode"></h1>
</div>
<!-- 项目基本信息 -->
<div class="project-info-section">
<div class="info-grid">
<div class="info-row">
<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="subName"></span>
</div>
<div class="info-item">
<span class="info-label">人员/技工/普工数量:</span>
<span class="info-value" id="totalNum"></span>
</div>
<div class="info-item">
<span class="info-label">已产生的工作量:</span>
<span class="info-value" id="workerCost"></span>
</div>
</div>
<div class="info-row">
<div class="info-item">
<span class="info-label">合同编号:</span>
<span class="info-value" id="contractCode1"></span>
</div>
<div class="info-item">
<span class="info-label">班组名称:</span>
<span class="info-value" id="teamName"></span>
</div>
<div class="info-item">
<span class="info-label">考勤天数:</span>
<span class="info-value" id="attDayNum"></span>
</div>
<div class="info-item">
<span class="info-label">预估已产生的费用:</span>
<span class="info-value" id="workload"></span>
</div>
</div>
</div>
</div>
<!-- 小包干工序桩位信息 -->
<div class="section">
<div class="section-header">
<div class="section-title">小包干工序桩位信息</div>
</div>
<div class="section-content">
<table id="process-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>
</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">
<input type="text" id="userName" name="userName" placeholder="姓名" class="layui-input" style="width: 200px;">
<button class="layui-btn layui-btn-normal" onclick="searchPersonnel()">
查询
</button>
<button class="layui-btn layui-btn-primary" onclick="resetPersonnel()">
重置
</button>
</div>
<div class="search-bar">
<button class="layui-btn layui-btn-primary" onclick="exportPersonnel()">
导出
</button>
</div>
<table id="personnel-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>
</tr>
</thead>
</table>
</div>
</div>
</div>
</body>
</html>