465 lines
16 KiB
Plaintext
465 lines
16 KiB
Plaintext
let form, layer, upload, laydate, idParam, isAppealParam, statusParam,formSelects,classParam,scoreParam,userParam;
|
||
let fileList = new Array(), imgListUp = new Array();
|
||
|
||
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,
|
||
}))
|
||
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);
|
||
$('#status').html(data.status)
|
||
$('#createTime').html(data.createTime)
|
||
$('#voiType').html(data.voiType)
|
||
$('#levelId').html(data.levelId)
|
||
$('#type').html(data.type)
|
||
$('#org').html(data.org)
|
||
$('#workContent').html(data.workContent)
|
||
$('#sgUnit').html(data.sgUnit)
|
||
$('#jlUnit').html(data.jlUnit)
|
||
// $('#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()
|
||
}
|
||
} |