177 lines
6.6 KiB
HTML
177 lines
6.6 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.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>
|
|
<script type="text/javascript" src="../../../js/viewer/viewer.min.js"></script>
|
|
<script type="text/javascript" src="../../../js/select.js"></script>
|
|
<script type="text/javascript" src="../../../js/work/uploadResults/submitReword.js" defer="defer"></script>
|
|
<title>提交审核</title>
|
|
|
|
<style type="text/css">
|
|
.timeline_ul {
|
|
margin: 0% 5%;
|
|
list-style: none;
|
|
}
|
|
/* li元素默认是自伤往下排的,所以用浮动让每个li元素横排 */
|
|
.timeline_ul li {
|
|
float: left;
|
|
width: 45%;
|
|
}
|
|
/* 点的样式 */
|
|
.dot {
|
|
display: inline-block;
|
|
width: 3%;
|
|
height: 12px;
|
|
border-radius: 50%;
|
|
background: #409EFF;
|
|
margin-bottom: -5px;
|
|
}
|
|
|
|
.dots {
|
|
display: inline-block;
|
|
width: 3%;
|
|
height: 12px;
|
|
border-radius: 50%;
|
|
background: #CCCCCC;
|
|
margin-bottom: -5px;
|
|
}
|
|
|
|
.item {
|
|
display: inline-block;
|
|
width: 95%;
|
|
margin-left: -5px;
|
|
/* 设置渐变色底边框 */
|
|
border-bottom: 1px solid transparent; /* 为了支持所有浏览器，先设置为透明 */
|
|
/* 使用背景图像模拟渐变色边框 */
|
|
background-image: linear-gradient(to right, #409EFF 0%, #409EFF 50%, #CCCCCC 50%);
|
|
/* 背景位置在底部 */
|
|
background-position: 100% 100%;
|
|
/* 背景尺寸覆盖整个元素的宽度 */
|
|
background-size: 100% 100px;
|
|
}
|
|
|
|
.itemq {
|
|
display: inline-block;
|
|
width: 95%;
|
|
margin-left: -5px;
|
|
/* 设置渐变色底边框 */
|
|
border-bottom: 1px solid transparent; /* 为了支持所有浏览器，先设置为透明 */
|
|
/* 使用背景图像模拟渐变色边框 */
|
|
background-image: linear-gradient(to right, #409EFF 0%, #409EFF 50%, #409EFF 50%);
|
|
/* 背景位置在底部 */
|
|
background-position: 100% 100%;
|
|
/* 背景尺寸覆盖整个元素的宽度 */
|
|
background-size: 100% 100px;
|
|
}
|
|
|
|
.items {
|
|
display: inline-block;
|
|
width: 95%;
|
|
margin-left: -5px;
|
|
/* 设置渐变色底边框 */
|
|
border-bottom: 1px solid transparent; /* 为了支持所有浏览器，先设置为透明 */
|
|
/* 使用背景图像模拟渐变色边框 */
|
|
background-image: linear-gradient(to right, #CCCCCC 0%, #CCCCCC 50%, #CCCCCC 50%);
|
|
/* 背景位置在底部 */
|
|
background-position: 100% 100%;
|
|
/* 背景尺寸覆盖整个元素的宽度 */
|
|
background-size: 100% 100px;
|
|
}
|
|
|
|
.tips {
|
|
width: 100%;
|
|
}
|
|
|
|
.tips p {
|
|
width: 95%;
|
|
/* 自动换行 */
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
.review-title {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.review-time {
|
|
margin: 4px 0px;
|
|
}
|
|
|
|
.review-content {
|
|
margin: 6px 0px;
|
|
}
|
|
.buttonshi{
|
|
width: 120px;
|
|
height: 35px;
|
|
box-sizing: border-box;
|
|
box-shadow: none;
|
|
font-family: "微软雅黑 Regular", 微软雅黑;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
color: #ffffff;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: rgb(160, 207, 255);
|
|
border-radius: 10px;
|
|
background-color: #66B1FF;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
<body class="layui-layout-body" style="padding: 0 24px 0 24px ;">
|
|
<div style="margin-top: 10%;text-align: center;line-height: 30px;">
|
|
<i class="layui-icon layui-color-green" style="font-size: 66px;color: #7ED96D;">စ</i>
|
|
<h1>操作成功</h1>
|
|
<div style="color: #999999;">提交结果成功，等待分公司、产业工人管理中心审核确认。</div>
|
|
<div style="color: #999999;">提交后无法再修改、删除，若需修改请联系审核人员驳回，仅审核人员有删除权限。</div>
|
|
</div>
|
|
|
|
<div style="width: 80%;margin: 0 10%;background-color: #F9F9F9;height: 300px">
|
|
<div style="display: flex;line-height: 150px;justify-content: space-between;">
|
|
<div style="margin-left: 5%">核定编号: <span id="rewordNum"></span></div>
|
|
<div>创建人员: <span id="name"></span></div>
|
|
<div style="margin-right: 5%">创建时间: <span id="time"></span></div>
|
|
</div>
|
|
|
|
<ul class="timeline_ul">
|
|
<li>
|
|
<span class="dot"></span>
|
|
<span class="item"></span>
|
|
<div class="tips">
|
|
<p class="review-title">提交时间</p>
|
|
<p class="review-time" id="upTime"></p>
|
|
<p class="review-content"></p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<span class="dots"></span>
|
|
<span class="items"></span>
|
|
<div class="tips">
|
|
<p class="review-title"></p>
|
|
<p class="review-time"></p>
|
|
<p class="review-content"></p>
|
|
</div>
|
|
</li>
|
|
<li style="width: 10%">
|
|
<span class="dots"></span>
|
|
<div class="tips">
|
|
<p class="review-title">审核确认</p>
|
|
<p class="review-time"></p>
|
|
<p class="review-content">等待确认终结</p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="inline-controls" style="display: flex; align-items: center;justify-content: center;">
|
|
<button class="buttonshi" onclick="shi()" id="shi">返回列表</button>
|
|
<button class="buttonshi" onclick="fou()" id="fou">查看详情</button>
|
|
</div>
|
|
</body>
|
|
</html>
|