464 lines
16 KiB
Plaintext
464 lines
16 KiB
Plaintext
|
let form, layer, upload, laydate, idParam, isAppealParam, statusParam,formSelects,classParam,scoreParam,userParam;
|
|||
|
|
let fileList = new Array(), imgListUp = new Array();
|
|||
|
|
let supTypeParam = '';
|
|||
|
|
function setParams(id,classId) {
|
|||
|
|
idParam = id;
|
|||
|
|
classParam=classId;
|
|||
|
|
layui.config({
|
|||
|
|
base: "../../../js/layui/", //此处路径请自行处理, 可以使用绝对路径
|
|||
|
|
}).extend({
|
|||
|
|
formSelects: 'formSelects-v4'
|
|||
|
|
}).use(['form', 'layer', 'upload', 'laydate','formSelects'], function () {
|
|||
|
|
layer = layui.layer;
|
|||
|
|
form = layui.form;
|
|||
|
|
upload = layui.upload;
|
|||
|
|
formSelects = layui.formSelects;
|
|||
|
|
laydate = layui.laydate;
|
|||
|
|
getTeamPersonnel();
|
|||
|
|
form.render();
|
|||
|
|
laydate.render({
|
|||
|
|
elem: '#rectFinshTime', //指定元素 元素选择器
|
|||
|
|
type: 'date', //选择时间类型 可选值:year(年) month(年月) date(年月日) time(时分秒) datetime(年月日时分秒)
|
|||
|
|
trigger: 'click',
|
|||
|
|
min: Date.parse(new Date()),
|
|||
|
|
format: 'yyyy-MM-dd', //时间格式 常用时间格式:yyyy-MM-dd HH:mm:ss
|
|||
|
|
btns: ['now', 'confirm'], //选择框右下角显示的按钮 清除-现在-确定
|
|||
|
|
done: function (value, date) { //时间回调
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
getNoticeVoiRectById();
|
|||
|
|
$('#rectFinshTime').val(getNowTime())
|
|||
|
|
let uploadObj = upload.render({
|
|||
|
|
elem: '#test2',
|
|||
|
|
multiple: true,
|
|||
|
|
dataType: "json",
|
|||
|
|
exts: 'jpg|png|jpeg|doc|docx|pdf',
|
|||
|
|
// acceptMime: 'image/jpg,image/png,image/jpeg',
|
|||
|
|
// number: 3, //最大上传数量
|
|||
|
|
size: 1024 * 100, //最大文件大小，单位k
|
|||
|
|
auto: false, //是否自动上传 ，默认为true
|
|||
|
|
bindAction: '#hideUpload', //绑定的按钮
|
|||
|
|
choose: function (obj) {
|
|||
|
|
uploadObj.config.elem.next()[0].value = '';
|
|||
|
|
obj.preview(function (index, file, result) {
|
|||
|
|
console.log(file)
|
|||
|
|
if (isFile(file.name)) {
|
|||
|
|
$('#uploader-list').append(
|
|||
|
|
'<div id="" class="file-iteme">' +
|
|||
|
|
'<div class="handle"><p>x</p></div>' +
|
|||
|
|
'<div class="file-div" data-index=' + index + '>' +
|
|||
|
|
setFileBack(file.name) +
|
|||
|
|
'<p>' + file.name + '</p>' +
|
|||
|
|
'</div>' +
|
|||
|
|
// '<img class="img" style="width: 130px;height: 100px;" data-index=' + index + ' data-name=' + file.name + ' src=' + result + '>' +
|
|||
|
|
'</div>'
|
|||
|
|
);
|
|||
|
|
} else {
|
|||
|
|
$('#uploader-list').append(
|
|||
|
|
'<div id="" class="file-iteme">' +
|
|||
|
|
'<div class="handle"><p>x</p></div>' +
|
|||
|
|
'<img class="img" style="width: 130px;height: 100px;" data-index=' + index + ' data-name=' + file.name + ' src=' + result + '>' +
|
|||
|
|
'</div>'
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
let map = new Map();//将选择的图片索引和图片写成对象存入集合
|
|||
|
|
map.index = index;
|
|||
|
|
map.file = file;
|
|||
|
|
fileList.push(map);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getTeamPersonnel() {
|
|||
|
|
let params = {
|
|||
|
|
classId: classParam,
|
|||
|
|
userName: ''
|
|||
|
|
}
|
|||
|
|
$.ajax({
|
|||
|
|
headers: {
|
|||
|
|
"encrypt": sm3(JSON.stringify(params))
|
|||
|
|
},
|
|||
|
|
type: "post",
|
|||
|
|
url: dataUrl + 'proteam/pot/todayTask/getPersonList?token=' + token,
|
|||
|
|
data: params,
|
|||
|
|
async:false,
|
|||
|
|
success: function (result) {
|
|||
|
|
if (result.code === 200) {
|
|||
|
|
console.log(result);
|
|||
|
|
|
|||
|
|
let keys = [];
|
|||
|
|
$.each(result.data, function (index, item) {
|
|||
|
|
let temp = {
|
|||
|
|
"name": item.userName,
|
|||
|
|
"value": item.idNumber
|
|||
|
|
};
|
|||
|
|
keys.push(temp);
|
|||
|
|
})
|
|||
|
|
formSelects.data('vioUsers', 'local', {
|
|||
|
|
arr: keys
|
|||
|
|
});
|
|||
|
|
layui.form.render();
|
|||
|
|
|
|||
|
|
} else if (result.code === 500) {
|
|||
|
|
return layer.alert(data.msg, {icon: 2})
|
|||
|
|
} else if (result.code === 401) {
|
|||
|
|
logout(1);
|
|||
|
|
}
|
|||
|
|
}, error: function () {
|
|||
|
|
initClassTable(null);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 提交数据
|
|||
|
|
function saveData() {
|
|||
|
|
let rectExplain = $('#rectExplain').val();
|
|||
|
|
let dutyUnit = $('#dutyUnit').val();
|
|||
|
|
let dutyUser = $('#dutyUser').val();
|
|||
|
|
let contactPhone = $('#contactPhone').val();
|
|||
|
|
let rectFinshTime = $('#rectFinshTime').val();
|
|||
|
|
let value = $('input[type=radio]:checked').val();
|
|||
|
|
let users=formSelects.value('vioUsers', 'val').toString()
|
|||
|
|
let namesParam=formSelects.value('vioUsers', 'name').toString()
|
|||
|
|
if(users=='' ||users==null){
|
|||
|
|
return layer.msg("请选择违章人员", {icon: 5});
|
|||
|
|
}
|
|||
|
|
if(users==userParam){
|
|||
|
|
users='';
|
|||
|
|
console.log("未修改人员");
|
|||
|
|
}
|
|||
|
|
console.log(users);
|
|||
|
|
console.log(userParam);
|
|||
|
|
if (!dutyUnit) {
|
|||
|
|
if (isAppealParam) {
|
|||
|
|
if (isAppealParam === '0') return layer.msg("请填写责任单位", {icon: 5})
|
|||
|
|
} else {
|
|||
|
|
if (value === '0') return layer.msg("请填写责任单位", {icon: 5})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (!dutyUser) {
|
|||
|
|
if (isAppealParam) {
|
|||
|
|
if (isAppealParam === '0') return layer.msg("请填写责任人", {icon: 5})
|
|||
|
|
} else {
|
|||
|
|
if (value === '0') return layer.msg("请填写责任人", {icon: 5})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (!contactPhone) {
|
|||
|
|
if (isAppealParam) {
|
|||
|
|
if (isAppealParam === '0') return layer.msg("请填写联系人及电话", {icon: 5})
|
|||
|
|
} else {
|
|||
|
|
if (value === '0') return layer.msg("请填写联系人及电话", {icon: 5})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (!rectExplain) {
|
|||
|
|
if (isAppealParam) {
|
|||
|
|
if (isAppealParam === '0') {
|
|||
|
|
return layer.msg("请填写整改说明", {icon: 5})
|
|||
|
|
} else {
|
|||
|
|
return layer.msg("请填写申诉说明", {icon: 5})
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
if (value === '0') {
|
|||
|
|
return layer.msg("请填写整改说明", {icon: 5})
|
|||
|
|
} else {
|
|||
|
|
return layer.msg("请填写申诉说明", {icon: 5})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (fileList.length === 0) {
|
|||
|
|
if (isAppealParam) {
|
|||
|
|
if (isAppealParam === '0') {
|
|||
|
|
return layer.msg("请上传整改照片", {icon: 5})
|
|||
|
|
} else {
|
|||
|
|
return layer.msg("请上传申诉照片", {icon: 5})
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
if (value === '0') {
|
|||
|
|
return layer.msg("请上传整改照片", {icon: 5})
|
|||
|
|
} else {
|
|||
|
|
return layer.msg("请上传申诉照片", {icon: 5})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
let formData = new FormData();
|
|||
|
|
//遍历最终图片集合
|
|||
|
|
for (let i = 0; i < fileList.length; i++) {
|
|||
|
|
formData.append("file[]", fileList[i].file)
|
|||
|
|
}
|
|||
|
|
formData.append("params", JSON.stringify({
|
|||
|
|
'usersParam':users,
|
|||
|
|
'scoreParam':scoreParam,
|
|||
|
|
'namesParam':namesParam,
|
|||
|
|
'rectExplain': rectExplain,
|
|||
|
|
'classParam':classParam,
|
|||
|
|
'notiId': idParam,
|
|||
|
|
'dutyUnit': dutyUnit,
|
|||
|
|
'dutyUser': dutyUser,
|
|||
|
|
'contactPhone': contactPhone,
|
|||
|
|
'rectFinshTime': rectFinshTime,
|
|||
|
|
'supType':supTypeParam
|
|||
|
|
}))
|
|||
|
|
if (isAppealParam) {
|
|||
|
|
formData.append("isAppeal", isAppealParam);
|
|||
|
|
} else {
|
|||
|
|
formData.append("isAppeal", value);
|
|||
|
|
}
|
|||
|
|
// 加载提示
|
|||
|
|
let loadingMsg = layer.msg('数据上传中,请稍候...', {icon: 16, scrollbar: false, time: 0});
|
|||
|
|
$.ajax({
|
|||
|
|
/*headers: {
|
|||
|
|
"encrypt": sm3(JSON.stringify(params))
|
|||
|
|
},*/
|
|||
|
|
url: dataUrl + 'proteam/pot/superStatistics/uploadNoticeVioRect?token=' + token,
|
|||
|
|
type: 'POST',
|
|||
|
|
data: formData,
|
|||
|
|
dataType: 'json',
|
|||
|
|
processData: false,
|
|||
|
|
contentType: false,
|
|||
|
|
beforeSend: function () {
|
|||
|
|
$('.save').addClass("layui-btn-disabled").attr("disabled", true);
|
|||
|
|
$('.cancel').addClass("layui-btn-disabled").attr("disabled", true);
|
|||
|
|
},
|
|||
|
|
success: function (result) {
|
|||
|
|
layer.close(loadingMsg); // 关闭提示层
|
|||
|
|
if (result.msg === 'success') {
|
|||
|
|
closePage(1);
|
|||
|
|
if (isAppealParam) {
|
|||
|
|
if (isAppealParam === '0') {
|
|||
|
|
parent.layer.msg('违章整改成功', {icon: 1});
|
|||
|
|
} else {
|
|||
|
|
parent.layer.msg('违章申诉成功', {icon: 1});
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
if (value === '0') {
|
|||
|
|
parent.layer.msg('违章整改成功', {icon: 1});
|
|||
|
|
} else {
|
|||
|
|
parent.layer.msg('违章申诉成功', {icon: 1});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
layer.msg('服务异常，请稍后重试', {icon: 2});
|
|||
|
|
$('.save').removeClass("layui-btn-disabled").attr("disabled", false);
|
|||
|
|
$('.cancel').removeClass("layui-btn-disabled").attr("disabled", false);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
error: function (result) {
|
|||
|
|
layer.close(loadingMsg); // 关闭提示层
|
|||
|
|
layer.msg('服务异常，请稍后重试', {icon: 16, scrollbar: false, time: 2000});
|
|||
|
|
$('.save').removeClass("layui-btn-disabled").attr("disabled", false);
|
|||
|
|
$('.cancel').removeClass("layui-btn-disabled").attr("disabled", false);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getNoticeVoiRectById() {
|
|||
|
|
let loadingMsg = layer.msg("数据加载中,请稍候...", {icon: 16, scrollbar: false, time: 0,});
|
|||
|
|
$.ajax({
|
|||
|
|
headers: {
|
|||
|
|
"encrypt": sm3(JSON.stringify({
|
|||
|
|
id: idParam
|
|||
|
|
}))
|
|||
|
|
},
|
|||
|
|
url: dataUrl + 'proteam/pot/superStatistics/getNoticeVoiRectById?token=' + token,
|
|||
|
|
data: {
|
|||
|
|
id: idParam
|
|||
|
|
},
|
|||
|
|
type: 'POST',
|
|||
|
|
async: false,
|
|||
|
|
success: function (result) {
|
|||
|
|
layer.close(loadingMsg);
|
|||
|
|
if (result.code === 200) {
|
|||
|
|
setData(result.data);
|
|||
|
|
} else if (result.code === 500) {
|
|||
|
|
layer.alert(result.msg, {icon: 2})
|
|||
|
|
} else if (result.code === 401) {
|
|||
|
|
logout(1)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}, error: function () {
|
|||
|
|
layer.close(loadingMsg);
|
|||
|
|
setData(null);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*页面赋值*/
|
|||
|
|
function setData(data) {
|
|||
|
|
console.log(data);
|
|||
|
|
supTypeParam = data.supType;
|
|||
|
|
$('#status').html(data.status)
|
|||
|
|
$('#createTime').html(data.createTime)
|
|||
|
|
$('#voiType').html(data.voiType)
|
|||
|
|
$('#levelId').html(data.levelId)
|
|||
|
|
$('#type').html(data.type)
|
|||
|
|
$('#org').html(data.org)
|
|||
|
|
// $('#vioUsers').html(data.vioUsers)
|
|||
|
|
$('#voiYj').html(data.voiYj)
|
|||
|
|
$('#content').html(data.content)
|
|||
|
|
$('#recRequirement').html(data.recRequirement)
|
|||
|
|
let vioUsers=[];
|
|||
|
|
var userList=data.userList;
|
|||
|
|
if(userList.length>0){
|
|||
|
|
scoreParam=userList[0].score;
|
|||
|
|
for (var i = 0; i < userList.length; i++) {
|
|||
|
|
vioUsers.push(userList[i].idNumber);
|
|||
|
|
}
|
|||
|
|
formSelects.value('vioUsers', vioUsers);
|
|||
|
|
userParam=formSelects.value('vioUsers', 'val').toString();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
let imgPath = data.imgPath, imgPathArr = imgPath.split(','), html = ''
|
|||
|
|
$.each(imgPathArr, function (index, item) {
|
|||
|
|
let path = photoUrl + item + '?token=' + token
|
|||
|
|
html += '<img src="' + path + '" data-original = "' + path + '">'
|
|||
|
|
})
|
|||
|
|
$('.supervision-img').empty().append(html)
|
|||
|
|
statusParam = data.status
|
|||
|
|
if (data.isAppeal) {
|
|||
|
|
isAppealParam = data.isAppeal;
|
|||
|
|
if (data.isAppeal === '0') {
|
|||
|
|
$('#rect-name').html('整改反馈')
|
|||
|
|
$('#rect-img-name').html('整改照片')
|
|||
|
|
$('#explain').html('整改说明：')
|
|||
|
|
$('.rect-form').removeAttr('style')
|
|||
|
|
} else {
|
|||
|
|
$('#rect-name').html('申诉反馈')
|
|||
|
|
$('#rect-img-name').html('申诉照片')
|
|||
|
|
$('#explain').html('申诉说明：')
|
|||
|
|
}
|
|||
|
|
if (data.list) {
|
|||
|
|
let cent = '整改照片', cent2 = '整改说明';
|
|||
|
|
if (data.isAppeal === '1') {
|
|||
|
|
cent = '申诉照片', cent2 = '申诉说明';
|
|||
|
|
}
|
|||
|
|
let html = '';
|
|||
|
|
$.each(data.list, function (index, item) {
|
|||
|
|
html += '<div class="rect-content-info layout">' +
|
|||
|
|
'<div style="width: 10px">' +
|
|||
|
|
'<p style="color: #2F82FB;">' + (index + 1) + '</p>' +
|
|||
|
|
'</div>' +
|
|||
|
|
'<div style="width: calc(100% - 10px)">' +
|
|||
|
|
'<div class="rect-info-img layout">' +
|
|||
|
|
'<p style="width: 14%;">' + cent + '：</p>' +
|
|||
|
|
'<div class="rect-img" style="width: 86%;">' +
|
|||
|
|
setImg(item) +
|
|||
|
|
'</div>' +
|
|||
|
|
'</div>' +
|
|||
|
|
setRectInfo(data.isAppeal, item) +
|
|||
|
|
'<div class="content-textarea layout">' +
|
|||
|
|
'<p>' + cent2 + '：</p>' +
|
|||
|
|
'<p>' + item.rectExplain + '</p>' +
|
|||
|
|
'</div>' +
|
|||
|
|
'<div class="content-textarea layout">' +
|
|||
|
|
'<p>驳回说明：</p>' +
|
|||
|
|
'<p>' + setValue2(item.checkOpinion) + '</p>' +
|
|||
|
|
'</div>' +
|
|||
|
|
'<hr>' +
|
|||
|
|
'</div>' +
|
|||
|
|
'</div>'
|
|||
|
|
})
|
|||
|
|
$('.rect-content').empty().append(html)
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
$('.choose-rectify-type').removeAttr('style')
|
|||
|
|
$('.rect-form').removeAttr('style')
|
|||
|
|
}
|
|||
|
|
let viewer = new Viewer(document.getElementById('dc-img'), {
|
|||
|
|
url: 'data-original',
|
|||
|
|
show: function () {
|
|||
|
|
viewer.update();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function setRectInfo(isAppeal, item) {
|
|||
|
|
console.error(item)
|
|||
|
|
let html = '';
|
|||
|
|
if (isAppeal === '0') {
|
|||
|
|
html += '<div class="content-input layout">' +
|
|||
|
|
'<p>责任单位：<span>' + item.dutyUnit + '</span></p>' +
|
|||
|
|
'<p>责任人：<span>' + item.dutyUser + '</span></p>' +
|
|||
|
|
'</div>' +
|
|||
|
|
'<div class="content-input layout">' +
|
|||
|
|
'<p>整改完成时间：<span>' + item.rectFinshTime + '</span></p>' +
|
|||
|
|
'<p>联系人及电话：<span>' + item.contactPhone + '</span></p>' +
|
|||
|
|
'</div>';
|
|||
|
|
}
|
|||
|
|
return html;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function setImg(data) {
|
|||
|
|
let imgPath = data.imagePath, imgPathArr = imgPath.split(','), html = ''
|
|||
|
|
$.each(imgPathArr, function (index, item) {
|
|||
|
|
let path = photoUrl + item + '?token=' + token
|
|||
|
|
html += '<img src="' + path + '">'
|
|||
|
|
})
|
|||
|
|
return html;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function chooseType() {
|
|||
|
|
let value = $('input[type=radio]:checked').val()
|
|||
|
|
if (value === '0') {
|
|||
|
|
$('#rect-name').html('整改反馈')
|
|||
|
|
$('#rect-img-name').html('整改照片')
|
|||
|
|
$('#explain').html('整改说明：')
|
|||
|
|
$('.rect-form').removeAttr('style')
|
|||
|
|
} else {
|
|||
|
|
$('#rect-name').html('申诉反馈')
|
|||
|
|
$('#rect-img-name').html('申诉照片')
|
|||
|
|
$('#explain').html('申诉说明：')
|
|||
|
|
$('.rect-form').css('display', 'none')
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 删除图片
|
|||
|
|
$(document).on("click", ".file-iteme .handle", function (event) {
|
|||
|
|
imgListUp.splice(0, imgListUp.length);
|
|||
|
|
let index = $(this).next().attr('data-index');
|
|||
|
|
$.each(fileList, function (inx, ele) {
|
|||
|
|
//对比删除图片索引
|
|||
|
|
//将未删除的存入新集合
|
|||
|
|
if (index != ele.index) {
|
|||
|
|
imgListUp.push(ele);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
$(this).parent().remove();
|
|||
|
|
//将新图片集合替换老集合
|
|||
|
|
fileList.splice(0, fileList.length);
|
|||
|
|
$.each(imgListUp, function (inx, ele) {
|
|||
|
|
fileList.push(ele)
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 是否是文件
|
|||
|
|
function isFile(value) {
|
|||
|
|
if (value.indexOf("docx") > 0 || value.indexOf("doc") > 0 || value.indexOf("pdf") > 0) {
|
|||
|
|
return true
|
|||
|
|
} else {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 设置文件背景
|
|||
|
|
function setFileBack(value) {
|
|||
|
|
if (value.indexOf("docx") > 0) {
|
|||
|
|
return '<img src="../../../img/docx-back.png" width="32" height="32">';
|
|||
|
|
} else if (value.indexOf("doc") > 0) {
|
|||
|
|
return '<img src="../../../img/doc-back.png" width="32" height="32">';
|
|||
|
|
} else if (value.indexOf("pdf") > 0) {
|
|||
|
|
return '<img src="../../../img/pdf-back.png" width="32" height="32">';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 关闭页面
|
|||
|
|
function closePage(type) {
|
|||
|
|
let index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
|
|||
|
|
parent.layer.close(index); //再执行关闭
|
|||
|
|
if (type === 1) {
|
|||
|
|
window.parent.reloadData()
|
|||
|
|
}
|
|||
|
|
}
|