hn_cloud_web/smz-web/pages/work/smallSubManagement/teamPackageManageContractFo...

234 lines
13 KiB
HTML
Raw Normal View History

2025-11-27 16:55:35 +08:00
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8">
<title>填写合同信息</title>
<link rel="stylesheet" type="text/css" media="screen" href="../../../layui/css/layui.css">
<script type="text/javascript" src="../../../js/libs/jquery-3.6.0.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/jq.js"></script>
<style>
.layui-form-label {
width: 155px;
}
.layui-input-block {
margin-left: 190px;
}
label{
position: relative;
}
.form-item {
margin-bottom: 15px;
}
.textarea-container {
margin-top: 10px;
}
.button-container {
margin-top: 20px;
}
.attention-matters {
margin-top: 20px;
color: red;
}
</style>
</head>
<body>
<div class="layui-form">
<form class="layui-form" enctype="multipart/form-data" id="" action="">
<input type="hidden" id="id" name="id">
<div class="layui-form-item" style="margin-left: 10%;margin-top: 1%">
<!-- 协议编号 -->
<div class="layui-form-item form-item">
<label class="layui-form-label">协议编号:</label>
<div class="layui-input-block">
<input type="text" name="agreementNumber" id="agreementNumber" readonly value="系统自动生成(工程简称-班组长-三位自增数字)" class="layui-input">
</div>
</div>
<!-- 工程名称 -->
<div class="layui-form-item form-item">
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i> 工程名称:</label>
<div class="layui-input-block">
<select id="proId" name="proId" required lay-verify="required" class="layui-input" lay-search lay-filter="proId">
</select>
</div>
</div>
<!-- 分包名称(甲方) -->
<div class="layui-form-item form-item">
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i> 分包名称(甲方):</label>
<div class="layui-input-block">
<select id="subId" name="subId" required lay-verify="required" class="layui-input" lay-search lay-filter="subId">
</select>
</div>
</div>
<!-- 班组名称 -->
<div class="layui-form-item form-item">
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i> 班组名称:</label>
<div class="layui-input-block">
<select id="teamId" name="teamId" required lay-verify="required" class="layui-input" lay-search>
</select>
</div>
</div>
<!-- 乙方 -->
<div class="layui-form-item form-item">
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i> 乙方:</label>
<div class="layui-input-block">
<input type="text" name="partyUser" id="partyUser" required lay-verify="required" placeholder="输入承包负责人" class="layui-input" maxlength="10">
</div>
</div>
<!-- 签订日期 -->
<div class="layui-form-item form-item">
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i> 签订日期:</label>
<div class="layui-input-block">
<input type="text" name="contractDate" id="contractDate" required lay-verify="required" class="layui-input" placeholder="请选择日期" readonly>
</div>
</div>
<!-- 签订地点 -->
<div class="layui-form-item form-item">
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i> 签订地点:</label>
<div class="layui-input-block">
<input type="text" name="contractLocation" id="contractLocation" required lay-verify="required" placeholder="输入签订地点" class="layui-input" maxlength="100">
</div>
</div>
<!-- 工程地点 -->
<div class="layui-form-item form-item">
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i> 工程地点:</label>
<div class="layui-input-block">
<input type="text" name="proLocation" id="proLocation" required lay-verify="required" placeholder="输入工程地点" class="layui-input" maxlength="100">
</div>
</div>
<!-- 工程规模 -->
<div class="layui-form-item form-item">
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i> 工程规模:</label>
<div class="layui-input-block">
<input type="text" name="proScale" id="proScale" required lay-verify="required" placeholder="输入工程规模" class="layui-input" maxlength="100">
</div>
</div>
<!-- 作业暂定内容 -->
<div class="layui-form-item form-item">
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i> 作业暂定内容(按包干工序据实调整):</label>
<div class="layui-input-block textarea-container">
<textarea name="gxInfo" id="gxInfo" required lay-verify="required" style="height: 300px;" class="layui-textarea" maxlength="500">
1.导线、地线、光缆展放及相关附件安装、标志牌及警示牌安装的劳务作业。
2.保护帽浇制、地面整理、铺助工程及施工道路修筑等辅助工作的劳务作业。
3.施工场地施工完毕后恢复整理相关工作的劳务作业。
4.材料站劳务配合的劳务作业。
5.工程竣工验收等配合的劳务作业;
6.配合现场地方协调、补偿工作的劳务作业;
7.服从从公司、项目部现场管理要求;
具体以甲方安排的劳务工作为准。</textarea>
</div>
</div>
<!-- “小包干”作业暂定范围和作业内容 -->
<div class="layui-form-item form-item">
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i> “小包干”作业暂定范围和作业内容:</label>
<div class="layui-input-block">
<button type="button" class="layui-btn" id="selectProcessAndPile" onclick="lumpSum()">选择工序及桩位</button>
<div id="selectedProcessAndPile" style="border: 1px solid #ccc; padding: 10px; margin-top: 10px;">
请选择选择工序及桩位
</div>
<input type="hidden" name="gxList" id="gxList" required lay-verify="gxList" class="layui-input">
</div>
</div>
<!-- 计划开始暂定作业日期 -->
<div class="layui-form-item form-item">
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i> 计划开始暂定作业日期:</label>
<div class="layui-input-block">
<input type="text" name="planStartTime" id="planStartTime" required lay-verify="required" class="layui-input" placeholder="请选择日期" readonly>
</div>
</div>
<!-- 计划结束暂定作业日期 -->
<div class="layui-form-item form-item">
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i> 计划结束暂定作业日期:</label>
<div class="layui-input-block">
<input type="text" name="planEndTime" id="planEndTime" required lay-verify="required" class="layui-input" placeholder="请选择日期" readonly>
</div>
</div>
<!-- 暂定协议价 -->
<div class="layui-form-item form-item">
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i> 暂定协议价:</label>
<div class="layui-input-block">
<input type="text" name="contractMoney" id="contractMoney" required lay-verify="required|contractMoneyCheck" placeholder="输入小写金额(系统自动转大写金额)" class="layui-input" maxlength="10">
</div>
</div>
<!-- 甲方签字和乙方签字 -->
<div class="layui-form-item form-item">
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i> 甲方签字:</label>
<div class="layui-input-block">
<input type="text" readonly name="partyaImage" id="partyaImage" class="layui-input" placeholder="打开APP扫描二维码采集电子签名">
<!-- 图片预览区域 -->
<div id="partyaImagePreview" style="margin-top: 10px;"></div>
<input type="hidden" id="partyaImagePath" name="partyaImagePath"> <!-- 新增 -->
<input type="hidden" id = "partyaImageUuid" name="partyaImageUuid" required lay-verify="partyaImageUuid">
<!-- 生成二维码按钮 -->
<button type="button" class="layui-btn layui-btn-normal" id="generateQrCodeA">生成二维码</button>
<!-- 更新按钮 -->
<button type="button" class="layui-btn layui-btn-danger" id="updateSignatureA">更新</button>
</div>
</div>
<div class="layui-form-item form-item">
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i> 乙方签字:</label>
<div class="layui-input-block">
<input type="text" readonly name="partybImage" id="partybImage" class="layui-input" placeholder="打开APP扫描二维码采集电子签名">
<!-- 图片预览区域 -->
<div id="partybImagePreview" style="margin-top: 10px;"></div>
<input type="hidden" id="partybImagePath" name="partybImagePath"> <!-- 新增 -->
<input type="hidden" id = "partybImageUuid" name="partybImageUuid" required lay-verify="partybImageUuid">
<!-- 生成二维码按钮 -->
<button type="button" class="layui-btn layui-btn-normal" id="generateQrCodeB">生成二维码</button>
<!-- 更新按钮 -->
<button type="button" class="layui-btn layui-btn-danger" id="updateSignatureB">更新</button>
</div>
</div>
<!-- 注意事项 -->
<div class="attention-matters">
<p>注意事项:</p>
<ol>
<li>1.先确认分包商已经设置了小包干权限</li>
<li>2.班组信息已经录入系统</li>
<li>3.工程工作量已经录入系统(包干工序、桩位)</li>
<li>4.已经产生考勤数据的桩位禁止修改</li>
<li>5.合同内容禁止修改,错误请重新签订(包干工序、桩位内容除外)</li>
<li>6.已经产生考勤的合同禁止删除</li>
<li>7.请确保系统中工程、分包、班组已存在,并确保工程与分包,分包与班组已存在绑定关系</li>
</ol>
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block" style="text-align: right;">
<button class="layui-btn layui-btn-primary" type="button" onclick="cancel()">取消</button>
<!-- <button class="layui-btn" type="button" onclick="nextStep()">下一步</button>-->
<button class="layui-btn" lay-submit lay-filter="nextStep">下一步</button>
</div>
</div>
<div class="layui-input-block" style="display: none">
<button type="button" class="layui-btn" id="commit" lay-submit lay-filter="formDemo">提交</button>
</div>
</form>
</div>
</body>
<script type="text/javascript" src="../../../js/qrcode.min.js"></script>
<script type="text/javascript" src="../../../js/work/smallSubManagement/teamPackageManageContractForm.js" defer="defer"></script>