hn_cloud_web/smz-web/pages/work/basic/proImport.html

175 lines
9.1 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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">
<link rel="stylesheet" type="text/css" media="screen" href="../../../js/jquery/jquery-confirm.css">
<link rel="stylesheet" type="text/css" media="screen" href="../../../css/bootstrap.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="../../../../public/public.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/basic/proImport.js"></script>
<script type="text/javascript" src="../../../js/viewer/viewer.min.js"></script>
<title>新增压接信息</title>
<style>
.layui-form-label {
width: 442px;
line-height: 38px;
}
.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" action="" id="fm" enctype="multipart/form-data" onsubmit="return false">
<div class="layui-form-item" style="margin-top: -1%;">
<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: 5%;">
<input type="file" id="engineeringInformationFile" name="engineeringInformationFile" required lay-verify="required"/>
</div>
</div>
<div class="layui-inline" id="reviewDiv1" style="display: none;margin-left: 50%;">
<label class="layui-form-label" style="color: red;margin-top: -3%;font-size: 20px">已上传附件名:</label>
<div class="layui-input-block">
<span style="color: red;font-size: 20px" id="review1"></span>
</div>
</div>
</div>
<!-- <div class="layui-form-item" style="margin-top: -1%;">-->
<!-- <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: 2%;">-->
<!-- <input type="file" id="projectInsuranceFile" name="projectInsuranceFile" required lay-verify="required" lang=""/>-->
<!-- </div>-->
<!-- <label style="color: red;margin-top: 2%">(图片,PDF格式可多张)</label>-->
<!-- </div>-->
<!-- <br/>-->
<!-- <div class="layui-inline" id="reviewDiv2" style="display: none;margin-left: 50%;">-->
<!-- <label class="layui-form-label" style="color: red;margin-top: -3%;font-size: 20px">已上传附件名:</label>-->
<!-- <div class="layui-input-block">-->
<!-- <span style="color: red;font-size: 20px" id="review2"></span>-->
<!-- </div>-->
<!-- </div>-->
<!-- <input type="text" hidden name="image" value="">-->
<!-- <div class="layui-upload">-->
<!-- <label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i>项目保障金附件</label>-->
<!-- <button type="button" class="layui-btn" id="test1">文件上传</button>-->
<!-- <span style="color: red;margin-left: 20px">图片/PDF可多张</span>-->
<!-- &lt;!&ndash;<label class="layui-word-aux">双击图片删除</label>-->
<!-- <label style="color: red">(最多只能上传3张照片)</label>&ndash;&gt;-->
<!-- <blockquote id="preview1" class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">-->
<!-- 预览图:-->
<!-- <div class="layui-upload-list" id="demo1"></div>-->
<!-- </blockquote>-->
<!-- </div>-->
<!-- <button id="hideUpload1" type="button" style="display: none"></button>-->
<!-- </div>-->
<div class="layui-form-item">
<div class="layui-inline">
<input type="text" hidden name="image" value="">
<div class="layui-upload">
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i>项目保障金附件</label>
<button type="button" class="layui-btn" id="test1">文件上传</button>
<span style="color: red;margin-left: 20px">图片/PDF可多张</span>
<!--<label class="layui-word-aux">双击图片删除</label>
<label style="color: red">(最多只能上传3张照片)</label>-->
<blockquote id="preview1" class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
预览图:
<div class="layui-upload-list" id="demo1"></div>
</blockquote>
</div>
<button id="hideUpload1" type="button" style="display: none"></button>
</div>
<div class="layui-inline">
<input type="text" hidden name="image" value="">
<div class="layui-upload">
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i>维权告示牌附件</label>
<button type="button" class="layui-btn" id="test2">文件上传</button>
<span style="color: red;margin-left: 20px">图片可多张</span>
<!--<label class="layui-word-aux">双击图片删除</label>
<label style="color: red">(最多只能上传3张照片)</label>-->
<blockquote id="preview2" class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
预览图:
<div class="layui-upload-list" id="demo2"></div>
</blockquote>
</div>
<button id="hideUpload2" type="button" style="display: none"></button>
</div>
</div>
<div class="layui-form-item" style="display: none">
<div class="layui-input-block">
<button type="button" class="layui-btn" id="commit" lay-submit lay-filter="formDemo">提交</button>
</div>
</div>
</form>
</div>
</div>
<!-- 模态框Modal -->
<div class="modal fade" id="myModal_edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog paidan-modal">
<div class="modal-content" style="width:850px;margin-left:-100px">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title" id="myModalLabel">未导入信息</h4>
</div>
<div class="modal-body" style="padding:25px 15px 0;">
<h3 style="font-size:15px;margin-bottom: 10px;">具体信息</h3>
<div class="table-responsive" id="tableAjax">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript" src="../../../js/jquery/jquery-confirm.js"></script>
<script type="text/javascript" src="../../../js/bootstrap/bootstrap.min.js"></script>
<script type="text/javascript" src="../../../js/commonsystem.js"></script>