2024-07-31 19:01:05 +08:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
2024-08-20 15:59:49 +08:00
|
|
|
<title>月计划详情</title>
|
2024-08-20 10:42:21 +08:00
|
|
|
<script src="../../../plugs/jquery/jquery-3.6.0.min.js"></script>
|
|
|
|
|
<script src="../../../js/public/jq.js"></script>
|
2024-07-31 19:01:05 +08:00
|
|
|
<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/layui-v2.9.2/layui/layui.js"></script>
|
|
|
|
|
<link href="../../../plugs/layui-v2.9.2/layui/css/layui.css" rel="stylesheet">
|
|
|
|
|
<!--业务js-->
|
|
|
|
|
<script src="../../../js/wireManager/viewPlan/monthPlanDetails.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;
|
2024-08-21 22:09:45 +08:00
|
|
|
background-size: 60% 100%;
|
2024-07-31 19:01:05 +08:00
|
|
|
background-position: center;
|
2024-08-21 22:09:45 +08:00
|
|
|
text-align: center;
|
2024-07-31 19:01:05 +08:00
|
|
|
}
|
|
|
|
|
.planAuditStatus2{
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
height: 30px;
|
|
|
|
|
padding-top: 5px;
|
|
|
|
|
background: url(../../../image/dialogBox_green.png) no-repeat;
|
2024-08-21 22:09:45 +08:00
|
|
|
background-size: 60% 100%;
|
2024-07-31 19:01:05 +08:00
|
|
|
background-position: center;
|
2024-08-21 22:09:45 +08:00
|
|
|
text-align: center;
|
2024-07-31 19:01:05 +08:00
|
|
|
}
|
|
|
|
|
.planAuditStatus3{
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
height: 30px;
|
|
|
|
|
padding-top: 5px;
|
|
|
|
|
background: url(../../../image/dialogBox_gren.png) no-repeat;
|
2024-08-21 22:09:45 +08:00
|
|
|
background-size: 60% 100%;
|
2024-07-31 19:01:05 +08:00
|
|
|
background-position: center;
|
2024-08-21 22:09:45 +08:00
|
|
|
text-align: center;
|
2024-07-31 19:01:05 +08:00
|
|
|
}
|
2024-08-20 15:59:49 +08:00
|
|
|
.planAuditStatus4 {
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
height: 30px;
|
|
|
|
|
padding-top: 5px;
|
|
|
|
|
background: url(../../../image/dialogBox_red.png) no-repeat;
|
2024-08-21 22:09:45 +08:00
|
|
|
background-size: 60% 100%;
|
2024-08-20 15:59:49 +08:00
|
|
|
background-position: center;
|
2024-08-21 22:09:45 +08:00
|
|
|
text-align: center;
|
2024-08-20 15:59:49 +08:00
|
|
|
}
|
2024-07-31 19:01:05 +08:00
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="title">
|
|
|
|
|
<div>
|
|
|
|
|
<img src="../../../image/deliverCardIcon.png" height="60px"/>
|
|
|
|
|
<div>
|
2024-08-20 10:42:21 +08:00
|
|
|
<div id="planName">
|
|
|
|
|
<span id="fgsName"></span>
|
|
|
|
|
<span id="yjName"></span>
|
|
|
|
|
<span id="insMonth" style="color: #409EFF;"></span>
|
|
|
|
|
月护线员工作计划
|
|
|
|
|
</div>
|
|
|
|
|
<div id="subComName"></div>
|
2024-07-31 19:01:05 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
2024-08-20 10:42:21 +08:00
|
|
|
<button class="layui-btn layui-bg-blue" onclick="exportData()">
|
2024-07-31 19:01:05 +08:00
|
|
|
<i class="layui-icon"></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>
|
2024-08-20 10:42:21 +08:00
|
|
|
<div class="chargePerson1" id="createUser"></div>
|
|
|
|
|
<div class="planStatus1" id="createTime"></div>
|
2024-07-31 19:01:05 +08:00
|
|
|
</div>
|
|
|
|
|
<div class="comAuditLine">
|
|
|
|
|
分公司审核
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
2024-08-21 22:09:45 +08:00
|
|
|
<div class="planAuditStatus3" id="aiDitStatuses"></div>
|
2024-07-31 19:01:05 +08:00
|
|
|
<div style="text-align: center;">
|
|
|
|
|
<img class="chargePersonIcon2" src="../../../image/userIcon.png">
|
|
|
|
|
</div>
|
2024-08-20 10:42:21 +08:00
|
|
|
<div class="chargePerson2" id="auditUserName"></div>
|
|
|
|
|
<div class="planStatus2" id="auditTime"></div>
|
2024-08-24 21:00:12 +08:00
|
|
|
<div id="noPassReason" style="color: #F56C6C;font-size: 16px;margin-top: 2%;"></div>
|
2024-07-31 19:01:05 +08:00
|
|
|
</div>
|
|
|
|
|
<div class="totalAuditLine">
|
|
|
|
|
总公司审核
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
2024-08-20 10:42:21 +08:00
|
|
|
<div class="planAuditStatus3" id="aiDitStatusTotal"></div>
|
2024-07-31 19:01:05 +08:00
|
|
|
<div style="text-align: center;">
|
|
|
|
|
<img class="chargePersonIcon3" src="../../../image/userIcon.png">
|
|
|
|
|
</div>
|
2024-08-20 10:42:21 +08:00
|
|
|
<div class="chargePerson3" id="auditUserNameTotal"></div>
|
|
|
|
|
<div class="planStatus3" id="auditTimeTotal"></div>
|
2024-08-24 21:00:12 +08:00
|
|
|
<div id="noPassReasonTotal" style="color: #F56C6C;font-size: 16px;margin-top: 2%;"></div>
|
2024-07-31 19:01:05 +08:00
|
|
|
</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>
|
