hn_cloud_web/smz-web/pages/work/person/templateManage/contractSignUploadFrom.html

186 lines
10 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" media="screen" href="../../../../layui/css/layui.css">
<link rel="stylesheet" type="text/css" media="screen" href="../../../../css/viewer.min.css">
<script type="text/javascript" src="../../../../js/libs/jquery-3.7.1.min.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>
<script type="text/javascript"
src="../../../../js/work/person/contractSignUploadFrom.js"></script>
<script type="text/javascript" src="../../../../js/viewer/viewer.min.js"></script>
<title>合同见证上传</title>
<style>
.layui-form-select dl { max-height:200px; max-width: 300px;}
/* chrome下的滚动条样式 */
::-webkit-scrollbar {
width: 15px;
height: 15px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px #e8eceb;
border-radius: 5px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #ffffff;
-webkit-box-shadow: inset 0 0 6px #cbb7b7;
}
::-webkit-scrollbar-thumb:window-inactive {
background: #e8eceb;
}
::-webkit-scrollbar-corner {
background-color: #e8eceb;
//
}
</style>
</head>
<body>
<div id="dataDiv">
<div class="layui-form">
<form class="layui-form" id="fm" enctype="multipart/form-data">
<input type="hidden" id="idNumber" name="idNumber">
<div class="layui-form-item" id="uploadPhoto">
<!-- <label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i>焊接点图片:</label>-->
<input type="text" hidden name="image" value="">
<div class="layui-upload">
<button type="button" class="layui-btn" id="test1">照片上传</button>
<label id="label-del" class="layui-word-aux">双击图片删除</label>
<label id="label-hint" style="color: red">(最多只能上传3张照片)</label>
<blockquote id="preview" class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
预览图:
<div class="layui-upload-list" id="demo2"></div>
</blockquote>
</div>
<button id="hideUpload" type="button" style="display: none"></button>
</div>
<div class="layui-form-item" style="">
<div class="layui-inline">
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i>合同编号:</label>
<div class="layui-input-inline" style="margin-top: 3%;width: 250px;">
<input type="text" name="contractCode" maxlength="10" required lay-verify="required" id="contractCode" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i>合同期限类型:</label>
<div class="layui-input-block" style="margin-top: 3%;width: 250px;">
<select id="laborContractType" name="laborContractType" required lay-verify="required" lay-filter="laborContractType" lay-search>
<option value="-1">请选择</option>
<option value="以完成一定工作为期限的合同">以完成一定工作为期限的合同</option>
<option value="固定期限合同">固定期限合同</option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i>人员角色:</label>
<div class="layui-input-block" style="margin-top: 3%;width: 250px;">
<select id="role" name="role" required lay-verify="required" lay-filter="personnelRole" lay-search>
<option value="-1">请选择</option>
<option value="管理人员">管理人员</option>
<option value="务工人员">务工人员</option>
<option value="劳资专管员">劳资专管员</option>
</select>
</div>
</div>
</div>
<div class="layui-form-item" style="">
<div class="layui-inline">
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i>合同签订日期:</label>
<div class="layui-input-inline" style="margin-top: 3%;width: 250px;">
<input type="text" name="contractValidDate" maxlength="10" required lay-verify="required" id="contractValidDate" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i>合同终止日期:</label>
<div class="layui-input-inline" style="margin-top: 3%;width: 250px;">
<input type="text" name="contractInvalidDate" maxlength="10" required lay-verify="required" id="contractInvalidDate" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i>合同类型:</label>
<div class="layui-input-block" style="margin-top: 3%;width: 250px;">
<input type="text" id="contractType" name="contractType" readonly value="纸质合同" maxlength="10" required lay-verify="required" class="layui-input">
</div>
</div>
</div>
<div class="layui-form-item" style="">
<div class="layui-inline">
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i>工资核定方式:</label>
<div class="layui-input-block" style="margin-top: 3%;width: 250px;">
<select id="wageApprovedWay" name="wageApprovedWay" required lay-verify="required" lay-filter="wageApprovedType" lay-search class="layui-select">
<option value="-1">请选择</option>
<option value="天"></option>
<option value="月"></option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i>工资核定标准:</label>
<div class="layui-input-inline" style="margin-top: 3%;width: 250px;">
<input type="number" name="wageCriterion" maxlength="10" required lay-verify="required|wageCriterion" id="wageCriterion" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i>是否参加城乡居民医疗保险:</label>
<div class="layui-input-block" style="margin-top: 3%;width: 250px;">
<select id="miurInsurance" name="miurInsurance" required lay-verify="required" lay-filter="orgId" lay-search>
<option value="-1">请选择</option>
<option value="是"></option>
<option value="否"></option>
</select>
</div>
</div>
</div>
<div class="layui-form-item" style="">
<div class="layui-inline">
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i>是否在职:</label>
<div class="layui-input-block" style="margin-top: 3%;width: 250px;">
<select id="whetherOnJob" name="whetherOnJob" required lay-verify="required" lay-filter="isJob" lay-search>
<option value="-1">请选择</option>
<option value="是"></option>
<option value="否"></option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i>是否参加城乡居民养老保险:</label>
<div class="layui-input-block" style="margin-top: 3%;width: 250px;">
<select id="endowmentInsurance" name="endowmentInsurance" required lay-verify="required" lay-filter="isEndowmen" lay-search>
<option value="-1">请选择</option>
<option value="是"></option>
<option value="否"></option>
</select>
</div>
</div>
</div>
<div class="layui-form-item" id="bottonBtn">
<div class="layui-input-block" style="margin-left: 80%;">
<button type="button" class="layui-btn" lay-submit lay-filter="model" id="save">确定</button>
<button type="button" id="cancelBtn" onclick="cancelBtns()" class="layui-btn layui-btn-primary">取消
</button>
</div>
</div>
</form>
</div>
</div>
</body>
</html>