230 lines
5.7 KiB
HTML
230 lines
5.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>护线员考勤</title>
|
||
|
|
<script src="../../../js/public/token.js"></script>
|
||
|
|
<script src="../../../js/public/public.js"></script>
|
||
|
|
<script src="../../../js/public/public_utils.js"></script>
|
||
|
|
<script src="../../../js/public/aescbc.js"></script>
|
||
|
|
<script src="../../../plugs/jquery/jquery-3.6.0.min.js"></script>
|
||
|
|
<script src="../../../plugs/layui-v2.9.2/layui/layui.js"></script>
|
||
|
|
<link href="../../../plugs/layui-v2.9.2/layui/css/layui.css" rel="stylesheet">
|
||
|
|
<script src="../../../util/Interceptor.js"></script>
|
||
|
|
<!--业务js-->
|
||
|
|
<script src="../../../js/wireManager/viewPlan/addMonthPlan.js"></script>
|
||
|
|
|
||
|
|
<!-- css -->
|
||
|
|
<!-- <link type="text/css" media="screen" href="../../../css/dataTable.css" rel="stylesheet"> -->
|
||
|
|
|
||
|
|
<style>
|
||
|
|
body,html {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
float: left;
|
||
|
|
background-color: #F0F2F5;
|
||
|
|
}
|
||
|
|
.title{
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
align-items: center;
|
||
|
|
height: 100px;
|
||
|
|
background-color: #ffffff;
|
||
|
|
margin-bottom: 14px;
|
||
|
|
height: 16.4%;
|
||
|
|
}
|
||
|
|
.title>div{
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.title>div:nth-child(1){
|
||
|
|
margin-left: 40px;
|
||
|
|
}
|
||
|
|
#planName{
|
||
|
|
color: #666666;
|
||
|
|
font-size: 18px;
|
||
|
|
font-weight: 800;
|
||
|
|
margin-left: 20px;
|
||
|
|
}
|
||
|
|
#subComName{
|
||
|
|
margin-left: 20px;
|
||
|
|
margin-top: 5px;
|
||
|
|
}
|
||
|
|
.title>div:nth-child(2){
|
||
|
|
margin-right: 40px;
|
||
|
|
}
|
||
|
|
.overview{
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
background-color: #ffffff;
|
||
|
|
border-radius: 10px;
|
||
|
|
padding: 30px 0 30px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.overview>div:nth-child(1),
|
||
|
|
.overview>div:nth-child(3),
|
||
|
|
.overview>div:nth-child(5){
|
||
|
|
width: 158px;
|
||
|
|
}
|
||
|
|
.planAuditStatus1,
|
||
|
|
.planAuditStatus2,
|
||
|
|
.planAuditStatus3{
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.chargePersonIcon1,
|
||
|
|
.chargePersonIcon2,
|
||
|
|
.chargePersonIcon3{
|
||
|
|
margin-top: 10px;
|
||
|
|
width: 50px;
|
||
|
|
height: 50px;
|
||
|
|
}
|
||
|
|
.chargePerson1,
|
||
|
|
.chargePerson2,
|
||
|
|
.chargePerson3{
|
||
|
|
margin-top: 10px;
|
||
|
|
color:#666666;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.planStatus1,
|
||
|
|
.planStatus2,
|
||
|
|
.planStatus3{
|
||
|
|
margin-top: 15px;
|
||
|
|
color:#999999;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.comAuditLine{
|
||
|
|
width: 480px;
|
||
|
|
text-align: center;
|
||
|
|
border-bottom: 4px solid #19BE6B;
|
||
|
|
padding-bottom: 5px;
|
||
|
|
}
|
||
|
|
.totalAuditLine{
|
||
|
|
width: 480px;
|
||
|
|
text-align: center;
|
||
|
|
border-bottom: 4px solid #409EFF;
|
||
|
|
padding-bottom: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
::-webkit-scrollbar {
|
||
|
|
width: 10px;
|
||
|
|
height: 10px;
|
||
|
|
}
|
||
|
|
/* 滚动槽 */
|
||
|
|
|
||
|
|
::-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;
|
||
|
|
// 颜色
|
||
|
|
}
|
||
|
|
|
||
|
|
.planAuditStatus1{
|
||
|
|
color: #ffffff;
|
||
|
|
height: 30px;
|
||
|
|
padding-top: 5px;
|
||
|
|
background: url(../../../image/dialogBox_blue.png) no-repeat;
|
||
|
|
background-size: 50% 100%;
|
||
|
|
background-position: center;
|
||
|
|
}
|
||
|
|
.planAuditStatus2{
|
||
|
|
color: #ffffff;
|
||
|
|
height: 30px;
|
||
|
|
padding-top: 5px;
|
||
|
|
background: url(../../../image/dialogBox_green.png) no-repeat;
|
||
|
|
background-size: 50% 100%;
|
||
|
|
background-position: center;
|
||
|
|
}
|
||
|
|
.planAuditStatus3{
|
||
|
|
color: #ffffff;
|
||
|
|
height: 30px;
|
||
|
|
padding-top: 5px;
|
||
|
|
background: url(../../../image/dialogBox_gren.png) no-repeat;
|
||
|
|
background-size: 50% 100%;
|
||
|
|
background-position: center;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="title">
|
||
|
|
<div>
|
||
|
|
<img src="../../../image/deliverCardIcon.png" height="60px"/>
|
||
|
|
<div>
|
||
|
|
<div id="planName">运检一公司昆明运检一站 2024-03 月护线员工作计划</div>
|
||
|
|
<div id="subComName">● 待审核</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<button class="layui-btn layui-bg-blue" onclick="saveMonthPlan()">
|
||
|
|
<i class="layui-icon layui-icon-list"></i>
|
||
|
|
提交计划
|
||
|
|
</button>
|
||
|
|
<button class="layui-btn layui-btn-primary" onclick="revokeMonthPlan()">
|
||
|
|
<i class="layui-icon layui-icon-refresh-1"></i>
|
||
|
|
撤销计划
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div style="background-color: #F0F2F5 !important;width: 98%;height: 74%;overflow: auto;flex-direction: column;margin: 0 auto;background-color: #FFFFFF;border-radius: 10px;padding: 10px;">
|
||
|
|
<div class="overview">
|
||
|
|
<div>
|
||
|
|
<div class="planAuditStatus1">提交</div>
|
||
|
|
<div style="text-align: center;">
|
||
|
|
<img class="chargePersonIcon1" src="../../../image/userIcon.png">
|
||
|
|
</div>
|
||
|
|
<div class="chargePerson1">李小萌</div>
|
||
|
|
<div class="planStatus1">2024-03-25 23:26:08</div>
|
||
|
|
</div>
|
||
|
|
<div class="comAuditLine">
|
||
|
|
分公司审核
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<div class="planAuditStatus2">审核通过</div>
|
||
|
|
<div style="text-align: center;">
|
||
|
|
<img class="chargePersonIcon2" src="../../../image/userIcon.png">
|
||
|
|
</div>
|
||
|
|
<div class="chargePerson2">李小刚</div>
|
||
|
|
<div class="planStatus2">2024-03-25 23:26:08</div>
|
||
|
|
</div>
|
||
|
|
<div class="totalAuditLine">
|
||
|
|
总公司审核
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<div class="planAuditStatus3">完结</div>
|
||
|
|
<div style="text-align: center;">
|
||
|
|
<img class="chargePersonIcon3" src="../../../image/userIcon.png">
|
||
|
|
</div>
|
||
|
|
<div class="chargePerson3">总公司</div>
|
||
|
|
<div class="planStatus3">待处理</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<div class="widget-body no-padding">
|
||
|
|
<table id="table" class="layui-table" lay-skin="row" style="width:100%;white-space: nowrap;">
|
||
|
|
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|