<!DOCTYPE html>
|
<html lang="en">
|
<head>
|
<meta charset="UTF-8">
|
<title>拉西瓦水电站监测展示后台</title>
|
<link rel="stylesheet" href="/css/zxx/public.css">
|
<link rel="stylesheet" href="/css/zxx/indexPublic.css">
|
<link rel="stylesheet" href="/css/zxx/creatMjxk.css">
|
<link rel="stylesheet" href="/layui/css/layui.css">
|
<link rel="stylesheet" href="/ajax/libs/datapicker/bootstrap-datetimepicker.min.css"/>
|
<link th:href="@{/ruoyi/css/ry-ui.css}" rel="stylesheet"/>
|
<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
|
<script src="../static/js/zxx/flexible.js" th:src="@{/js/zxx/flexible.js}"></script>
|
<script type="text/javascript" src="/layui/layui.js"></script>
|
<script src="../static/ajax/libs/datapicker/bootstrap-datetimepicker.min.js" th:src="@{/ajax/libs/datapicker/bootstrap-datetimepicker.min.js}"></script>
|
<!-- <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">-->
|
</head>
|
<style>
|
.time-input {
|
width: 2.1042rem;
|
height: 0.2917rem;
|
line-height: 0.2917rem;
|
color: #fff;
|
background:url("/img/zxx/mj-kuang1.png") no-repeat center;
|
background-size: 100% 100%;
|
padding:0 0.2083rem;
|
box-sizing: border-box;
|
margin-left:0.1042rem;
|
}
|
.back {
|
color: #fff;
|
font-size: 0.09375rem;
|
line-height: 0.09375rem;
|
cursor:pointer;
|
}
|
.layui-layer-btn .layui-layer-btn0 {
|
border-color: #1E9FFF;
|
background-color: #1E9FFF;
|
color: #fff;
|
visibility: hidden;
|
}
|
.layui-layer-btn a {
|
height: 28px;
|
line-height: 28px;
|
margin: 5px 5px 0;
|
padding: 0 15px;
|
border: 1px solid #dedede;
|
background-color: #fff;
|
color: #f2f2f2;
|
border-radius: 1px solid #68d8fe;
|
font-weight: 400;
|
cursor: pointer;
|
text-decoration: none;
|
border: 1px solid #68d8fe;
|
background-color: #0c1e2e;
|
visibility: hidden;
|
}
|
.layui-layer-btn {
|
text-align: right;
|
padding: 0 15px 12px;
|
pointer-events: auto;
|
user-select: none;
|
-webkit-user-select: none;
|
background-color: #00a4b3;
|
}
|
div.layui-layer-title {
|
padding: 0 80px 0 20px;
|
height: 42px;
|
line-height: 42px;
|
border-bottom: 1px solid #eee;
|
font-size: 14px;
|
color: #333;
|
overflow: hidden;
|
background-color: #F8F8F8;
|
border-radius: 2px 2px 0 0;
|
background-color: #00a4b3;
|
}
|
.back1 {
|
color: #fff;
|
font-size: 0.09375rem;
|
line-height: 0.09375rem;
|
cursor: pointer;
|
margin-left: -50px;
|
margin-top: 5px;
|
}
|
</style>
|
<body>
|
<!--<i id="loading" style="position: absolute;top: 50%;left: 50%;z-index: 9999;color:#4196ff;display:none" class="fa fa-spinner fa-pulse fa-5x"></i>-->
|
<div class="index-wrap">
|
<div class="index-header">
|
<div class="titlesBox">
|
<!--<h1 class="title1">拉西瓦水电站监测展示后台</h1>
|
<h2 class="title2">Laxiwa Hydropower Station monitoring display background</h2>-->
|
<img class="hearLogo" src="/img/zxx/hearLogo.png" alt="">
|
<div class="titleName">
|
<h1>青海黄河水电公司拉西瓦发电分公司</h1>
|
<h2>智慧门禁管理平台：许可管理</h2>
|
</div>
|
</div>
|
<ul class="nav-left">
|
<li class="nav-block" onclick="goFirstPage()">
|
<span class="back1">首页</span>
|
</li>
|
</ul>
|
<!--<ul class="nav-left">
|
<li class="nav-block" onclick="history.back()">
|
<img src="/img/zxx/backIcon.png" alt="">
|
<span class="back">返回</span>
|
</li>
|
</ul>-->
|
</div>
|
<div class="mj-main-box">
|
<div class="mj-main-right">
|
<div class="mj-main-right-inside">
|
|
</div>
|
|
</div>
|
<div class="mj-main-left-newBox">
|
<div class="mj-main-left">
|
<div class="mj-main-block1">
|
<div class="mode-box">
|
<label class="layui-form-label">授权类型</label>
|
<div class="layui-input-block">
|
<label class="lay-font">
|
<input type="radio" name="mode" value="0" title="临时授权" checked onclick="isShowOrdrNo(this)">
|
临时授权
|
</label>
|
<label class="lay-font">
|
<input type="radio" name="mode" value="1" title="工作票授权" onclick="isShowOrdrNo(this)">
|
工作票授权
|
</label>
|
<label class="lay-font">
|
<input type="radio" name="mode" value="2" title="外包工程工作票授权" onclick="isShowOrdrNo(this)">
|
外包工程工作票授权
|
</label>
|
</div>
|
<div class="layui-input-inline" style="margin-left:7%">
|
<input type="text" id="orderNo" class="selectBox" placeholder="请输入工作票号"/>
|
</div>
|
</div>
|
<input type="hidden" id="orderId" />
|
<div class="mj-mainBlock">
|
<div class="main-block1">
|
<div class="block-line">
|
<h1>权限开始时间</h1>
|
<!-- <div class="mj-kuang">2020年5月5日14时50分</div>-->
|
<input type="text" class="time-input" id="startTime" placeholder="权限开始时间"/>
|
</div>
|
<div class="block-line">
|
<h1 id="tn">工作任务名称</h1>
|
<input id="taskName" class="mj-kuang"></input>
|
</div>
|
</div>
|
<div class="main-block1">
|
<div class="block-line">
|
<h1>权限结束时间</h1>
|
<!-- <div class="mj-kuang">2020年5月6日14时50分</div>-->
|
<input type="text" class="time-input" id="endTime" placeholder="权限结束时间"/>
|
</div>
|
<div class="block-line">
|
<h1>工作负责人</h1>
|
<input onclick="goUserTree()" id="userName" class="mj-kuang"></input>
|
<input type="hidden" id="userId" />
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="mj-main-flex">
|
<div class="mj-main-block2">
|
<div class="mj-main-inside1">
|
<div class="mj-main-scroll" id="treeBox"></div>
|
</div>
|
<div class="mj-main-inside1">
|
<div class="mj-main-scroll">
|
<div class="layui-tab" lay-allowClose="true" id="layuiTabDivId">
|
<!--<ul class="layui-tab-title">
|
<li class="nameTab">abjkds </li>
|
</ul>
|
<ul class="layui-tab-title">
|
<li class="nameTab">abjkds </li>
|
</ul>-->
|
</div>
|
</div>
|
|
</div>
|
|
</div>
|
<div style="display: flex;flex-direction: column">
|
<div class="block-line" style="display:flex;justify-content:center;">
|
<h1>区域模板</h1>
|
<select name="" id="tempArea" class="mj-kuang" style="color:#fff;" onchange="addTempArea()">
|
<option value="">请选择</option>
|
</select>
|
</div>
|
<div class="mj-main-block3" style="margin-top:10px;height:calc(85% - 10px)">
|
<div class="mj-main-inside1">
|
<div class="mj-main-scroll" id="treeBox2"></div>
|
</div>
|
<div class="mj-main-inside1">
|
<div class="mj-main-scroll">
|
<div class="layui-tab" lay-allowClose="true" id="layuiTab2DivId">
|
<!-- <ul class="layui-tab-title">
|
<li class="nameTab">abjkds </li>
|
</ul>
|
<ul class="layui-tab-title">
|
<li class="nameTab">abjkds </li>
|
</ul>-->
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
|
</div>
|
<div class="mj-footer-box">
|
|
<div class="footer-index">
|
|
<div class="mode-box2">
|
<div class="mode-btn" onclick="clearInterface()">
|
<img src="/img/zxx/mode-btn1.png" alt="">
|
<h1>清空</h1>
|
</div>
|
<div id="updateAuth" class="mode-btn" onclick="updateOrder()">
|
<img src="/img/zxx/mode-btn2.png" alt="">
|
<h1>修改</h1>
|
</div>
|
<div id="submitAuth" class="mode-btn" onclick="submit()">
|
<img src="/img/zxx/mode-btn3.png" alt="">
|
<h1>授权</h1>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
<script src="/js/zxx/ajaxUtil.js"></script>
|
<script th:src="@{/ruoyi/js/common.js?v=4.3.1}"></script>
|
<script>
|
var status = false; //用户是否重复标识
|
var areaStatus = false; //区域是否重复标识
|
|
$(function () {
|
$('#orderNo').hide();
|
var dateStr = getCurrentDate(new Date());
|
$("#startTime").val(dateStr);
|
|
$("#updateAuth").attr("onclick",""); //修改按钮状态默认无效
|
$("#updateAuth").css("border", "0px");
|
|
//获取区域门禁
|
$.operate.post("/station/order/getAreaDoor", {}, getAreaDoor);
|
//获取门禁许可（工单）
|
$.operate.post("/station/order/getOrderList", {validFlag:1}, getOrderList);
|
|
$('#orderNo').bind("blur",function () {
|
if($(this).val() != null && $(this).val() != "") {
|
$.operate.post("/station/order/checkOrderNoRepeat", {orderNo:$(this).val()}, checkOrderNoRepeat);
|
}
|
function checkOrderNoRepeat(res) {
|
if(res.code == 0) {
|
if(res.data > 0) {
|
layer.msg('工作票号重复！', {time: 1000, icon:6});
|
return;
|
}
|
}else {
|
layer.msg('工作票号查重失败，请联系管理员！', {time: 1000, icon:6});
|
return;
|
}
|
}
|
});
|
|
$.operate.post("/station/templatearea/list2", {}, getTemplateareaList);
|
});
|
var data1 = '';
|
function getAreaDoor(res) {
|
console.info(res);
|
data1 = res.data;
|
|
//获取部门用户信息
|
$.operate.post("/station/order/getDeptUsers", {}, getDeptUsers);
|
}
|
function getDeptUsers(res) {
|
console.info(res);
|
var data = res.data;
|
layui.use(['tree','transfer','element'],function (args) {
|
var transfer = layui.transfer
|
tree = layui.tree
|
element = layui.element;
|
tree.render({
|
elem: '#treeBox'
|
,data: data
|
,showCheckbox: false //是否显示复选框
|
,showLine: false //是否开启连接线
|
,id: 'demoId1'
|
,isJump: true //是否允许点击节点时弹出新窗口跳转
|
,dblclick: function(obj){
|
var title = obj.data.title; //获取当前点击的节点数据
|
console.log(obj.data)
|
if(obj.data.children != null && typeof obj.data.children != "undefined") {
|
getUsers(obj.data.children);
|
}else {
|
checkRepeatUser(obj.data.id);
|
if(status == 'true') {
|
checkUserInOrder(obj, false);
|
}
|
}
|
}
|
});
|
tree.render({
|
elem: '#treeBox2'
|
,data: data1
|
,showCheckbox: false //是否显示复选框
|
,showLine: false //是否开启连接线
|
,id: 'demoId2'
|
,isJump: true //是否允许点击节点时弹出新窗口跳转
|
,dblclick: function(obj){
|
var title = obj.data.title; //获取当前点击的节点数据
|
console.info(obj.data);
|
// layer.msg('状态：'+ obj.state + '<br>节点数据：' + JSON.stringify(obj));
|
if(obj.data.children != null && typeof obj.data.children != "undefined") {
|
var htmlStr = `<ul class="layui-tab-title" id="`+obj.data.id+`" onclick="checkArea(this)">
|
<li class="nameTab"> `+obj.data.title+` </li>
|
</ul>`;
|
$('#layuiTab2DivId').append(htmlStr);
|
layui.element.init();
|
getAreas(obj.data.children);
|
}else {
|
checkRepeatArea(obj.data.id);
|
if(areaStatus) {
|
var htmlStr = `<ul class="layui-tab-title" id="`+obj.data.id+`" onclick="checkArea(this)">
|
<li class="nameTab"> ${title} </li>
|
</ul>`;
|
$('#layuiTab2DivId').append(htmlStr);
|
layui.element.init();
|
}
|
}
|
}
|
});
|
//按钮事件
|
/*util.event('lay-demo', {
|
getChecked: function(othis){
|
var checkedData = tree.getChecked('demoId1'); //获取选中节点的数据
|
|
layer.alert(JSON.stringify(checkedData), {shade:0});
|
console.log(checkedData);
|
}
|
,setChecked: function(){
|
tree.setChecked('demoId1', [12, 16]); //勾选指定节点
|
}
|
,reload: function(){
|
//重载实例
|
tree.reload('demoId1', {
|
|
});
|
|
}
|
});*/
|
//递归判断获取用户
|
function getUsers(children) {
|
if(children != null && typeof children != "undefined") {
|
$.each(children, function (key, val) {
|
if(val.children != null && typeof val.children != "undefined") {
|
getUsers(val.children);
|
}else {
|
checkRepeatUser(val.id);
|
if(status == 'true') {
|
checkUserInOrder(val, true)
|
}
|
}
|
})
|
}
|
}
|
|
//递归判断获取区域
|
function getAreas(children) {
|
if(children != null && typeof children != "undefined") {
|
$.each(children, function (key, val) {
|
if(val.children != null && typeof val.children != "undefined") {
|
var htmlStr = `<ul class="layui-tab-title" id="`+val.id+`" onclick="checkArea(this)">
|
<li class="nameTab"> `+val.title+` </li>
|
</ul>`;
|
$('#layuiTab2DivId').append(htmlStr);
|
layui.element.init();
|
getAreas(val.children);
|
}else {
|
checkRepeatArea(val.id);
|
if(areaStatus) {
|
var htmlStr = `<ul class="layui-tab-title" id="`+val.id+`" onclick="checkArea(this)">
|
<li class="nameTab"> `+val.title+` </li>
|
</ul>`;
|
$('#layuiTab2DivId').append(htmlStr);
|
layui.element.init();
|
}
|
}
|
})
|
}
|
}
|
})
|
}
|
|
//判断重复用户
|
function checkRepeatUser(id) {
|
status = true;
|
if(typeof $('#layuiTabDivId') != "undefined") {
|
var users = $('#layuiTabDivId').children();
|
console.info(users);
|
$.each(users, function (key, val) {
|
if(val.id == id) {
|
status = false;
|
return false;
|
}
|
})
|
}
|
}
|
//判断重复区域
|
function checkRepeatArea(id) {
|
areaStatus = true;
|
if(typeof $('#layuiTab2DivId') != "undefined") {
|
var areas = $('#layuiTab2DivId').children();
|
console.info(areas);
|
$.each(areas, function (key, val) {
|
if(val.id == id) {
|
areaStatus = false;
|
return false;
|
}
|
})
|
}
|
}
|
|
//选择AB模式
|
function setABMode(val) {
|
if(val == 1) {
|
var users = $('#layuiTabDivId').children();
|
// console.info(users);
|
if(users != null && typeof users != "undefined") {
|
var htmlStr = [];
|
$.each(users, function (key, val) {
|
htmlStr.push('<option value="'+val.id+'">'+val.innerText.substr(0,val.innerText.length-1)+'</option>');
|
})
|
$('.selectBox').empty().append(htmlStr.join(''));
|
}
|
}else {
|
$('.selectBox').empty();
|
}
|
|
}
|
//移除用户
|
function checkUser(e) {
|
$("input[type='radio']").each(function () {
|
if ($(this).is(":checked")) {
|
if($(this).val() == 1) { //判断是否AB模式，是则拼接下拉框
|
setABMode(1);
|
}
|
}
|
})
|
$(e).remove();
|
}
|
//移除区域
|
function checkArea(e) {
|
$(e).remove();
|
}
|
|
//工作票号的显示/隐藏
|
function isShowOrdrNo(e) {
|
if(e.value != 0) {
|
$('#orderNo').show();
|
}else {
|
$('#orderNo').hide();
|
}
|
}
|
|
function biJiao(time1,time2){
|
var curTime = new Date();
|
var startTime = new Date(Date.parse(time1));
|
var endTime = new Date(Date.parse(time2));
|
return startTime>=endTime;
|
}
|
|
//提交
|
function submit() {
|
var form = {};
|
form.tempAreaId = $('#tempArea').val();
|
|
$("input[type='radio']").each(function () {
|
if ($(this).is(":checked")) {
|
form.openMode = $(this).val();
|
}
|
})
|
form.startTime = $('#startTime').val();
|
if(form.startTime == null || form.startTime == "" || typeof form.startTime == "undefined") {
|
layer.msg('请选择开始时间！', {time: 1000, icon:6});
|
return;
|
}
|
form.endTime = $('#endTime').val();
|
if(form.endTime == null || form.endTime == "" || typeof form.endTime == "undefined") {
|
layer.msg('请选择结束时间！', {time: 1000, icon:6});
|
return;
|
}
|
if(biJiao(form.startTime,form.endTime)){
|
layer.msg('开始时间不能大于或者等于结束时间！', {time: 1000, icon:6});
|
return;
|
}
|
form.userName = $('#userName').val();
|
if(form.userName == null || form.userName == "" || typeof form.userName == "undefined") {
|
layer.msg('请录入负责人！', {time: 1000, icon:6});
|
return;
|
}
|
form.userId = $('#userId').val();
|
if(form.userId == null || form.userId == "" || typeof form.userId == "undefined") {
|
layer.msg('用户ID为空，请联系管理员！', {time: 1000, icon:6});
|
return;
|
}
|
form.taskName = $('#taskName').val();
|
if(form.taskName == null || form.taskName == "" || typeof form.taskName == "undefined") {
|
layer.msg('请录入任务名称！', {time: 1000, icon:6});
|
return;
|
}
|
|
if(form.openMode == 1) { //如果是多人模式（工作票授权）则同行人不能为空
|
var userArr = [];
|
var userIdArr = [];
|
var users = $('#layuiTabDivId').children();
|
// console.info(users);
|
$.each(users, function (key, val) {
|
userArr.push(val.innerText.substr(0,val.innerText.length-1));
|
userIdArr.push(val.id);
|
})
|
form.userNames = userArr.join(",");
|
if(form.userNames == null || form.userNames == "" || typeof form.userNames == "undefined") {
|
layer.msg('请选择同行人！', {time: 1000, icon:6});
|
return;
|
}
|
form.userIds = userIdArr.join(",");
|
}
|
|
if(form.openMode == 0) { //如果是多人模式（工作票授权）则同行人不能为空
|
var userArr = [];
|
var userIdArr = [];
|
var users = $('#layuiTabDivId').children();
|
$.each(users, function (key, val) {
|
userArr.push(val.innerText.substr(0,val.innerText.length-1));
|
userIdArr.push(val.id);
|
})
|
form.userNames = userArr.join(",");
|
form.userIds = userIdArr.join(",");
|
}
|
|
if(form.openMode != 0) {
|
form.orderNo = $('#orderNo').val();
|
if(form.orderNo == null || form.orderNo == "") {
|
layer.msg('请录入工作票号！', {time: 1000, icon:6});
|
return;;
|
}
|
}
|
/*else if(form.openMode == 1) { //如果是AB模式则单选下拉框不能为空
|
var option = $(".selectBox option:selected");
|
form.userNames = option.text();
|
form.userIds = option.val();
|
if(form.userNames == null || form.userNames == "" || typeof form.userNames == "undefined") {
|
layer.msg('请选择同行人！', {time: 1000, icon:6});
|
return;
|
}
|
}*/
|
|
var areaArr = [];
|
var areaIdArr = [];
|
var areas = $('#layuiTab2DivId').children();
|
$.each(areas, function (key, val) {
|
areaArr.push(val.innerText.substr(0,val.innerText.length-1))
|
areaIdArr.push(val.id);
|
})
|
form.areaIds = areaIdArr.join(",");
|
form.areaNames = areaArr.join(",");
|
if(!form.areaNames&&!form.tempAreaId) {
|
layer.msg('请选择区域或区域模版！', {time: 1000, icon:6});
|
return;
|
}
|
//console.info(form);
|
$.operate.post("/station/order/addOrder", form, addOrder);
|
}
|
|
//增加工单
|
function addOrder(res) {
|
layer.msg(res.msg, {time: 1000, icon:6});
|
if(res.code == 0) {
|
clearInterface();
|
setTimeout(function () {
|
window.location.href = "/goStation";
|
}, 1000)
|
}
|
}
|
|
//检查用户是否已分配任务生成有效工单
|
function checkUserInOrder(obj, isLoop) {
|
var data = {};
|
var htmlStr = "";
|
var htmlVar = [];
|
if(isLoop) {
|
data.userId = obj.id;
|
htmlVar.push('<ul class="layui-tab-title" id="'+obj.id+'" onclick="checkUser(this)"><li class="nameTab" >'+obj.title+'</li></ul>');
|
status = false;
|
}else {
|
var title = obj.data.title;
|
data.userId = obj.data.id;
|
htmlStr = `<ul class="layui-tab-title" id="`+obj.data.id+`" onclick="checkUser(this)">
|
<li class="nameTab"> ${title} </li>
|
</ul>`;
|
}
|
if($('#startTime').val() == "") {
|
layer.msg('请选择开始时间,用以判断用户有效时间！', {time: 1000, icon:6});
|
return;
|
}
|
if($('#endTime').val() == "") {
|
layer.msg('请选择结束时间,用以判断用户有效时间！！', {time: 1000, icon:6});
|
return;
|
}
|
data.startTime = $('#startTime').val();
|
data.endTime = $('#endTime').val();
|
if(data.userId == $('#userId').val()) {
|
layer.msg("该用户已被分配为工作负责人！", {time: 1000, icon:6});
|
return;
|
}
|
$.ajax({
|
url: "/station/order/checkUserInOrder",
|
data: data,
|
type: "post",
|
success: function(res) {
|
console.info(res);
|
if(res.code == 0) {
|
if(res.data > 0) {
|
layer.msg("该用户已分配任务！", {time: 1000, icon:6});
|
return;
|
}else {
|
if(isLoop) {
|
$('#layuiTabDivId').append(htmlVar.join(''));
|
}else {
|
$('#layuiTabDivId').append(htmlStr);
|
}
|
|
status = false;
|
|
/* $("input[type='radio']").each(function () {
|
if ($(this).is(":checked")) {
|
if($(this).val() == 1) { //判断是否AB模式，是则拼接下拉框
|
setABMode(1);
|
}
|
}
|
})*/
|
}
|
layui.element.init();
|
}else {
|
layer.msg(res.msg, {time: 1000, icon:6});
|
return;
|
}
|
}
|
})
|
// $.operate.post("/station/order/checkUserInOrder", {userId:id}, checkUserOrder);
|
}
|
|
/*function checkUserOrder(res) {
|
console.info(res);
|
if(res.code == 0) {
|
if(res.data > 0) {
|
alert("该用户分配任务！");
|
return;
|
}
|
}else {
|
alert(res.msg);
|
return;
|
}
|
}*/
|
//清空
|
function clearInterface() {
|
$("#submitAuth").attr("onclick","submit()");
|
$("#submitAuth").css("border", "1px solid #68d8fe");
|
|
$("#updateAuth").attr("onclick",""); //修改按钮状态默认无效
|
$("#updateAuth").css("border", "0px");
|
$('#startTime').val("");
|
$('#endTime').val("");
|
$('#userName').val("");
|
$('#taskName').val("");
|
$('#layuiTabDivId').empty();
|
$('#layuiTab2DivId').empty();
|
$('#orderNo').val();
|
$('#tempArea').empty();
|
// $(".selectBox").empty();
|
}
|
|
// $(function () {
|
// $('#userName').blur(function(){
|
// if($(this).val() == "") {
|
// return;
|
// }
|
// $.ajax({
|
// url: "/station/order/checkUserInOrder",
|
// data: {userId:$(this).val()},
|
// type: "post",
|
// success: function(res) {
|
// console.info(res);
|
// if(res.code == 0) {
|
// if(res.data > 0) {
|
// layer.msg('该用户已分配任务!', {time: 1000, icon:6});
|
// return;
|
// }
|
// }
|
// }
|
// })
|
// });
|
// });
|
|
//获取门禁许可（工单）
|
function getOrderList(res) {
|
console.info(res);
|
if(res.code == 0) {
|
var orderStr = [];
|
var orderlist = res.data;
|
$.each(orderlist, function (key, value) {
|
var val = JSON.stringify(value).replace(/\"/g,"'");
|
var userCount = 0;
|
var areaCount = 0;
|
if(value.userIds != null) {
|
userCount = value.userIds.split(",").length;
|
}
|
if(value.areaIds != null) {
|
areaCount = value.areaIds.split(",").length;
|
}
|
orderStr.push('<div id="'+val+'" class="main-right-block" onclick="getHistory(this)">');
|
orderStr.push('<div class="right-line1">');
|
// orderStr.push('<span class="mainNum">'+(parseInt(key)+1)+'</span>');
|
orderStr.push('<h1>'+(parseInt(key)+1)+"."+value.taskName+'</h1>');
|
orderStr.push('</div>');
|
orderStr.push('<div class="right-line2">');
|
orderStr.push('<h1>'+value.startTime+" - "+value.endTime+'</h1>');
|
orderStr.push('<div class="rightPosition">');
|
orderStr.push('<img src="/img/zxx/positionIcon1.png" alt="">');
|
orderStr.push('<h2>'+(userCount+1)+'</h2>');
|
orderStr.push('</div>');
|
orderStr.push('<div class="rightPosition">');
|
orderStr.push('<img src="/img/zxx/positionIcon2.png" alt="">');
|
orderStr.push('<h2>'+areaCount+'</h2>');
|
orderStr.push('</div>');
|
orderStr.push('</div>');
|
orderStr.push('</div>');
|
});
|
/**
|
<div class="main-right-block">
|
<div class="right-line1">
|
<span class="mainNum">1</span>
|
<h1>工作任务名称</h1>
|
</div>
|
<div class="right-line2">
|
<h1>2020-05-05 14:30 - 2020-05-06 14:30 </h1>
|
<div class="rightPosition">
|
<img src="/img/zxx/positionIcon1.png" alt="">
|
<h2>10</h2>
|
</div>
|
<div class="rightPosition">
|
<img src="/img/zxx/positionIcon2.png" alt="">
|
<h2>10</h2>
|
</div>
|
</div>
|
</div>
|
*/
|
|
$(".mj-main-right-inside").empty().append(orderStr.join(''));
|
}
|
}
|
//点击历史门禁回显到工作票表单
|
function getHistory(e) {
|
$('#layuiTabDivId').empty();
|
$('#layuiTab2DivId').empty();
|
$("#submitAuth").attr("onclick",""); //修改状态不让提交，因为没有前期没做用户有效期判断
|
$("#submitAuth").css("border", "0px");
|
|
$("#updateAuth").attr("onclick","updateOrder()"); //修改按钮状态设为有效
|
$("#updateAuth").css("border", "1px solid #68d8fe");
|
var order = eval("("+e.id+")");
|
// console.info(order.taskName);
|
$('#startTime').val(order.startTime);
|
$('#endTime').val(order.endTime);
|
$('#userName').val(order.userName);
|
$('#userId').val(order.userId);
|
$('#taskName').val(order.taskName);
|
$('#orderId').val(order.id);
|
$('#tempArea').val(order.tempAreaId);
|
// $('radio [name="mode"][value='+order.openMode+']').attr("checked",true);
|
$(":radio[name='mode'][value='" + order.openMode + "']").prop("checked", "checked");
|
|
//用户选择列表
|
if(order.userNames != null && order.userIds != null && order.userNames != "" && order.userIds != "") {
|
var users = order.userNames.split(",");
|
var ids = order.userIds.split(",");
|
var userVar = [];
|
$.each(users, function (key, val) {
|
userVar.push('<ul class="layui-tab-title" id="'+ids[key]+'" onclick="checkUser(this)"><li class="nameTab" >'+val+'</li></ul>');
|
})
|
$('#layuiTabDivId').empty().append(userVar.join(''));
|
layui.element.init();
|
}
|
|
if(order.areaNames != null && order.areaIds != null && order.areaNames != "" && order.areaIds != "") {
|
//区域选择列表
|
var areas = order.areaNames.split(",");
|
var areaIds = order.areaIds.split(",");
|
var areaVar = [];
|
$.each(areas, function (key, val) {
|
areaVar.push(`<ul class="layui-tab-title" id="`+areaIds[key]+`" onclick="checkArea(this)">
|
<li class="nameTab"> `+val+` </li>
|
</ul>`);
|
})
|
$('#layuiTab2DivId').empty().append(areaVar.join(''));
|
layui.element.init();
|
}
|
}
|
|
//修改门禁许可（工单）
|
function updateOrder() {
|
var form = {};
|
$("input[type='radio']").each(function () {
|
if ($(this).is(":checked")) {
|
form.openMode = $(this).val();
|
}
|
})
|
form.startTime = $('#startTime').val();
|
if(form.startTime == null || form.startTime == "" || typeof form.startTime == "undefined") {
|
layer.msg('请选择开始时间！', {time: 1000, icon:6});
|
return;
|
}
|
form.endTime = $('#endTime').val();
|
if(form.endTime == null || form.endTime == "" || typeof form.endTime == "undefined") {
|
layer.msg('请选择结束时间！', {time: 1000, icon:6});
|
return;
|
}
|
if(biJiao(form.startTime,form.endTime)){
|
layer.msg('开始时间不能大于或者等于结束时间！', {time: 1000, icon:6});
|
return;
|
}
|
form.userName = $('#userName').val();
|
if(form.userName == null || form.userName == "" || typeof form.userName == "undefined") {
|
layer.msg('请录入负责人！', {time: 1000, icon:6});
|
return;
|
}
|
form.userId = $('#userId').val();
|
if(form.userId == null || form.userId == "" || typeof form.userId == "undefined") {
|
layer.msg('用户ID为空，请联系管理员！', {time: 1000, icon:6});
|
return;
|
}
|
form.taskName = $('#taskName').val();
|
if(form.taskName == null || form.taskName == "" || typeof form.taskName == "undefined") {
|
layer.msg('请录入任务名称！', {time: 1000, icon:6});
|
return;
|
}
|
form.tempAreaId = $('#tempArea').val();
|
if(form.openMode == 1) { //如果是多人模式（工作票授权，外包授权）则同行人不能为空
|
var userArr = [];
|
var userIdArr = [];
|
var users = $('#layuiTabDivId').children();
|
// console.info(users);
|
$.each(users, function (key, val) {
|
userArr.push(val.innerText.substr(0,val.innerText.length-1));
|
userIdArr.push(val.id);
|
})
|
form.userNames = userArr.join(",");
|
if(form.userNames == null || form.userNames == "" || typeof form.userNames == "undefined") {
|
layer.msg('请选择同行人！', {time: 1000, icon:6});
|
return;
|
}
|
form.userIds = userIdArr.join(",");
|
}
|
|
if(form.openMode == 0) { //如果是多人模式（工作票授权）则同行人不能为空
|
var userArr = [];
|
var userIdArr = [];
|
var users = $('#layuiTabDivId').children();
|
$.each(users, function (key, val) {
|
userArr.push(val.innerText.substr(0,val.innerText.length-1));
|
userIdArr.push(val.id);
|
})
|
form.userNames = userArr.join(",");
|
form.userIds = userIdArr.join(",");
|
}
|
|
var areaArr = [];
|
var areaIdArr = [];
|
var areas = $('#layuiTab2DivId').children();
|
$.each(areas, function (key, val) {
|
areaArr.push(val.innerText.substr(0,val.innerText.length-1))
|
areaIdArr.push(val.id);
|
})
|
form.areaIds = areaIdArr.join(",");
|
form.areaNames = areaArr.join(",");
|
if(!form.areaNames&&!form.tempAreaId) {
|
layer.msg('请选择区域或区域模版！', {time: 1000, icon:6});
|
return;
|
}
|
if($('#orderId').val() == null || $('#orderId').val() == "") {
|
layer.msg('未获取的许可ID，请联系管理员！', {time: 1000, icon:6});
|
}
|
form.id = $('#orderId').val();
|
console.info(form);
|
// $('#loading').show();
|
index = layer.load(1);
|
$.operate.post("/station/order/updateOrder", form, updateOrderFun);
|
}
|
|
//修改门禁许可（工单）
|
function updateOrderFun(res) {
|
// $('#loading').hide();
|
layer.close(index);
|
layer.msg(res.msg, {time: 1000, icon:6});
|
clearInterface();
|
if(res.code == 0) {
|
setTimeout(function () {
|
window.location.href = "/index";
|
}, 1000)
|
}
|
}
|
|
//选择负责人
|
function goUserTree() {
|
var url = "/station/workUser/goUserTree";
|
$.modal.open('选择负责人', url,'300','400');
|
}
|
|
function goFirstPage() {
|
window.location.href = "/goStation";
|
}
|
|
//获取当前时间
|
function getCurrentDate(date){
|
var y = date.getFullYear();
|
var m = date.getMonth()+1;
|
var d = date.getDate();
|
var h = date.getHours();
|
var min = date.getMinutes();
|
var s = date.getSeconds();
|
var str=y+'-'+(m<10?('0'+m):m)+'-'+(d<10?('0'+d):d)+' '+(h<10?('0'+h):h)+':'+(min<10?('0'+min):min)+':'+(s<10?('0'+s):s);
|
return str;
|
}
|
|
function getTemplateareaList(res) {
|
for(var i=0;i<res.length;i++){
|
$('#tempArea').append('<option value="'+res[i].id+'">'+res[i].templatName+'</option>')
|
}
|
}
|
|
function addTempArea() {
|
$('#layuiTab2DivId').empty();
|
var tempId = $('#tempArea').val();
|
$.operate.post("/station/areacontent/list", {templatId:tempId},function a(res) {
|
for(var i=0;i<res.rows.length;i++){
|
var htmlStr = `<ul class="layui-tab-title" id="`+res.rows[i].areaId+`" onclick="checkArea(this)"><li class="nameTab">`+res.rows[i].areaName+`</li></ul>`;
|
$('#layuiTab2DivId').append(htmlStr);
|
}
|
layui.element.init();
|
});
|
}
|
</script>
|
</body>
|
</html>
|
