巡视计划

This commit is contained in:
lSun 2024-08-20 15:59:49 +08:00
parent de081a6d4a
commit 393303d5c4
12 changed files with 1267 additions and 924 deletions

View File

@ -3,45 +3,52 @@
<head>
<meta charset="utf-8">
<title>护线员子系统</title>
<script src="../../plugs/jquery/jquery-3.6.0.min.js"></script>
<script src="../../js/public/jq.js"></script>
<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>
<!-- <script src="../../util/Interceptor.js"></script> -->
<!--业务js-->
<script src="../../js/wireManager/header.js"></script>
<!-- css -->
<link type="text/css" media="screen" href="../../css/header.css" rel="stylesheet">
<style>
#waitAuditNum{
#waitAuditNum {
padding: 3px 6px;
position: absolute;
top: 1%;
left: 50%;
background-color: rgba(255,165,0,1);
background-color: rgba(255, 165, 0, 1);
border-radius: 5px;
color: #ffffff;
font-weight: 600;
}
/* 边框闪烁呼吸样式 */
.arrow_box{animation: glow 600ms ease-out infinite alternate; }
.arrow_box {
animation: glow 600ms ease-out infinite alternate;
}
@keyframes glow {
0% {
background-color: rgba(255,165,0,1);
background-color: rgba(255, 165, 0, 1);
}
100% {
background-color: rgba(255,165,0,.2);
background-color: rgba(255, 165, 0, .2);
}
}
</style>
</head>
<body>
<div class="layui-tab layui-tab-brief" lay-filter="chosenTab" style="height: 100%;width: 100%;display: flex;flex-direction: column;margin: 0;">
<div class="hraderBox" style="width: 100%;height: 8%;background-color: #fff;display: flex;margin-bottom: 10px;">
<div class="layui-tab layui-tab-brief" lay-filter="chosenTab"
style="height: 100%;width: 100%;display: flex;flex-direction: column;margin: 0;">
<div class="hraderBox"
style="width: 100%;height: 8%;background-color: #fff;display: flex;margin-bottom: 10px;">
<div class="header-left">
<div></div>
<div style="font-weight: bold; font-size: 16px;">护线员管理</div>
@ -84,18 +91,15 @@
<div class="layui-tab-content" style="width: 100%;height: 90%;">
<!-- 栏目1 -->
<div class="layui-tab-item layui-show">
<iframe src="index.html" frameborder="0" width="100%"
height="100%"></iframe>
<iframe src="index.html" frameborder="0" width="100%" height="100%"></iframe>
</div>
<!-- 栏目2 -->
<div class="layui-tab-item">
<iframe src="./viewPlan/viewPlanList.html" frameborder="0" width="100%"
height="100%"></iframe>
<iframe src="./viewPlan/viewPlanList.html" frameborder="0" width="100%" height="100%"></iframe>
</div>
<!-- 栏目3 -->
<div class="layui-tab-item">
<iframe src="./staff/staffList.html" frameborder="0" width="100%"
height="100%"></iframe>
<iframe src="./staff/staffList.html" frameborder="0" width="100%" height="100%"></iframe>
</div>
<!-- 栏目4 -->
<div class="layui-tab-item">
@ -104,8 +108,7 @@
</div>
<!-- 栏目5 -->
<div class="layui-tab-item">
<iframe src="./workVisa/workVisaList.html" frameborder="0" width="100%"
height="100%"></iframe>
<iframe src="./workVisa/workVisaList.html" frameborder="0" width="100%" height="100%"></iframe>
</div>
<!-- 栏目6 -->
<div class="layui-tab-item">
@ -120,9 +123,10 @@
</div>
<!-- 页面下方的审核提示框 -->
<div style="position: fixed;top: 92%;color: #ffffff; background-color: rgba(0,0,0,.6);padding: 15px 20px;width: 97%;">
<span>i 系统检测到您有5条计划待审核请尽快处理。</span>
<span id="goViewPlan" style="color: #66B1FF;cursor: pointer;" > >>去处理</span>
<div
style="position: fixed;top: 92%;color: #ffffff; background-color: rgba(0,0,0,.6);padding: 15px 20px;width: 97%;">
<span>i 系统检测到您有<span id="waitAuditNums"></span>条计划待审核,请尽快处理。</span>
<span id="goViewPlan" style="color: #66B1FF;cursor: pointer;"> >>去处理</span>
<span style="cursor: pointer;margin-left: 76%;" onclick="closeTop(this)">X</span>
</div>
</div>
@ -131,12 +135,12 @@
//记录待审核计划数量,用于在头部展示
var waitAuditNum = 5;
$(function(){
layui.use(['element'], function () {
$(function() {
layui.use(['element'], function() {
var element = layui.element;
$("#goViewPlan").click(function(){
$("#goViewPlan").click(function() {
//切换tab
$(".layui-tab-title>li").removeClass("layui-this")
$(".layui-tab-title>li:nth-child(2)").addClass("layui-this")
@ -151,27 +155,32 @@
//后台获取待审核计划数
/* $.ajax({
type: 'post',
contentType: "application/x-www-form-urlencoded",
url: "",
dataType: 'json',
data: {
id: id
},
success: function (data) {
$("#waitAuditNum").text(0)
}
}) */
if(waitAuditNum > 0){
$("#waitAuditNum").text(waitAuditNum);
$.ajax({
type: 'POST',
url: PATH_URL + '/inspectionPlan/waitAuditNum',
contentType: "application/json; charset=utf-8",
data: JSON.stringify({
fgsId:'26'
}),
success: function(data) {
if (data.code == 200) {
$("#waitAuditNum").text(data.data.waitAuditNum);
if (data.data.waitAuditNum > 0) {
$("#waitAuditNum").addClass("arrow_box");
}
$("#waitAuditNums").text(data.data.waitAuditNum);
} else {
$("#waitAuditNum").text("0");
$("#waitAuditNums").text("0");
}
}
})
});
//关闭底部的提示框
function closeTop(event){
function closeTop(event) {
$(event).parent().css("display", "none");
}
</script>

View File

@ -3,14 +3,14 @@
<head>
<meta charset="utf-8">
<title>月计划审核</title>
<script src="../../../js/public/token.js"></script>
<script src="../../../plugs/jquery/jquery-3.6.0.min.js"></script>
<script src="../../../js/public/jq.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>
<!-- <script src="../../../util/Interceptor.js"></script> -->
<!--业务js-->
<script src="../../../js/dataStatistics/viewPlan/monthPlanAudit.js"></script>
@ -159,6 +159,14 @@
background-size: 50% 100%;
background-position: center;
}
.planAuditStatus4 {
color: #ffffff;
height: 30px;
padding-top: 5px;
background: url(../../../image/dialogBox_red.png) no-repeat;
background-size: 50% 100%;
background-position: center;
}
</style>
</head>
<body>
@ -166,8 +174,13 @@
<div>
<img src="../../../image/deliverCardIcon.png" height="60px"/>
<div>
<div id="planName">运检一公司昆明运检一站 2024-03 月护线员工作计划</div>
<div id="subComName">● 待审核</div>
<div id="planName">
<span id="fgsName"></span>
<span id="yjName"></span>
<span id="insMonth" style="color: #409EFF;"></span>
月护线员工作计划
</div>
<div id="subComName"></div>
</div>
</div>
<div>
@ -188,30 +201,30 @@
<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 class="chargePerson1" id="createUser"></div>
<div class="planStatus1" id="createTime"></div>
</div>
<div class="comAuditLine">
分公司审核
</div>
<div>
<div class="planAuditStatus2">审核通过</div>
<div class="planAuditStatus3" id="aiDitStatuses"></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 class="chargePerson2" id="auditUserName"></div>
<div class="planStatus2" id="auditTime"></div>
</div>
<div class="totalAuditLine">
总公司审核
</div>
<div>
<div class="planAuditStatus3">完结</div>
<div class="planAuditStatus3" id="aiDitStatusTotal"></div>
<div style="text-align: center;">
<img class="chargePersonIcon3" src="../../../image/userIcon.png">
</div>
<div class="chargePerson3">总公司</div>
<div class="planStatus3">待处理</div>
<div class="chargePerson3" id="auditUserNameTotal"></div>
<div class="planStatus3" id="auditTimeTotal"></div>
</div>
</div>

View File

@ -2,15 +2,15 @@
<html>
<head>
<meta charset="utf-8">
<title>护线员考勤</title>
<script src="../../../js/public/token.js"></script>
<title>月计划详情</title>
<script src="../../../plugs/jquery/jquery-3.6.0.min.js"></script>
<script src="../../../js/public/jq.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>
<!-- <script src="../../../util/Interceptor.js"></script> -->
<!--业务js-->
<script src="../../../js/dataStatistics/viewPlan/monthPlanDetails.js"></script>
@ -18,7 +18,8 @@
<!-- <link type="text/css" media="screen" href="../../../css/dataTable.css" rel="stylesheet"> -->
<style>
body,html {
body,
html {
width: 100%;
height: 100%;
margin: 0;
@ -26,7 +27,8 @@
float: left;
background-color: #F0F2F5;
}
.title{
.title {
display: flex;
justify-content: space-between;
align-items: center;
@ -35,27 +37,33 @@
margin-bottom: 14px;
height: 16.4%;
}
.title>div{
.title>div {
display: flex;
align-items: center;
}
.title>div:nth-child(1){
.title>div:nth-child(1) {
margin-left: 40px;
}
#planName{
#planName {
color: #666666;
font-size: 18px;
font-weight: 800;
margin-left: 20px;
}
#subComName{
#subComName {
margin-left: 20px;
margin-top: 5px;
}
.title>div:nth-child(2){
.title>div:nth-child(2) {
margin-right: 40px;
}
.overview{
.overview {
display: flex;
justify-content: center;
align-items: center;
@ -63,45 +71,51 @@
border-radius: 10px;
padding: 30px 0 30px 0;
}
.overview>div:nth-child(1),
.overview>div:nth-child(3),
.overview>div:nth-child(5){
.overview>div:nth-child(5) {
width: 158px;
}
.planAuditStatus1,
.planAuditStatus2,
.planAuditStatus3{
.planAuditStatus3 {
text-align: center;
}
.chargePersonIcon1,
.chargePersonIcon2,
.chargePersonIcon3{
.chargePersonIcon3 {
margin-top: 10px;
width: 50px;
height: 50px;
}
.chargePerson1,
.chargePerson2,
.chargePerson3{
.chargePerson3 {
margin-top: 10px;
color:#666666;
text-align: center;
}
.planStatus1,
.planStatus2,
.planStatus3{
margin-top: 15px;
color:#999999;
color: #666666;
text-align: center;
}
.comAuditLine{
.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{
.totalAuditLine {
width: 480px;
text-align: center;
border-bottom: 4px solid #409EFF;
@ -112,6 +126,7 @@
width: 10px;
height: 10px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
@ -135,7 +150,8 @@
background-color: #e8eceb;
// 颜色
}
.planAuditStatus1{
.planAuditStatus1 {
color: #ffffff;
height: 30px;
padding-top: 5px;
@ -143,7 +159,8 @@
background-size: 50% 100%;
background-position: center;
}
.planAuditStatus2{
.planAuditStatus2 {
color: #ffffff;
height: 30px;
padding-top: 5px;
@ -151,7 +168,8 @@
background-size: 50% 100%;
background-position: center;
}
.planAuditStatus3{
.planAuditStatus3 {
color: #ffffff;
height: 30px;
padding-top: 5px;
@ -159,56 +177,72 @@
background-size: 50% 100%;
background-position: center;
}
.planAuditStatus4 {
color: #ffffff;
height: 30px;
padding-top: 5px;
background: url(../../../image/dialogBox_red.png) no-repeat;
background-size: 50% 100%;
background-position: center;
}
</style>
</head>
<body>
<div class="title">
<div>
<img src="../../../image/deliverCardIcon.png" height="60px"/>
<img src="../../../image/deliverCardIcon.png" height="60px" />
<div>
<div id="planName">运检一公司昆明运检一站 2024-03 月护线员工作计划</div>
<div id="subComName">● 待审核</div>
<div id="planName">
<span id="fgsName"></span>
<span id="yjName"></span>
<span id="insMonth" style="color: #409EFF;"></span>
月护线员工作计划
</div>
<div id="subComName"></div>
</div>
</div>
<div>
<button class="layui-btn layui-bg-blue" onclick="exporData()">
<button class="layui-btn layui-bg-blue" onclick="exportData()">
<i class="layui-icon">&#xe61a;</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
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 class="chargePerson1" id="createUser"></div>
<div class="planStatus1" id="createTime"></div>
</div>
<div class="comAuditLine">
分公司审核
</div>
<div>
<div class="planAuditStatus2">审核通过</div>
<div class="planAuditStatus3" id="aiDitStatuses"></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 class="chargePerson2" id="auditUserName"></div>
<div class="planStatus2" id="auditTime"></div>
<div id="noPassReason" style="color: #F56C6C;font-size: 12px;margin-top: 2%;"></div>
</div>
<div class="totalAuditLine">
总公司审核
</div>
<div>
<div class="planAuditStatus3">完结</div>
<div class="planAuditStatus3" id="aiDitStatusTotal"></div>
<div style="text-align: center;">
<img class="chargePersonIcon3" src="../../../image/userIcon.png">
</div>
<div class="chargePerson3">总公司</div>
<div class="planStatus3">待处理</div>
<div id="noPassReason" style="color: #F56C6C;font-size: 12px;margin-top: 2%;"></div>
<div class="chargePerson3" id="auditUserNameTotal"></div>
<div class="planStatus3" id="auditTimeTotal"></div>
<div id="noPassReasonTotal" style="color: #F56C6C;font-size: 12px;margin-top: 2%;"></div>
</div>
</div>

View File

@ -1,33 +1,35 @@
<!DOCTYPE html>
<html>
<head>
<head>
<meta charset="UTF-8">
<title>特巡结果上传</title>
<script src="../../../js/public/token.js"></script>
<title>分公司-审核不通过</title>
<script src="../../../plugs/jquery/jquery-3.6.0.min.js"></script>
<script src="../../../js/public/jq.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>
<!-- <script src="../../../util/Interceptor.js"></script> -->
<script src="../../../js/dataStatistics/viewPlan/noPassReason.js"></script>
<style type="text/css">
button{
button {
margin-left: 73.5%;
margin-top: 1%;
}
</style>
</head>
<body>
<div class="layui-form" onsubmit="return false">
</head>
<body>
<div class="layui-form" onsubmit="return false">
<form class="layui-form" action="">
<div class="layui-form-item">
<div class="layui-inline" style="width: 566px;margin-left: 7%;">
<label class="layui-form-label" style="width: 150px;text-align: left;padding: 9px 0" left>
<i class="tip-required" style="color: red;font-size: 20px">*</i>原因:</label>
<div class="layui-input-inline" style="width: 610px;">
<textarea oninput="wordCount(this)" type="text" name="revokeReason" id="revokeReason" maxlength="300" lay-verify="required" cols="78" rows="10" style="text-indent: 5px;border-color:#EEEEEE;padding:10px"></textarea>
<textarea oninput="wordCount(this)" type="text" name="revokeReason" id="revokeReason"
maxlength="300" lay-verify="required" cols="78" rows="10"
style="text-indent: 5px;border-color:#EEEEEE;padding:10px"></textarea>
<div style="color: #999999;font-size: 12px;">
<span>已输入</span>&nbsp;
<span id="wordCount">0</span>
@ -42,6 +44,6 @@
<button id="searchBt" class="layui-btn" lay-submit lay-filter="formDemo">保存</button>
</form>
</div>
</body>
</div>
</body>
</html>

View File

@ -2,15 +2,15 @@
<html>
<head>
<meta charset="utf-8">
<title>护线员考勤</title>
<script src="../../../js/public/token.js"></script>
<title>巡视计划</title>
<script src="../../../plugs/jquery/jquery-3.6.0.min.js"></script>
<script src="../../../js/public/jq.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>
<!-- <script src="../../../util/Interceptor.js"></script> -->
<!--业务js-->
<script src="../../../js/dataStatistics/viewPlan/viewPlanList.js"></script>
@ -34,31 +34,36 @@
<div class="form-group" style="margin-top: 0.5%">
<div class="layui-inline">
<div class="layui-input-inline">
<input id="search1" type="text" class="layui-input" placeholder="输入分公司" >
<input id="fgsName" type="text" class="layui-input" placeholder="输入分公司" >
</div>
</div>
<div class="layui-inline">
<div class="layui-input-inline">
<input id="search2" type="text" class="layui-input" placeholder="输入工作站" >
<input id="yjName" type="text" class="layui-input" placeholder="输入工作站" >
</div>
</div>
<div class="layui-inline">
<div class="layui-input-inline">
<input id="dataTime" name="dataTime" type="text" class="layui-input" placeholder="请选择月份">
<input id="insMonth" name="insMonth" readonly type="text" class="layui-input" placeholder="请选择月份">
</div>
</div>
<div class="layui-inline">
<div class="layui-input-inline">
<select id="proId" name="proId" class="layui-select" lay-verify="required">
<option value="" selected>审核状态</option>
<select id="aiDitStatus" name="aiDitStatus" class="layui-select" >
<option value="" >全部状态</option>
<option value="2" >已通过</option>
<option value="3" >未通过</option>
<option value="0" selected >待审核</option>
<option value="1" >已撤销</option>
</select>
</div>
</div>
<button class="layui-btn layui-btn-sm" lay-submit lay-filter="query">
<button class="layui-btn layui-btn-sm" onclick="queryClick()">
<i class="layui-icon layui-icon-search"></i>
查询
</button>
<button id="reset" type="button" class="layui-btn layui-btn-sm layui-btn-primary">
<button id="reset" type="button" class="layui-btn layui-btn-sm layui-btn-primary" onclick="resetClick()">
<i class="layui-icon layui-icon-refresh"></i>
重置
</button>

View File

@ -2,7 +2,7 @@
<html>
<head>
<meta charset="utf-8">
<title>护线员考勤</title>
<title>月计划详情</title>
<script src="../../../plugs/jquery/jquery-3.6.0.min.js"></script>
<script src="../../../js/public/jq.js"></script>
<script src="../../../js/public/public.js"></script>
@ -158,6 +158,14 @@
background-size: 50% 100%;
background-position: center;
}
.planAuditStatus4 {
color: #ffffff;
height: 30px;
padding-top: 5px;
background: url(../../../image/dialogBox_red.png) no-repeat;
background-size: 50% 100%;
background-position: center;
}
</style>
</head>
<body>

View File

@ -1,86 +1,189 @@
var pers = []
var table,form,laydate
layui.use(['form','layer','table','laydate'], function () {
var table, form, laydate
var yjIds, insMonths, ids;
// 静态数据
var tableData = [];
function setData(data, yjId, insMonth, id) {
yjIds = yjId;
insMonths = insMonth;
ids = id;
layui.use(['form', 'layer', 'table', 'laydate'], function() {
table = layui.table;
form = layui.form;
laydate = layui.laydate
init();
if (data.length > 0) {
$('#fgsName').html(data[0].fgsName);
$('#yjName').html(data[0].yjName);
$('#insMonth').html(data[0].insMonth);
setAiDitStatus(data[0].aiDitStatus);
setData();
});
function setData(){
$('#createUser').html(data[0].createUser);
$('#createTime').html(data[0].createTime);
//分公司
if (data[0].aiDitStatuses) {
// 获取元素
var element = document.getElementById('aiDitStatuses');
// 移除旧的类
element.classList.remove('planAuditStatus3');
if (data[0].aiDitStatuses == 2) {
element.classList.add('planAuditStatus2');
$('#aiDitStatuses').html("审核通过");
} else if (data[0].aiDitStatuses == 3) {
element.classList.add('planAuditStatus4');
$('#aiDitStatuses').html("审核不通过");
}
$('#auditUserName').html(data[0].auditUserName);
$('#auditTime').html(data[0].auditTime);
} else {
$('#aiDitStatuses').html("");
$('#auditUserName').html("");
$('#auditTime').html("待处理");
}
//总公司
if (data[0].aiDitStatusTotal) {
// 获取元素
var element = document.getElementById('aiDitStatusTotal');
// 移除旧的类
element.classList.remove('planAuditStatus3');
if (data[0].aiDitStatusTotal == 2) {
element.classList.add('planAuditStatus2');
$('#aiDitStatusTotal').html("审核通过");
} else if (data[0].aiDitStatusTotal == 3) {
element.classList.add('planAuditStatus4');
$('#aiDitStatusTotal').html("审核不通过");
}
$('#auditUserNameTotal').html(data[0].auditUserNameTotal);
$('#auditTimeTotal').html(data[0].auditTimeTotal);
} else {
$('#aiDitStatusTotal').html("");
$('#auditUserNameTotal').html("");
$('#auditTimeTotal').html("待处理");
}
for (var i = 0; i < data.length; i++) {
tableData.push({
id: data[i].id,
proName: data[i].proName,
yjId: data[i].yjId,
insMonth: data[i].insMonth,
workContent: data[i].workContent,
stateTime: data[i].stateTime,
enTime: data[i].enTime,
dutyUser: data[i].dutyUser,
supervisor: data[i].supervisor,
complete: data[i].complete,
remarks: data[i].remarks,
})
}
init();
} else {
init();
layer.alert("无数据,请联系管理员", {
icon: 2
});
}
});
}
function setAiDitStatus(status) {
$("#subComName").empty();
var text;
var color;
var html = "";
if (status == '2') {
text = '已通过';
color = '#19BE6B';
}
if (status == '0') {
text = '待审核';
color = '#FF9900';
}
if (status == '3') {
text = '未通过';
color = '#F56C6C';
}
if (status == '1') {
text = '已撤销';
color = '#999999';
}
html += "<span style='display: flex;align-items: center'>"
html += `<span style='width: 5px;height: 5px;background: ${color};border-radius: 50%'></span>&nbsp;&nbsp;`
html += `<span>${text}</span>`
html += "</span>"
$("#subComName").append(html);
}
// 静态数据
var tableData = [
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
];
/**
* 初始化数据
*/
function init(){
function init() {
// 渲染表格
table.render({
elem: '#table',
// url: "/sys/achievement",
// page: true,
skin: 'line', // 表格样式
cols: [[
{
cols: [
[{
title: '序号',
field: 'zizeng',
align: 'center',
type: 'numbers',
width: '5%'
},
{field:'lineName', title: '线路名称',align: 'center'},
{field:'workContent', title: '工作内容',align: 'center'},
{field:'planStartTime', title: '计划开始时间',align: 'center'},
{field:'planEndTime', title: '计划结束时间',align: 'center'},
{field:'liablePerson', title: '责任人(护线员)',align: 'center'},
{field:'proctorPerson', title: '督办人(设备主人)',align: 'center'},
{field:'standard', title: '完成标准',align: 'center'},
{field:'remark', title: '备注',align: 'center'},
]],
{
field: 'proName',
title: '线路名称',
align: 'center'
},
{
field: 'workContent',
title: '工作内容',
align: 'center'
},
{
field: 'stateTime',
title: '计划开始时间',
align: 'center'
},
{
field: 'enTime',
title: '计划结束时间',
align: 'center'
},
{
field: 'dutyUser',
title: '责任人(护线员)',
align: 'center'
},
{
field: 'supervisor',
title: '督办人(设备主人)',
align: 'center'
},
{
field: 'complete',
title: '完成标准',
align: 'center'
},
{
field: 'remarks',
title: '备注',
align: 'center'
},
]
],
data: tableData,
done: function(res, curr, count, origin){
console.log(res); // 得到当前渲染的数据
console.log(curr); // 得到当前页码
console.log(count); // 得到数据总量
console.log(origin); // 回调函数所执行的来源 --- 2.8.7+
laydate.render({
elem: '.planStartTime'
});
laydate.render({
elem: '.planEndTime'
});
done: function(res, curr, count, origin) {
},
});
@ -88,37 +191,66 @@ function init(){
//审核通过按钮点击
function pass(){
layer.confirm("是否确定审核通过?",{icon: 3},function(){
/* $.ajax({
type: 'post',
contentType: "application/x-www-form-urlencoded",
url: "",
dataType: 'json',
data: {
id: id
function pass() {
layer.confirm("是否确定审核通过?", {
icon: 3
}, function() {
// 加载提示
let loadingMsg = layer.msg('数据上传中,请稍候...', {
icon: 16,
scrollbar: false,
time: 0,
shade: [0.8, '#393D49']
});
// form请求地址
let formUrl = PATH_URL + "/inspectionPlan/updateDivideExamine";
$.ajax({
type: 'POST',
url: formUrl, // 请求地址
contentType: "application/json; charset=utf-8",
data: JSON.stringify({
"insMonth": insMonths,
"yjId": yjIds,
"id": ids,
"auditStatus": 4
}),
success: function(data) {
layer.close(loadingMsg); // 关闭提示层
if (data.code == 200) {
parent.layer.msg("审核成功", {
icon: 1
});
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
parent.layer.close(index); //再执行关闭
reloading();
} else {
layer.alert(data.msg);
}
},
success: function (data) {
},
}) */
error: function(XMLHttpRequest, textStatus, e) {
layer.close(loadingMsg);
layer.msg('数据请求发生异常,请稍后重试', {
icon: 16,
scrollbar: false
});
}
});
})
}
//审核不通过按钮点击
function noPass(){
function noPass() {
let height = '65%';
let width = '40%';
let width = '41%';
var index = layer.open({
title: ['审核不通过', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
type: 2,
content: './noPassReason.html',
area: [width, height],
maxmin: false,
success: function (layero, index) {
// var myIframe = window[layero.find('iframe')[0]['name']];
// myIframe.hideSubmit();
// var fnc = myIframe.setData(data.data); //aaa()为子页面的方法
success: function(layero, index) {
var myIframe = window[layero.find('iframe')[0]['name']];
var fnc = myIframe.setData(yjIds, insMonths, ids); //aaa()为子页面的方法
},
});
}

View File

@ -1,96 +1,204 @@
var pers = []
var table,form,laydate
layui.use(['form','layer','table','laydate'], function () {
table = layui.table;
form = layui.form;
laydate = layui.laydate
init();
setData();
});
function setData(){
$("#noPassReason").text("±500kV永富直流线填写作业内容不合理核算后重新填写上传±500kV永富直流线填写作业内容不合理核算后重新填写上传±500kV永富直流线填写作业内容不合理核算后重新填写上传±500kV永富直流线填写作业内容不合理核算后重新填写上传")
}
// 静态数据
var tableData = [
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
{id: 1, lineName: '±500kV永富直', workContent: '500kV草宝甲线开展2次/月巡视按全线开展。开展2次巡视第2次执行关键重要区段巡视。2、关键重要区段1关键交叉跨越管控区段#001-#003、#046-#047 2重要交叉跨越管控区段#107-#108、#115-#116 ', planStartTime: '2024-03-01', planEndTime: '2024-03-31', liablePerson: '周应福、毕兴武、李永辉', proctorPerson: '马俊伟', standard: '巡视表单、通话记录', remark: '备注'},
];
var table, form, laydate
var yjIds, insMonths;
// 静态数据
var tableData = [];
/**
* 初始化数据
*/
function init(){
function init() {
// 渲染表格
table.render({
elem: '#table',
// url: "/sys/achievement",
// page: true,
skin: 'line', // 表格样式
cols: [[
{
cols: [
[{
title: '序号',
field: 'zizeng',
align: 'center',
type: 'numbers',
width: '5%'
},
{field:'lineName', title: '线路名称',align: 'center'},
{field:'workContent', title: '工作内容',align: 'center'},
{field:'planStartTime', title: '计划开始时间',align: 'center'},
{field:'planEndTime', title: '计划结束时间',align: 'center'},
{field:'liablePerson', title: '责任人(护线员)',align: 'center'},
{field:'proctorPerson', title: '督办人(设备主人)',align: 'center'},
{field:'standard', title: '完成标准',align: 'center'},
{field:'remark', title: '备注',align: 'center'},
]],
{
field: 'proName',
title: '线路名称',
align: 'center'
},
{
field: 'workContent',
title: '工作内容',
align: 'center'
},
{
field: 'stateTime',
title: '计划开始时间',
align: 'center'
},
{
field: 'enTime',
title: '计划结束时间',
align: 'center'
},
{
field: 'dutyUser',
title: '责任人(护线员)',
align: 'center'
},
{
field: 'supervisor',
title: '督办人(设备主人)',
align: 'center'
},
{
field: 'complete',
title: '完成标准',
align: 'center'
},
{
field: 'remarks',
title: '备注',
align: 'center'
},
]
],
data: tableData,
done: function(res, curr, count, origin){
console.log(res); // 得到当前渲染的数据
console.log(curr); // 得到当前页码
console.log(count); // 得到数据总量
console.log(origin); // 回调函数所执行的来源 --- 2.8.7+
laydate.render({
elem: '.planStartTime'
});
laydate.render({
elem: '.planEndTime'
});
done: function(res, curr, count, origin) {
},
});
}
function setData(data, yjId, insMonth) {
yjIds = yjId;
insMonths = insMonth;
layui.use(['form', 'layer', 'table', 'laydate'], function() {
table = layui.table;
form = layui.form;
laydate = layui.laydate
if (data.length > 0) {
$('#fgsName').html(data[0].fgsName);
$('#yjName').html(data[0].yjName);
$('#insMonth').html(data[0].insMonth);
setAiDitStatus(data[0].aiDitStatus);
$('#createUser').html(data[0].createUser);
$('#createTime').html(data[0].createTime);
//分公司
if (data[0].aiDitStatuses) {
// 获取元素
var element = document.getElementById('aiDitStatuses');
// 移除旧的类
element.classList.remove('planAuditStatus3');
if(data[0].aiDitStatuses == 2){
element.classList.add('planAuditStatus2');
$('#aiDitStatuses').html("审核通过");
}else if(data[0].aiDitStatuses == 3){
element.classList.add('planAuditStatus4');
$('#aiDitStatuses').html("审核不通过");
$('#noPassReason').html(data[0].auditReason);
}
$('#auditUserName').html(data[0].auditUserName);
$('#auditTime').html(data[0].auditTime);
} else {
$('#aiDitStatuses').html("");
$('#auditUserName').html("");
$('#auditTime').html("待处理");
}
//总公司
if (data[0].aiDitStatusTotal) {
// 获取元素
var element = document.getElementById('aiDitStatusTotal');
// 移除旧的类
element.classList.remove('planAuditStatus3');
if(data[0].aiDitStatusTotal == 2){
element.classList.add('planAuditStatus2');
$('#aiDitStatusTotal').html("审核通过");
}else if(data[0].aiDitStatusTotal == 3){
element.classList.add('planAuditStatus4');
$('#aiDitStatusTotal').html("审核不通过");
$('#noPassReasonTotal').html(data[0].auditReason);
}
$('#auditUserNameTotal').html(data[0].auditUserNameTotal);
$('#auditTimeTotal').html(data[0].auditTimeTotal);
} else {
$('#aiDitStatusTotal').html("");
$('#auditUserNameTotal').html("");
$('#auditTimeTotal').html("待处理");
}
for (var i = 0; i < data.length; i++) {
tableData.push({
id: data[i].id,
proName: data[i].proName,
yjId: data[i].yjId,
insMonth: data[i].insMonth,
workContent: data[i].workContent,
stateTime: data[i].stateTime,
enTime: data[i].enTime,
dutyUser: data[i].dutyUser,
supervisor: data[i].supervisor,
complete: data[i].complete,
remarks: data[i].remarks,
})
}
init();
} else {
init();
layer.alert("无数据,请联系管理员", {
icon: 2
});
}
console.log(data)
});
}
function setAiDitStatus(status) {
$("#subComName").empty();
var text;
var color;
var html = "";
if (status == '2') {
text = '已通过';
color = '#19BE6B';
}
if (status == '0') {
text = '待审核';
color = '#FF9900';
}
if (status == '3') {
text = '未通过';
color = '#F56C6C';
}
if (status == '1') {
text = '已撤销';
color = '#999999';
}
html += "<span style='display: flex;align-items: center'>"
html += `<span style='width: 5px;height: 5px;background: ${color};border-radius: 50%'></span>&nbsp;&nbsp;`
html += `<span>${text}</span>`
html += "</span>"
$("#subComName").append(html);
}
//导出
function exportData(){
// let search1 = $('#search1').val();
// let search2 = $('#search2').val();
window.location.href = oiPlanUrl + "/monthlyPlanSubmission/export?token=" + token;
function exportData() {
window.location.href = PATH_URL + `/inspectionPlan/exportMonthPlanData?token=` + token +
"&insMonth=" + insMonths +
"&yjId=" + yjIds
layer.msg('下载中,请稍等', {
icon: 16,
scrollbar: false
});
}

View File

@ -5,156 +5,75 @@ var upload;
var id;
var formData;
var yjIds, insMonths, ids;
layui.use(['form', 'table', 'upload', 'laydate'], function () {
function setData(yjId, insMonth, id) {
yjIds = yjId;
insMonths = insMonth;
ids = id;
layui.use(['form', 'layer', 'table', 'laydate'], function() {
let form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功
form.render();
upload = layui.upload;
var laydate = layui.laydate;
laydate.render({
elem: '#dataTime'
});
uploadFile();
form.on('submit(formDemo)', function (data) {
add();
});
$("#closeBt").click(function(){
$("#closeBt").click(function() {
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
parent.layer.close(index); //再执行关闭
})
});
function uploadFile(){
var uploadcom = upload.render({
elem: '#test',
url: '', //改成您自己的上传接口
multiple: true, //是否允许多文件上传默认未false
dataType: "json",
// data: {"pickId": id},
exts: 'jpg|png|mp4',
//acceptMime: 'image/jpg,image/png,image/jpeg,file/pdf,file/xlsx',
auto: false, //是否自动上传 默认为true
number: 9, //最大上传数量
// size: 1024*5, //最大文件大小单位k
bindAction: '#hideUpload', //绑定的按钮
field: 'file', //传到后台的字段名,默认file
choose: function (obj) {
flag = false;
var suffixType = ''; //后缀类型
uploadcom.config.elem.next()[0].value = '';
obj.files = obj.pushFile();
startWorkFiles = obj.pushFile();
obj.preview(function (index, file, result) {
console.log(index); //得到文件索引
console.log(file.name); //得到文件对象
var files = $('#demo img')
if(files.length <= 2){
$('#demo').append(
'<div id="prove_' + index + '" style="display: inline-block">' +
'<div class="item">' +
'<div class="handle" style="margin-top: -28px" data-idx="prove_' + index + '">' +
'<i class="layui-icon layui-icon-delete" style="position: relative;top: 30px;left: 72px; font-size: 20px;color: red" data-idx="prove_' + index + '" ></i>' +
'</div>' +
'<img src="' + result + '" alt="' + file.name + '" title="' + file.name + '" data-index="prove_' + index + '" data-name="' + file.name + '" style="height: 100px;width: 100px;margin-right: 10px" class="layui-upload-img ">' +
'<div><span>' + (file.name.length > 8 ? (file.name.substr(0, 8) + "..") : file.name) + '</span></div>' +
'</div>'+
'</div>'
);
}else{
layer.msg('最多上传2张照片',{icon:2})
}
addDelete(startWorkFiles);
});
},
before: function (obj) {
this.data = {
photoType: "supplyChainBlack"
};
},
done: function (data) {
},
allDone: function (data) {
top.layer.close(loadingMsg);
top.layer.msg(data.msg, {icon: 1});
reloading();
},
error: function (e) {
//请求异常回调
console.log(e)
}
$("#searchBt").click(function() {
// 加载提示
let loadingMsg = layer.msg('数据上传中,请稍候...', {
icon: 16,
scrollbar: false,
time: 0,
shade: [0.8, '#393D49']
});
}
function add() {
// loadingMsg = top.layer.msg('数据上传中,请稍候...', {icon: 16, scrollbar: false, time: 0, shade: [0.8, '#393D49']});
var files = $('#demo img')
if(files.length == 0){
layer.msg('请上传文件', {icon: 2});
return;
}
// form请求地址
let formUrl = PATH_URL + "/inspectionPlan/updateDivideExamine";
let revokeReason = $("#revokeReason").val();
$.ajax({
type: 'POST',
async: true, // 默认异步true,false表示同步
url: ctxPath + '/supplyChainBlack/addBlack',
url: formUrl, // 请求地址
contentType: "application/json; charset=utf-8",
data: JSON.stringify(formData.field), //获取提交的表单字段
dataType: 'json', // 服务器返回数据类型
success: function (data) {
data: JSON.stringify({
"insMonth": insMonths,
"yjId": yjIds,
"id": ids,
"auditStatus": 2,
"auditReason":revokeReason
}),
success: function(data) {
layer.close(loadingMsg); // 关闭提示层
if (data.code == 200) {
$("#hideUpload").trigger("click");
parent.layer.msg("审核成功", {
icon: 1
});
var index = parent.layer.getFrameIndex(window
.name); //先得到当前 iframe层的索引
parent.layer.close(index); //再执行关闭
reloading();
} else {
layer.alert(data.msg, {icon: 2});
layer.alert(data.msg);
}
},
error: function (XMLHttpRequest, textStatus, e) {
top.layer.close(loadingMsg);
layer.msg('数据请求发生异常,请稍后重试', {icon: 16, scrollbar: false});
error: function(XMLHttpRequest, textStatus, e) {
layer.close(loadingMsg);
layer.msg('数据请求发生异常,请稍后重试', {
icon: 16,
scrollbar: false
});
}
});
});
});
}
var deletePhoto = [];
function delPhoto(i,id) {
var parentcolor = document.getElementById("demo" + i);
var childcolor = document.getElementById(id + "");
var path = childcolor.name;
deletePhoto.push(path);
parentcolor.removeChild(childcolor);
var photoNum = $("#demo" + i).children().length;
if (photoNum == 0) {
$("#preview" + i).css("display", "none");
}
}
function addDelete(arr) {
$('#demo').click(function (e) {
var target = $(e.target)
if (target.hasClass('handle') || target.hasClass('layui-icon')) {
var dataIdx = target.attr('data-idx')
var filePath = $('#' + dataIdx).children().children().next().attr('file')
delete arr[dataIdx]; // 通过获取绑定在标签上的index删除files对象中对应的key属性即可
target.parents('.item').remove() // 页面文件标签也删除
}
});
}
//设置弹窗关闭
function reloading() {
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
parent.layer.close(index); //再执行关闭
window.parent.location.reload();
}
//字数检测
function wordCount(event){
var count = $("#revokeReason").val().length;
$("#wordCount").text(count);
}

View File

@ -1,133 +1,146 @@
var pers = []
var table,form,laydate
layui.use(['form','layer','table','laydate'], function () {
var table, form, laydate
layui.use(['form', 'layer', 'table', 'laydate'], function() {
table = layui.table;
form = layui.form;
laydate = layui.laydate
//初始化日期选择框
laydate.render({
elem: '#dataTime',
elem: '#insMonth',
type: 'month',
btns: ['now', 'confirm']
});
// 触发submit提交 按钮点击或者表单被执行提交时触发
form.on('submit(query)', function (data) {
console.log("搜索")
// 对表格进行重载。id 即 table表格的id
table.reload('table', {
// //设定异步数据接口的额外参数
page:{curr : 1}
,where: data.field
})
return false; // 阻止表单跳转。如果需要表单跳转,去掉这段即可。
});
$("#reset").click(function(){
console.log("重置")
$('#search1').val('');
$('#search2').val('');
$('#search3').val('');
let obj = {
search1:'',
search2:'',
search3:''
}
// 对表格进行重载。id 即 table表格的id
table.reload('table', {
// //设定异步数据接口的额外参数
page:{curr : 1}
,where: obj
})
})
table.on('tool(table)', function (obj) {
switch (obj.event) {
case 'details':
console.log('详情',obj)
detailsView(obj.id)
break;
case 'uploadResult':
console.log('上传结果',obj)
updateView()
break;
}
});
init();
});
// 静态数据
var tableData = [
{id: 1, comName: '运检一公司',sName: '昆明运检一站', month: '2024-03', workPlan: '21', subPerson: '郭福林', subTime: '2024-02-28 18:10:10', status: '1'},
{id: 1, comName: '运检一公司',sName: '昆明运检一站', month: '2024-03', workPlan: '21', subPerson: '郭福林', subTime: '2024-02-28 18:10:10', status: '1'},
{id: 1, comName: '运检一公司',sName: '昆明运检一站', month: '2024-03', workPlan: '21', subPerson: '郭福林', subTime: '2024-02-28 18:10:10', status: '1'},
{id: 1, comName: '运检一公司',sName: '昆明运检一站', month: '2024-03', workPlan: '21', subPerson: '郭福林', subTime: '2024-02-28 18:10:10', status: '2'},
{id: 1, comName: '运检一公司',sName: '昆明运检一站', month: '2024-03', workPlan: '21', subPerson: '郭福林', subTime: '2024-02-28 18:10:10', status: '2'},
{id: 1, comName: '运检一公司',sName: '昆明运检一站', month: '2024-03', workPlan: '21', subPerson: '郭福林', subTime: '2024-02-28 18:10:10', status: '2'},
{id: 1, comName: '运检一公司',sName: '昆明运检一站', month: '2024-03', workPlan: '21', subPerson: '郭福林', subTime: '2024-02-28 18:10:10', status: '3'},
{id: 1, comName: '运检一公司',sName: '昆明运检一站', month: '2024-03', workPlan: '21', subPerson: '郭福林', subTime: '2024-02-28 18:10:10', status: '3'},
{id: 1, comName: '运检一公司',sName: '昆明运检一站', month: '2024-03', workPlan: '21', subPerson: '郭福林', subTime: '2024-02-28 18:10:10', status: '3'},
{id: 1, comName: '运检一公司',sName: '昆明运检一站', month: '2024-03', workPlan: '21', subPerson: '郭福林', subTime: '2024-02-28 18:10:10', status: '4'},
{id: 1, comName: '运检一公司',sName: '昆明运检一站', month: '2024-03', workPlan: '21', subPerson: '郭福林', subTime: '2024-02-28 18:10:10', status: '4'},
{id: 1, comName: '运检一公司',sName: '昆明运检一站', month: '2024-03', workPlan: '21', subPerson: '郭福林', subTime: '2024-02-28 18:10:10', status: '4'},
{id: 1, comName: '运检一公司',sName: '昆明运检一站', month: '2024-03', workPlan: '21', subPerson: '郭福林', subTime: '2024-02-28 18:10:10', status: '4'},
{id: 1, comName: '运检一公司',sName: '昆明运检一站', month: '2024-03', workPlan: '21', subPerson: '郭福林', subTime: '2024-02-28 18:10:10', status: '4'}
];
//查询
function queryClick() {
let fgsName = $('#fgsName').val();
let yjName = $('#yjName').val();
let insMonth = $('#insMonth').val();
let aiDitStatus = $('#aiDitStatus').val();
table.reload('layui_table', {
where: {
fgsId: '26',
fgsName: fgsName,
yjName: yjName,
insMonth: insMonth,
aiDitStatus: aiDitStatus,
}
})
}
//重置
function resetClick() {
$('#fgsName').val('');
$('#yjName').val('');
$('#insMonth').val('');
$('#aiDitStatus').val('0');
form.render();
table.reload('layui_table', {
where: {
fgsId: "26",
fgsName: "",
yjName: "",
insMonth: "",
aiDitStatus: "",
}
})
}
/**
* 初始化数据
*/
function init(){
function init() {
let aiDitStatus = $('#aiDitStatus').val();
// 渲染表格
table.render({
id: 'layui_table',
elem: '#table',
// url: "/sys/achievement",
url: PATH_URL + '/inspectionPlan/getLineProjectListAuditPage',
where: {
fgsId: '26',
aiDitStatus: aiDitStatus
},
page: true,
method: 'post',
skin: 'line', // 表格样式
cols: [[
{
cols: [
[{
title: '序号',
field: 'zizeng',
align: 'center',
type: 'numbers',
width: '5%'
},
{field:'comName', title: '分公司',align: 'center',width: '15%'},
{field:'sName', title: '运检站',align: 'center',width: '15%'},
{field:'month', title: '月份',align: 'center',width: '6%'},
{field:'workPlan', title: '工程计划数量',align: 'center',width: '7%'},
{field:'subPerson', title: '提交人',align: 'center',width: '7%'},
{field:'subTime', title: '提交时间',align: 'center',width: '15%'},
{
field: 'fgsName',
title: '分公司',
align: 'center',
width: '15%'
},
{
field: 'yjName',
title: '运检站',
align: 'center',
width: '15%'
},
{
field: 'insMonth',
title: '月份',
align: 'center',
width: '6%'
},
{
field: 'proPlanNum',
title: '工程计划数量',
align: 'center',
width: '7%'
},
{
field: 'createUser',
title: '提交人',
align: 'center',
width: '7%'
},
{
field: 'createTime',
title: '提交时间',
align: 'center',
width: '15%'
},
{
field: '',
title: '审核状态',
align: 'center',
width: '10%',
templet: function(d){
var status = d.status;
templet: function(d) {
var status = d.aiDitStatus;
console.log(status)
var text;
var color;
var html = "";
if(status == '1'){
text = '已审核';
if (status == '2') {
text = '已通过';
color = '#19BE6B';
}
if(status == '2'){
if (status == '0') {
text = '待审核';
color = '#FF9900';
}
if(status == '3'){
if (status == '3') {
text = '未通过';
color = '#F56C6C';
}
if(status == '4'){
if (status == '1') {
text = '已撤销';
color = '#999999';
}
html += "<span style='display: flex;justify-content: center;align-items: center'>"
html += `<span style='width: 5px;height: 5px;background: ${color};border-radius: 50%'></span>&nbsp;&nbsp;`
html +=
"<span style='display: flex;justify-content: center;align-items: center'>"
html +=
`<span style='width: 5px;height: 5px;background: ${color};border-radius: 50%'></span>&nbsp;&nbsp;`
html += `<span>${text}</span>`
html += "</span>"
return html;
@ -138,112 +151,180 @@ function init(){
title: '操作',
align: 'center',
width: '20%',
templet: function(d){
var id= d.id;
var status = d.status;
templet: function(d) {
var id = d.id;
var yjId = d.yjId;
var insMonth = d.insMonth;
var status = d.aiDitStatus;
var text;
var html = "";
if(status == '1'){
if (status == '2') {
//已审核
html += `<button class="layui-btn layui-btn-sm" onclick="detailsView('${id}')">详情</button>`
html += `<button class="layui-btn layui-btn-sm layui-btn-primary" onclick="exportData('${id}')">导出</button>`
html +=
`<button class="layui-btn layui-btn-sm" onclick="detailsView('${yjId}','${insMonth}')">详情</button>`
html +=
`<button class="layui-btn layui-btn-sm layui-btn-primary" onclick="exportDataDetails('${yjId}','${insMonth}')">导出</button>`
}
if(status == '2'){
//待审核
html += `<button class="layui-btn layui-btn-sm" onclick="detailsView('${id}')">详情</button>`
html += `<button type="button" class="layui-btn layui-btn-sm layui-bg-orange" onclick="auditView('${id}')">审批</button>`
html += `<button class="layui-btn layui-btn-sm layui-btn-primary" onclick="exportData('${id}''${id}')">导出</button>`
if (status == '0') {
//分公司待审核
html +=
`<button class="layui-btn layui-btn-sm" onclick="detailsView('${yjId}','${insMonth}')">详情</button>`
html +=
`<button type="button" class="layui-btn layui-btn-sm layui-bg-orange" onclick="auditView('${yjId}','${insMonth}','${id}')">审批</button>`
html +=
`<button class="layui-btn layui-btn-sm layui-btn-primary" onclick="exportDataDetails('${yjId}','${insMonth}')">导出</button>`
}
if(status == '3'){
if (status == '4') {
//总公司待审核
html +=
`<button class="layui-btn layui-btn-sm" onclick="detailsView('${yjId}','${insMonth}')">详情</button>`
html +=
`<button type="button" class="layui-btn layui-btn-sm layui-bg-orange" onclick="auditTotalView('${yjId}','${insMonth}','${id}')">审批</button>`
html +=
`<button class="layui-btn layui-btn-sm layui-btn-primary" onclick="exportDataDetails('${yjId}','${insMonth}')">导出</button>`
}
if (status == '3') {
//未通过
html += `<button class="layui-btn layui-btn-sm" onclick="detailsView('${id}')">详情</button>`
html += `<button class="layui-btn layui-btn-sm layui-btn-primary" onclick="exportData('${id}')">导出</button>`
html +=
`<button class="layui-btn layui-btn-sm" onclick="detailsView('${yjId}','${insMonth}')">详情</button>`
html +=
`<button class="layui-btn layui-btn-sm layui-btn-primary" onclick="exportDataDetails('${yjId}','${insMonth}')">导出</button>`
}
return html;
},
}
]],
data: tableData
]
],
});
}
//详情
function detailsView(id) {
/* $.ajax({
type: 'post',
contentType: "application/x-www-form-urlencoded",
url: oiPlanUrl + '/monthlyPlanSubmission/getDataById',
dataType: 'json',
data: {
id: id
},
success: function (data) {
var index = layer.open({
title: ['详情', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
type: 2,
content: './wagesReport/producePayrollDetails.html',
area: [width, height],
maxmin: false,
success: function (layero, index) {
console.log(data);
var myIframe = window[layero.find('iframe')[0]['name']];
myIframe.hideSubmit();
// var fnc = myIframe.setData(data.data); //aaa()为子页面的方法
},
});
}
}) */
//测试
function detailsView(yjId, insMonth) {
let height = '98%';
let width = '99%';
let width = '95%';
$.ajax({
type: 'POST',
url: PATH_URL + '/inspectionPlan/getDetails',
contentType: "application/json; charset=utf-8",
data: JSON.stringify({
"yjId": yjId,
"insMonth": insMonth
}),
success: function(data) {
console.log("data:", data)
var index = layer.open({
title: ['月计划详情', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
title: ['月计划详情'],
type: 2,
content: './monthPlanDetails.html',
area: [width, height],
maxmin: false,
success: function (layero, index) {
// var myIframe = window[layero.find('iframe')[0]['name']];
success: function(layero, index) {
// console.log(data);
var myIframe = window[layero.find('iframe')[0]['name']];
// myIframe.hideSubmit();
// var fnc = myIframe.setData(data.data); //aaa()为子页面的方法
var fnc = myIframe.setData(data.data, yjId, insMonth); //aaa()为子页面的方法
},
});
}
})
}
//审批
function auditView(id){
function auditView(yjId, insMonth,id) {
let height = '98%';
let width = '99%';
let width = '95%';
$.ajax({
type: 'POST',
url: PATH_URL + '/inspectionPlan/getDetails',
contentType: "application/json; charset=utf-8",
data: JSON.stringify({
"yjId": yjId,
"insMonth": insMonth
}),
success: function(data) {
var index = layer.open({
title: ['月计划审核', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
title: ['月计划审核'],
type: 2,
content: './monthPlanAudit.html',
area: [width, height],
maxmin: false,
success: function (layero, index) {
// var myIframe = window[layero.find('iframe')[0]['name']];
success: function(layero, index) {
// console.log(data);
var myIframe = window[layero.find('iframe')[0]['name']];
// myIframe.hideSubmit();
// var fnc = myIframe.setData(data.data); //aaa()为子页面的方法
var fnc = myIframe.setData(data.data, yjId, insMonth,id); //aaa()为子页面的方法
},
});
}
//删除
function delData(id){
layer.confirm("确定删除吗?", {icon: 0}, function () {
}
})
}
//总公司审批
function auditTotalView(yjId, insMonth,id) {
let height = '98%';
let width = '95%';
$.ajax({
type: 'POST',
url: PATH_URL + '/inspectionPlan/getDetails',
contentType: "application/json; charset=utf-8",
data: JSON.stringify({
"yjId": yjId,
"insMonth": insMonth
}),
success: function(data) {
var index = layer.open({
title: ['月计划审核'],
type: 2,
content: './monthPlanAuditTotal.html',
area: [width, height],
maxmin: false,
success: function(layero, index) {
// console.log(data);
var myIframe = window[layero.find('iframe')[0]['name']];
// myIframe.hideSubmit();
var fnc = myIframe.setData(data.data, yjId, insMonth,id); //aaa()为子页面的方法
},
});
}
})
}
//导出
function exportData() {
let fgsName = $('#fgsName').val();
let yjName = $('#yjName').val();
let insMonth = $('#insMonth').val();
let aiDitStatus = $('#aiDitStatus').val();
let fgsId = '26'
window.location.href = PATH_URL + `/inspectionPlan/exportAuditPlanData?token=` + token +
"&fgsName=" + fgsName +
"&yjName=" + yjName +
"&insMonth=" + insMonth +
"&aiDitStatus=" + aiDitStatus + "&fgsId=" + fgsId
layer.msg('下载中,请稍等', {
icon: 16,
scrollbar: false
});
}
//导出
function exportData(){
// let search1 = $('#search1').val();
// let search2 = $('#search2').val();
window.location.href = oiPlanUrl + "/monthlyPlanSubmission/export?token=" + token;
function exportDataDetails(yjId, insMonth) {
window.location.href = PATH_URL + `/inspectionPlan/exportMonthPlanData?token=` + token +
"&insMonth=" + insMonth +
"&yjId=" + yjId
layer.msg('下载中,请稍等', {
icon: 16,
scrollbar: false
});
}

View File

@ -1,6 +1,6 @@
var pers = []
var table,form,laydate
layui.use(['form','layer','table','laydate'], function () {
var table, form, laydate
layui.use(['form', 'layer', 'table', 'laydate'], function() {
table = layui.table;
form = layui.form;
laydate = layui.laydate
@ -8,7 +8,7 @@ layui.use(['form','layer','table','laydate'], function () {
init()
});
var yjIds,insMonths;
var yjIds, insMonths;
// 静态数据
var tableData = [];
@ -16,42 +16,75 @@ var tableData = [];
/**
* 初始化数据
*/
function init(){
function init() {
// 渲染表格
table.render({
elem: '#table',
// url: "/sys/achievement",
// page: true,
skin: 'line', // 表格样式
cols: [[
{
cols: [
[{
title: '序号',
field: 'zizeng',
align: 'center',
type: 'numbers',
width: '5%'
},
{field:'proName', title: '线路名称',align: 'center'},
{field:'workContent', title: '工作内容',align: 'center'},
{field:'stateTime', title: '计划开始时间',align: 'center'},
{field:'enTime', title: '计划结束时间',align: 'center'},
{field:'dutyUser', title: '责任人(护线员)',align: 'center'},
{field:'supervisor', title: '督办人(设备主人)',align: 'center'},
{field:'complete', title: '完成标准',align: 'center'},
{field:'remarks', title: '备注',align: 'center'},
]],
{
field: 'proName',
title: '线路名称',
align: 'center'
},
{
field: 'workContent',
title: '工作内容',
align: 'center'
},
{
field: 'stateTime',
title: '计划开始时间',
align: 'center'
},
{
field: 'enTime',
title: '计划结束时间',
align: 'center'
},
{
field: 'dutyUser',
title: '责任人(护线员)',
align: 'center'
},
{
field: 'supervisor',
title: '督办人(设备主人)',
align: 'center'
},
{
field: 'complete',
title: '完成标准',
align: 'center'
},
{
field: 'remarks',
title: '备注',
align: 'center'
},
]
],
data: tableData,
done: function(res, curr, count, origin){
done: function(res, curr, count, origin) {
},
});
}
function setData(data,yjId,insMonth){
function setData(data, yjId, insMonth) {
yjIds = yjId;
insMonths = insMonth;
if(data.length>0){
if (data.length > 0) {
$('#fgsName').html(data[0].fgsName);
$('#yjName').html(data[0].yjName);
$('#insMonth').html(data[0].insMonth);
@ -62,22 +95,22 @@ function setData(data,yjId,insMonth){
$('#createTime').html(data[0].createTime);
//分公司
if(data[0].aiDitStatuses){
if (data[0].aiDitStatuses) {
$('#aiDitStatuses').html(data[0].aiDitStatuses);
$('#auditUserName').html(data[0].auditUserName);
$('#auditTime').html(data[0].auditTime);
}else{
} else {
$('#aiDitStatuses').html("");
$('#auditUserName').html("");
$('#auditTime').html("");
}
//总公司
if(data[0].aiDitStatusTotal){
if (data[0].aiDitStatusTotal) {
$('#aiDitStatusTotal').html(data[0].aiDitStatusTotal);
$('#auditUserNameTotal').html(data[0].auditUserNameTotal);
$('#auditTimeTotal').html(data[0].auditTimeTotal);
}else{
} else {
$('#aiDitStatusTotal').html("");
$('#auditUserNameTotal').html("");
$('#auditTimeTotal').html("");
@ -87,21 +120,21 @@ function setData(data,yjId,insMonth){
tableData.push({
id: data[i].id,
proName: data[i].proName,
yjId:data[i].yjId,
insMonth:data[i].insMonth,
yjId: data[i].yjId,
insMonth: data[i].insMonth,
workContent:data[i].workContent,
stateTime:data[i].stateTime,
enTime:data[i].enTime,
dutyUser:data[i].dutyUser,
supervisor:data[i].supervisor,
complete:data[i].complete,
remarks:data[i].remarks,
workContent: data[i].workContent,
stateTime: data[i].stateTime,
enTime: data[i].enTime,
dutyUser: data[i].dutyUser,
supervisor: data[i].supervisor,
complete: data[i].complete,
remarks: data[i].remarks,
})
}
init();
}else{
} else {
layer.alert("无数据,请联系管理员", {
icon: 2
});
@ -109,24 +142,24 @@ function setData(data,yjId,insMonth){
}
function setAiDitStatus(status){
function setAiDitStatus(status) {
$("#subComName").empty();
var text;
var color;
var html = "";
if(status == '2'){
if (status == '2') {
text = '已通过';
color = '#19BE6B';
}
if(status == '0'){
if (status == '0') {
text = '待审核';
color = '#FF9900';
}
if(status == '3'){
if (status == '3') {
text = '未通过';
color = '#F56C6C';
}
if(status == '1'){
if (status == '1') {
text = '已撤销';
color = '#999999';
}
@ -140,12 +173,12 @@ function setAiDitStatus(status){
//导出
function exportData(){
function exportData() {
window.location.href = PATH_URL + `/inspectionPlan/exportMonthPlanData?token=` + token
+ "&insMonth=" + insMonths
+ "&yjId=" + yjIds
window.location.href = PATH_URL + `/inspectionPlan/exportMonthPlanData?token=` + token +
"&insMonth=" + insMonths +
"&yjId=" + yjIds
layer.msg('下载中,请稍等', {

View File

@ -121,7 +121,6 @@ function init(){
var yjId= d.yjId;
var insMonth= d.insMonth;
var status = d.aiDitStatus;
var status = d.aiDitStatus;
var text;
var html = "";
if(status == '2'){
@ -173,7 +172,7 @@ function detailsView(yjId,insMonth) {
var index = layer.open({
title: ['详情'],
title: ['月计划详情'],
type: 2,
content: './monthPlanDetails.html',
area: [width, height],
@ -201,7 +200,7 @@ function revokeView(yjId,insMonth){
success: function (data) {
layer.close(index);
if (data.code == 200) {
layer.confirm("撤销成功", {icon: 1}, function () {
layer.msg("撤销成功", {icon: 1}, function () {
table.reload('layui_table', {
where: {
yjId:yjId,