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

171 lines
7.6 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/projectStatView.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/projectStatView.js"
defer="defer"></script>
<title>详情</title>
</head>
<body>
<input type="hidden" id="proId" name="proId">
<div class="container">
<!-- 项目头部信息 -->
<div class="project-header">
<div class="project-title" id="proName"></div>
<div class="stats-grid">
<div class="stat-item">
<span class="stat-label">合同数量:</span>
<span class="stat-value" id="contractNum"></span>
</div>
<div class="stat-item">
<span class="stat-label">班组数量:</span>
<span class="stat-value" id="teamNum"></span>
</div>
<div class="stat-item">
<span class="stat-label">工序桩号数量:</span>
<span class="stat-value" id="gxNum"></span>
</div>
<div class="stat-item">
<span class="stat-label">已产生的工作量:</span>
<span class="stat-value" id="workerCost"></span>
</div>
<div class="stat-item">
<span class="stat-label">合同金额:</span>
<span class="stat-value" id="contractAmount"></span>
</div>
<div class="stat-item">
<span class="stat-label">人员/技工/普工数量:</span>
<span class="stat-value" id="totalNum"></span>
</div>
<div class="stat-item">
<span class="stat-label">考勤天数:</span>
<span class="stat-value" id="attDayNum"></span>
</div>
<div class="stat-item">
<span class="stat-label">预估已产生的费用:</span>
<span class="stat-value" id="workload"></span>
</div>
</div>
</div>
<!-- 小包干协议合同信息 -->
<div class="section">
<div class="section-header">
<div class="section-title">小包干协议合同信息</div>
</div>
<div class="section-content">
<table id="contract-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>
<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">
<select id="gxId" name="gxId" lay-verify="required" lay-search="" style="width: 200px;height: 40px;border: 1px solid #e6e6e6;border-radius: 2px;"></select>
<button class="layui-btn layui-btn-normal" onclick="searchPosition()">
查询
</button>
<button class="layui-btn layui-btn-primary" onclick="resetPosition()">
重置
</button>
<button class="layui-btn layui-btn-primary" onclick="exportPosition()">
导出
</button>
</div>
<table id="position-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" style="padding: 10px 10px 70px 10px;">
<div class="search-bar">
<input type="text" id="userName" name="userName" placeholder="姓名" class="layui-input" style="width: 200px;height: 40px;">
<select id="entryAndExitStatus" name="entryAndExitStatus" style="width: 200px;height: 40px;border: 1px solid #e6e6e6;border-radius: 2px;">
<option value="">请选择出入场</option>
<option value="在场">在场</option>
<option value="出场">出场</option>
</select>
<button class="layui-btn layui-btn-normal" onclick="searchStaff()">
查询
</button>
<button class="layui-btn layui-btn-primary" onclick="resetStaff()">
重置
</button>
<button class="layui-btn layui-btn-primary" onclick="exportStaff()">
导出
</button>
</div>
<table id="staff-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>
<th>操作</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</body>
</html>