hn_cloud_web/smz-web/pages/work/ownPerson/AnnouncementForm.html

130 lines
5.6 KiB
HTML
Raw 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 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">
<!-- <link rel="stylesheet" type="text/css" media="screen" href="../../../css/viewer.min.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="../../../../public/public.js"></script>
<script type="text/javascript" src="../../../js/publicJs.js"></script>
<script type="text/javascript" src="../../../js/jq.js"></script>
<style>
.layui-form-label {
position: relative;
float: left;
display: block;
padding: 9px 15px;
width: 100%;
font-weight: 400;
line-height: 20px;
text-align: right;
}
.layui-form-item .layui-input-inline {
margin-right: 22px;
}
/* 弹出层外部容器样式 */
.layui-layer {
border-radius: 10px; /* 设置圆角半径,根据需要调整 */
}
/* 弹出层内部容器样式(如果需要) */
.layui-layer-content {
border-radius: 10px; /* 设置圆角半径,根据需要调整 */
overflow: hidden; /* 防止内容溢出圆角区域 */
}
</style>
</head>
<body>
<div class="layui-form" style="padding: 0 24px 0 24px">
<form class="layui-form" enctype="multipart/form-data" id="" action="">
<input type="hidden" id="id" name="id">
<input type="hidden" id="workId" name="workId">
<input type="hidden" id="idNumber" name="idNumber">
<div class="layui-form-item" style="margin-top: 1%;">
<div class="layui-input-inline">
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i> 公告标题:</label>
</div>
<div class="layui-input-inline" style="border: 0px dashed dimgrey;width: 74%;">
<input type="text" name="ggbt" id="ggbt" required maxlength="50" lay-verify="required" class="layui-input" >
</div>
</div>
<div class="layui-form-item" >
<div class="layui-input-inline" >
<label class="layui-form-label"><i class="tip-required" style="color: red;font-size: 20px">*</i> 公告内容:</label>
</div>
<div class="layui-input-inline" style="border: 0px dashed dimgrey;width: 74%;">
<textarea type="text" name="ggnr" id="ggnr" required lay-verify="required" class="layui-input" maxlength="400"></textarea>
</div>
</div>
<div class="layui-form-item" id="image1">
<div class="layui-input-inline" >
<label class="layui-form-label">通知公告附件</label>
</div>
<div class="layui-input-inline" style="border: 0px dashed dimgrey;width: 74%;">
<div class="form-group" >
<input type="text" hidden name="image" value="">
<div class="layui-upload">
<button type="button" class="layui-btn" id="test1">文件上传</button>
<span style="color: red;margin-left: 20px" id="pan1">最多10个双击可删除</span>
<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>
</div>
<div class="layui-form-item" id="image2" style="display: none;">
<div class="layui-input-inline" >
<label class="layui-form-label">通知公告附件</label>
</div>
<div class="layui-input-inline" style="border: 0px dashed dimgrey;width: 74%;">
<div class="form-group" >
<input type="text" hidden name="image" value="">
<div class="layui-upload" style="margin-top: 10px; ">
<span style="color: red;margin-left: 20px;" >点击下载或打开文件</span>
<blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px; ">
预览图:
<div class="layui-upload-list" id="demo2"></div>
</blockquote>
</div>
</div>
</div>
</div>
<div class="layui-form-item" >
<div class="layui-input-inline" >
<label class="layui-form-label">通知人员:</label>
</div>
<div class="layui-input-inline" style="border: 0px dashed dimgrey;width: 74%;">
<input type="text" name="name" id="name" readonly class="layui-input" onclick="notices()" >
</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>
</body>
<script type="text/javascript" src="../../../js/work/ownPerson/AnnouncementForm.js"></script>
</html>