质量检查功能接口对接

This commit is contained in:
lSun 2025-04-10 14:08:23 +08:00
parent 0ed861468d
commit d799c141ed
8 changed files with 433 additions and 426 deletions

View File

@ -1,6 +1,5 @@
let form, layer, table, tableIns;
let pageNum = 1, limitSize = 10; // 默认第一页分页数量为10
let selectOrgId="";
layui.use(['form', 'layer', 'table', 'laydate'], function () {
form = layui.form;
@ -16,14 +15,14 @@ layui.use(['form', 'layer', 'table', 'laydate'], function () {
function pages(pageNum, pageSize, typeNum) {
let params = getReqParams(pageNum, pageSize, typeNum);
let url = dataUrl + "/users/getList"
let url = dataUrl + "/safetyMeasure/getSafetyMeasuresList"
ajaxRequest(url, "POST", params, true, function () {
}, function (result) {
console.log(result);
if (result.code === 200) {
if (result.data) {
initTable(result.data, result.limit, result.curr)
laypages(result.count, result.curr, result.limit)
initTable(result.data.list, result.data.pageSize, result.data.startRow)
laypages(result.data.total, result.data.startRow, result.data.pageSize)
}
} else if (result.code === 500) {
layer.alert(result.msg, {icon: 2})
@ -71,32 +70,25 @@ function initTable(dataList, limit, page) {
return (page - 1) * limit + d.LAY_INDEX;
}
},
{field: "loginName", title: "项目名称",width: 310, unresize: true, align: "center" },
{field: "username", title: "工序",width: 200, unresize: true, align: "center"},
{field: "orgName", title: "检查地点",width: 210, unresize: true, align: "center"},
{field: "roleName", title: "问题描述",width: 310, unresize: true, align: "center"},
{field: "phone", title: "现场照片",width: 150, unresize: true, align: "center",
{field: "proName", title: "项目名称",width: 310, unresize: true, align: "center" },
{field: "gxName", title: "工序",width: 200, unresize: true, align: "center"},
{field: "checkPlace", title: "检查地点",width: 210, unresize: true, align: "center"},
{field: "checkDesc", title: "问题描述",width: 310, unresize: true, align: "center"},
{field: "", title: "现场照片",width: 150, unresize: true, align: "center",
templet: function (d) {
let html="<a style='cursor:pointer;' title='违章照片' onclick=\"violationPhoto('" + d.id + "')\">"+d.delFlag+"</a>";
if(d.delFlag>0){
return '';
}
let html="<a style='cursor:pointer;' title='检查照片' onclick=\"violationPhoto('" + d.id + "')\">"+d.sysFileResourceList.length+"</a>";
return html;
}
},
{field: "userType", title: "检查人",width: 110, unresize: true, align: "center"},
{field: "userType", title: "检查时间",width: 140, unresize: true, align: "center"},
{field: "checkUserName", title: "检查人",width: 110, unresize: true, align: "center"},
{field: "checkDate", title: "检查时间",width: 140, unresize: true, align: "center"},
{title: "操作", unresize: true, width: 170, align: "center",
templet: function (d) {
let html = '';
let updaetpwd="<a class=\"layui-icon layui-icon-search\" style='cursor:pointer;' title='查看' onclick=\"detailsData('" + d.id + "')\"></a>";
let del="<a class=\"layui-icon layui-icon-delete\" style='cursor:pointer;' title='删除' onclick=\"delData('" + d.id + "')\"></a>"
let edit="<a class=\"layui-icon layui-icon-edit\" style='cursor:pointer;' title='修改' onclick=\"addData('" + d.id + "')\"></a>";
html=updaetpwd + edit+del;
if(d.delFlag==1){
return '';
}
return html;
}
},
@ -115,25 +107,23 @@ function initTable(dataList, limit, page) {
// 获取参数
function getReqParams(page, limit, type) {
let obj = {};
if (!type) {
obj = {
page: page + "",
limit: limit + "",
userName: $('#userName').val(),
phone: $('#phone').val(),
orgId: selectOrgId,
userType: $('#userType').val(),
};
} else {
obj = {
page: '1',
limit: '10',
userName: '',
phone:'',
orgId:'',
userType: '',
};
if (type === 2) {
$('#keyWord').val('')
$('#proId').val('')
$('#proTypeId').val('')
$('#processId').val('')
layui.form.render();
}
obj = {
page: page + "",
limit: limit + "",
keyWord: $('#keyWord').val(),
proId: $('#proId').val(),
majorId: $('#proTypeId').val(),
gxId: $('#processId').val(),
};
console.log(obj)
obj={
encryptedData:encryptCBC(JSON.stringify(obj))
@ -152,16 +142,9 @@ function query(type) {
});
}
pageNum = 1;
pages(1, limitSize);
pages(1, limitSize,type);
}
//重置
function reset() {
pages(1, limitSize, 1)
}
function reloadData() {
pages(pageNum, limitSize);
}
@ -170,7 +153,8 @@ function reloadData() {
function detailsData(id) {
let title = '详情'
let param = {
'id': id
'id': id,
'details':'1'
}
openIframe2("detailsSafetyViolations", title, "child/implementForm.html", '1200px', '625px', param);
}
@ -183,7 +167,8 @@ function addData(id) {
title = '修改';
}
let param = {
'id': id
'id': id,
'details':''
}
openIframe2("addOrEditSafetyViolations", title, "child/implementForm.html", '1200px', '625px', param);
}
@ -194,7 +179,7 @@ function delData(id) {
move: false
}, function () {
let loadingMsg = layer.msg('数据删除中,请稍候...', {icon: 16, scrollbar: false, time: 0});
let url = dataUrl + "/users/delById";
let url = dataUrl + "/safetyMeasure/deleteSafetyMeasures";
let params = {
'id': id
}
@ -217,45 +202,15 @@ function delData(id) {
})
}
// 启用/停用/解除锁定
function editUserAccountStatus(id, status, type) {
let url = dataUrl + "/sys/user/editUserAccountStatus?token=" + token;
let params = {
'id': id,
'accountStatus': status,
'type': type
}
ajaxRequest(url, "POST", params, true, function () {
}, function (result) {
if (result.code === 200) {
if(type){
reloadData();
}
parent.layer.msg(result.msg, {icon: 1})
} else if (result.code === 500) {
layer.alert(result.msg, {icon: 2})
}
}, function (xhr) {
error(xhr)
});
}
// 管理员修改密码
function resetPwd(id) {
let param = {
'id': id,
'type': '1'
}
openIframe2("addOrEditUnifyUser", '修改密码', "password.html", '770px', '400px', param);
}
/**
* 获取工程
*/
function getProSelected() {
let url = dataUrl + '/users/getRoleAll';
ajaxRequest(url, "POST", null, true, function () {
let url = dataUrl + '/sys/select/getProsSelect';
let data={
encryptedData:encryptCBC(JSON.stringify({}))
}
ajaxRequest(url, "POST", data, true, function () {
}, function (result) {
if (result.code === 200) {
setSelectValue(result.data, 'proId','请选择工程');
@ -271,25 +226,12 @@ function getProSelected() {
* 获取工程类型
*/
function getProTypeSelected() {
let url = dataUrl + '/users/getRoleAll';
ajaxRequest(url, "POST", null, true, function () {
}, function (result) {
if (result.code === 200) {
setSelectValue(result.data, 'proTypeId','请选择工程类型');
} else {
layer.alert(result.msg, {icon: 2})
}
}, function (xhr) {
error(xhr)
});
}
let url = dataUrl + '/sys/select/getDictSelectByType';
/**
* 获取工程类型
*/
function getProTypeSelected() {
let url = dataUrl + '/users/getRoleAll';
ajaxRequest(url, "POST", null, true, function () {
let data={
encryptedData:encryptCBC(JSON.stringify({"code":"pro_type"}))
}
ajaxRequest(url, "GET", data, true, function () {
}, function (result) {
if (result.code === 200) {
setSelectValue(result.data, 'proTypeId','请选择工程类型');
@ -306,7 +248,11 @@ function getProTypeSelected() {
*/
function getProcessIdSelected() {
let url = dataUrl + '/sys/select/getProcessSelect';
ajaxRequest(url, "GET", null, true, function () {
let data={
encryptedData:encryptCBC(JSON.stringify({}))
}
ajaxRequest(url, "GET", data, true, function () {
}, function (result) {
if (result.code === 200) {
setSelectValue(result.data, 'processId','请选择工序类型');
@ -336,10 +282,32 @@ function violationPhoto(id){
alert(id)
}
/**
* 修正照片
* @param id
*/
function correctionPhoto(id){
alert(id)
function exportExcel() {
let obj = {
keyWord: $('#keyWord').val(),
proId: $('#proId').val(),
majorId: $('#proTypeId').val(),
gxId: $('#processId').val(),
};
let loadingMsg = layer.msg("数据导出中,请稍候...", {icon: 16, scrollbar: false, time: 0,});
let url = dataUrl + "/safetyMeasure/safetyMeasuresExport?token=" + tokens + "&encryptedData=" + encodeURIComponent(encryptCBC(JSON.stringify(obj)));
let xhr = new XMLHttpRequest();
xhr.open("post", url, true);
xhr.responseType = "blob"; // 转换流
xhr.setRequestHeader('Content-Type','application/json;charset=UTF-8')
xhr.onload = function () {
layer.close(loadingMsg);
if (this.status === 200) {
let blob = this.response;
var a = document.createElement("a");
var url = window.URL.createObjectURL(blob);
a.href = url;
a.download = "安全措施落实列表" + ".xlsx"; // 文件名
} else {
layer.msg("数据导出发生异常,请稍后重试", {icon: 16, scrollbar: false, time: 2000});
}
a.click();
window.URL.revokeObjectURL(url);
};
xhr.send();
}

View File

@ -1,4 +1,4 @@
let form, layer, util, idParam, laydate;
let form, layer, util, idParam, laydate, details;
let arr = ['background', 'web', 'mobile', 'wx'];
let background, web, mobile, wx;
let data = [];
@ -8,202 +8,144 @@ let proList;
let majorList;
let processList;
let vrImgList = []; // 违章照片
let correctionImgList = []; // 整改照片
// 模拟后台返回的数据结构
const mockBackendResponse = (file) => {
const originalPath = `/uploads/original/${file.name}`;
const compressedPath = `/uploads/compressed/${file.name}`;
const watermarkedPath = `/uploads/watermarked/${file.name}`;
return {
code: 200,
msg: '上传成功',
data: {
originalPath,
compressedPath,
watermarkedPath
}
};
};
// 存储图片路径信息
var imagePaths = [];
const deleteFileList = [];// 删除照片
let CODE_1 = 0, CODE_2 = 0;
let proId, proName, majorId, majorName, gxId, gxName;
layui.use(['laydate', 'upload'], function () {
var upload = layui.upload;
var layer = layui.layer;
var element = layui.element;
var $ = layui.$;
var violation = JSON.stringify({
uploadType: 2, // 上传类型
sourceType: 3, // 来源类型
sourceTypeName: "质量检查-缺陷问题照片" // 来源类型名称
})
var correction = JSON.stringify({
uploadType: 2, // 上传类型
sourceType: 4, // 来源类型
sourceTypeName: "质量检查-整改照片" // 来源类型名称
})
// 多图片上传
upload.render({
elem: '#ID-upload-demo-btn-2',
url: '/your/upload/endpoint',
// url: 'javascript:;', // 阻止真实请求
var uploadcom1 = upload.render({
elem: '#test1',
url: '/imgTool/sys/file/uploadFile?token=' + tokens,
multiple: true,
auto: true,
auto: false,
exts: 'jpg|png|jpeg',
field: 'files',
data: {params: violation},
bindAction: '#hideUpload1', //绑定的按钮
// 文件选择后的回调
choose: function (obj) {
// 当前已有的图片数量
const currentImages = $('#upload-demo-preview div').length;
// 获取当前批次选择的文件列表
const newFiles = obj.pushFile();
const newFilesCount = Object.keys(newFiles).length;
// 总图片数量
const totalImages = currentImages + newFilesCount;
if (totalImages > 9) {
layer.alert(`最多只能上传9张图片当前已选 ${currentImages} 张,此次选择了 ${newFilesCount}`, { icon: 2 });
return false; // 阻止上传
}
},
before: function (obj) {
CODE_1 = 1;
uploadcom1.config.elem.next()[0].value = '';
let files = obj.pushFile();
obj.preview(function (index, file, result) {
const uniqueId = new Date().getTime() + '-' + index;
$('#upload-demo-preview').append(
'<div id="img-' + uniqueId + '" style="display: inline-block; position: relative;">' +
'<img src="' + result + '" alt="' + file.name + '" style="width: 90px; height: 90px;">' +
'<button class="layui-btn layui-btn-xs layui-btn-danger" style="position: absolute; top: 0; right: 0;" onclick="removeImage(\'' + uniqueId + '\')">删除</button>' +
'</div>'
);
});
},
done: function (res, index, upload) {
// 获取当前上传的文件
const files = this.files;
const file = files[index];
const backendResponse = mockBackendResponse(file);
if (backendResponse.code === 200) {
const imageData = {
uniqueId: `${new Date().getTime()}-${index}`,
originalPath: backendResponse.data.originalPath,
compressedPath: backendResponse.data.compressedPath,
watermarkedPath: backendResponse.data.watermarkedPath
};
imagePaths.push(imageData);
$('#imagePaths').val(JSON.stringify(imagePaths));
} else {
layer.alert('上传失败: ' + res.msg, {icon: 2});
}
console.log("imagePaths",imagePaths)
}
});
upload.render({
elem: '#ID-upload-demo-btn-3',
url: '/your/upload/endpoint',
// url: 'javascript:;', // 阻止真实请求
multiple: true,
auto: true,
// 文件选择后的回调
choose: function (obj) {
// 当前已有的图片数量
const currentImages = $('#upload-demo-preview div').length;
// 获取当前批次选择的文件列表
const newFiles = obj.pushFile();
const newFilesCount = Object.keys(newFiles).length;
// 总图片数量
const totalImages = currentImages + newFilesCount;
if (totalImages > 9) {
layer.alert(`最多只能上传9张图片当前已选 ${currentImages} 张,此次选择了 ${newFilesCount}`, { icon: 2 });
return false; // 阻止上传
}
},
before: function (obj) {
obj.preview(function (index, file, result) {
const uniqueId = new Date().getTime() + '-' + index;
$('#upload-demo-preview-3').append(
'<div id="img-' + uniqueId + '" style="display: inline-block; position: relative;">' +
'<img src="' + result + '" alt="' + file.name + '" style="width: 90px; height: 90px;">' +
'<button class="layui-btn layui-btn-xs layui-btn-danger" style="position: absolute; top: 0; right: 0;" onclick="removeImage(\'' + uniqueId + '\')">删除</button>' +
'</div>'
);
});
},
done: function (res, index, upload) {
// 获取当前上传的文件
const files = this.files;
const file = files[index];
const backendResponse = mockBackendResponse(file);
if (backendResponse.code === 200) {
const imageData = {
uniqueId: `${new Date().getTime()}-${index}`,
originalPath: backendResponse.data.originalPath,
compressedPath: backendResponse.data.compressedPath,
watermarkedPath: backendResponse.data.watermarkedPath
};
imagePaths.push(imageData);
$('#imagePaths').val(JSON.stringify(imagePaths));
} else {
layer.alert('上传失败: ' + res.msg, {icon: 2});
}
console.log("imagePaths",imagePaths)
}
});
$('#ID-upload-submit-btn').click(function() {
if (imagePaths.length === 0) {
layer.msg('请先选择图片', {icon: 2});
return;
}
layer.msg('模拟上传中...', {icon: 16, time: 2000});
// 模拟上传延迟
setTimeout(function() {
// 清空旧数据(仅保留成功上传的)
const successPaths = [];
// 遍历所有图片,模拟上传
imagePaths.forEach(item => {
const backendResponse = mockBackendResponse(item.file);
if (backendResponse.code === 200) {
successPaths.push({
uniqueId: item.uniqueId,
originalPath: backendResponse.data.originalPath,
compressedPath: backendResponse.data.compressedPath,
watermarkedPath: backendResponse.data.watermarkedPath
});
var length = $('#demo1 img').length;
if (length > 8) {
delete files[index];//删除指定图片
$(this).remove();
return layer.msg("附件为1-9张请勿过多上传", {icon: 5});
}
const uniqueId = new Date().getTime() + '-' + index;
$('#demo1').append(
'<div id="img-' + uniqueId + '" style="display: inline-block; position: relative;">' +
'<img src="' + result + '" alt="' + file.name + '" style="width: 90px; height: 90px;">' +
'<button class="layui-btn layui-btn-xs layui-btn-danger" style="position: absolute; top: 0; right: 0;" onclick="removeImage(\'' + uniqueId + '\')">删除</button>' +
'</div>'
);
});
},
before: function (obj) {
},
done: function (res, index, upload) {
if (res.code === 200) {
vrImgList.push(res.data[0]);
} else {
// 更新数据
imagePaths = successPaths;
$('#imagePaths').val(JSON.stringify(imagePaths));
}
},
error: function (e) {
//请求异常回调
console.log(e)
}
});
layer.msg('上传成功!', {icon: 1});
console.log("当前图片数据:", imagePaths);
}, 1500);
// 多图片上传
var uploadcom2 = upload.render({
elem: '#test2',
url: '/imgTool/sys/file/uploadFile?token=' + tokens,
multiple: true,
auto: false,
exts: 'jpg|png|jpeg',
field: 'files',
data: {params: correction},
bindAction: '#hideUpload2', //绑定的按钮
// 文件选择后的回调
choose: function (obj) {
CODE_2 = 1;
uploadcom2.config.elem.next()[0].value = '';
let files = obj.pushFile();
obj.preview(function (index, file, result) {
var length = $('#demo2 img').length;
if (length > 8) {
delete files[index];//删除指定图片
$(this).remove();
return layer.msg("附件为1-9张请勿过多上传", {icon: 5});
}
const uniqueId = new Date().getTime() + '-' + index;
$('#demo2').append(
'<div id="img-' + uniqueId + '" style="display: inline-block; position: relative;">' +
'<img src="' + result + '" alt="' + file.name + '" style="width: 90px; height: 90px;">' +
'<button class="layui-btn layui-btn-xs layui-btn-danger" style="position: absolute; top: 0; right: 0;" onclick="removeImage(\'' + uniqueId + '\')">删除</button>' +
'</div>'
);
});
},
before: function (obj) {
},
done: function (res, index, upload) {
if (res.code === 200) {
correctionImgList.push(res.data[0]);
} else {
}
},
error: function (e) {
//请求异常回调
console.log(e)
}
});
window.removeImage = function (uniqueId) {
$('#img-' + uniqueId).remove();
const indexToRemove = imagePaths.findIndex(path => path.uniqueId === uniqueId);
if (indexToRemove !== -1) {
imagePaths.splice(indexToRemove, 1);
$('#imagePaths').val(JSON.stringify(imagePaths));
}
};
laydate = layui.laydate;
// Render date pickers
laydate.render({
elem: '#violationTime',
elem: '#vioDate',
});
laydate.render({
elem: '#rectificationDeadline',
elem: '#rectDate',
});
laydate.render({
elem: '#correctionTime',
elem: '#rectTime',
});
});
function setParams(params) {
console.log(params)
idParam = JSON.parse(params).id;
details = JSON.parse(params).details;
layui.use(['form', 'layer', 'util'], function () {
layer = layui.layer;
form = layui.form;
@ -215,6 +157,32 @@ function setParams(params) {
if (idParam) {
getUserById();
}
form.on('select(proId)', function (data) {
// 获取选中的 id 和 name
const selectedId = data.value; // 获取选中项的 value 值
const selectedName = $(data.elem).find("option:selected").text(); // 获取选中项的文本
proId = selectedId;
proName = selectedName;
});
form.on('select(majorId)', function (data) {
const selectedId = data.value; // 获取选中项的 value 值
const selectedName = $(data.elem).find("option:selected").text(); // 获取选中项的文本
majorId = selectedId;
majorName = selectedName;
let gxs = getGxsSelect(data.value);
setSelectValueName(gxs, 'gxId', '请选择工序');
});
form.on('select(gxId)', function (data) {
const selectedId = data.value; // 获取选中项的 value 值
const selectedName = $(data.elem).find("option:selected").text(); // 获取选中项的文本
gxId = selectedId;
gxName = selectedName;
});
form.render();//重新渲染页面checkbox控件
form.on('submit(formData)', function (data) {
data.field.id = $('#id').val();
@ -228,11 +196,14 @@ function setParams(params) {
* 获取工程数据
*/
function getProSelected() {
let url = dataUrl + '/users/getRoleAll';
ajaxRequest(url, "POST", null, true, function () {
let url = dataUrl + '/sys/select/getProsSelect';
let data = {
encryptedData: encryptCBC(JSON.stringify({}))
}
ajaxRequest(url, "POST", data, true, function () {
}, function (result) {
if (result.code === 200) {
setSelectValueName(result.data, 'projectName', "请选择项目(可搜索)");
setSelectValueName(result.data, 'proId', "请选择项目(可搜索)");
} else {
layer.alert(result.msg, {icon: 2})
}
@ -249,7 +220,7 @@ function getMajorSelected() {
ajaxRequest(url, "GET", null, true, function () {
}, function (result) {
if (result.code === 200) {
setSelectValueName(result.data, 'specialty', "请选择专业");
setSelectValueName(result.data, 'majorId', "请选择专业");
} else {
layer.alert(result.msg, {icon: 2})
}
@ -263,10 +234,13 @@ function getMajorSelected() {
*/
function getProcessSelected() {
let url = dataUrl + '/sys/select/getProcessSelect';
ajaxRequest(url, "GET", null, true, function () {
let data = {
encryptedData: encryptCBC(JSON.stringify({}))
}
ajaxRequest(url, "GET", data, true, function () {
}, function (result) {
if (result.code === 200) {
setSelectValueName(result.data, 'process', '请选择工序');
setSelectValueName(result.data, 'gxId', '请选择工序');
} else {
layer.alert(result.msg, {icon: 2})
}
@ -279,7 +253,7 @@ function getProcessSelected() {
// 根据id获取用户信息
function getUserById() {
let loadingMsg = layer.msg("数据加载中,请稍候...", {icon: 16, scrollbar: false, time: 0,});
let url = dataUrl + "/users/getById";
let url = dataUrl + "/imgUpload/qualityInspection/getQualityInspectionById";
let params = {
id: idParam
}
@ -287,7 +261,7 @@ function getUserById() {
params = {
encryptedData: encryptCBC(JSON.stringify(params))
}
ajaxRequest(url, "POST", params, true, function () {
ajaxRequest(url, "GET", params, true, function () {
}, function (result) {
layer.close(loadingMsg); // 关闭提示层
if (result.code === 200) {
@ -307,28 +281,110 @@ function setFormData(data) {
console.log("data:", data)
if (data) {
$('#id').val(data.id)
$('#inspector').val("修改")
$('#loginName').val(data.loginName)
$('#phone').val(data.phone)
$('#roleId option[value=' + data.roleId + ']').attr('selected', true)
$('#proId option[value=' + data.proId + ']').attr('selected', true)
$('#majorId option[value=' + data.majorId + ']').attr('selected', true)
$('#gxId option[value=' + data.gxId + ']').attr('selected', true)
$('#checkUserName').val(data.checkUserName)
$('#vioDate').val(data.vioDate)
$('#vioPlace').val(data.vioPlace)
$('#rectDate').val(data.rectDate)
$('#vioDesc').val(data.vioDesc)
var vioPhotoListEdit = data.vioPhotoList;
if (vioPhotoListEdit && vioPhotoListEdit.length > 0) {
var html = "";
var demo1 = $("#demo1");
for (var i = 0; i < vioPhotoListEdit.length; i++) {
html = html + '<div id="img-' + i + '" style="display: inline-block; position: relative;">' +
'<img src="' + data.vioPhotoList[i].originalFilePath + '" alt="' + data.vioPhotoList[i].fileName + '" style="width: 90px; height: 90px;">' ;
if (details != 1) {
html = html + '<button class="layui-btn layui-btn-xs layui-btn-danger" style="position: absolute; top: 0; right: 0;" onclick="removeImageUpdate(\'' + i + '\',\'' + data.vioPhotoList[i].id + '\')">删除</button>';
}
html = html + '</div>';
}
demo1.append(html);
}
var rectPhotoListEdit = data.rectPhotoList;
if (rectPhotoListEdit && rectPhotoListEdit.length > 0) {
var demo2 = $("#demo2");
var html = "";
for (var i = 0; i < rectPhotoListEdit.length; i++) {
html = html + '<div id="img-' + i + '" style="display: inline-block; position: relative;">' +
'<img src="' + data.rectPhotoList[i].originalFilePath + '" alt="' + data.rectPhotoList[i].fileName + '" style="width: 90px; height: 90px;">';
if (details != 1) {
html = html + '<button class="layui-btn layui-btn-xs layui-btn-danger" style="position: absolute; top: 0; right: 0;" onclick="removeImageUpdate(\'' + i + '\',\'' + data.rectPhotoList[i].id + '\')">删除</button>';
}
html = html + '</div>';
}
demo2.append(html);
}
$('#rectUserName').val(data.rectUserName)
$('#rectTime').val(data.rectTime)
$('#rectDesc').val(data.rectDesc)
if(details == 1){
document.querySelector('.layui-btn.save').style.display = 'none';
document.getElementById("test1").style.display = 'none';
document.getElementById("test2").style.display = 'none';
}
layui.form.render();
}
}
function removeImageUpdate(uniqueId, id) {
$('#img-' + uniqueId).remove();
let ids = {"id":id}
deleteFileList.push(ids)
};
function saveData2() {
$('#formSubmit').trigger('click')
}
// 保存数据
function saveData(data) {
if(idParam =="" || idParam == null || idParam == undefined){
if (CODE_1 == 0) {
layer.msg("请上传缺陷问题照片", {icon: 2, time: 2000});
return "";
}
}
$("#hideUpload1").trigger("click");
if (CODE_2 != 0) {
$("#hideUpload2").trigger("click");
}
let loadingMsg = layer.msg('数据上传中,请稍候...', {icon: 16, scrollbar: false, time: 0});
let url = dataUrl + "/users/addTemp";
let url = dataUrl + "/imgUpload/qualityInspection/insertQualityInspection";
data.field.uploadType = "2";
data.field.dataSource = 1;
data.field.fileList = [...vrImgList, ...correctionImgList];
if (correctionImgList.length > 0) {
data.field.rectStatus = 1;
} else {
data.field.rectStatus = 0;
}
data.field.delFileList = deleteFileList;
data.field.proId = proId;
data.field.proName = proName;
data.field.majorId = majorId;
data.field.majorName = majorName;
data.field.gxId = gxId;
data.field.gxName = gxName;
console.log("data:", data)
let params = data.field;
if (params.id != "") {
url = dataUrl + "/users/update";
url = dataUrl + "/imgUpload/qualityInspection/updateQualityInspectionById";
}
console.log(params)
console.log("params:", params)
params = {
encryptedData: encryptCBC(JSON.stringify(params))
}

View File

@ -1,6 +1,5 @@
let form, layer, table, tableIns;
let pageNum = 1, limitSize = 10; // 默认第一页分页数量为10
let selectOrgId="";
layui.use(['form', 'layer', 'table', 'laydate'], function () {
form = layui.form;
@ -17,8 +16,8 @@ layui.use(['form', 'layer', 'table', 'laydate'], function () {
function pages(pageNum, pageSize, typeNum) {
let params = getReqParams(pageNum, pageSize, typeNum);
let url = dataUrl + "/users/getList"
ajaxRequest(url, "POST", params, true, function () {
let url = dataUrl + "/imgUpload/qualityInspection/getList"
ajaxRequest(url, "GET", params, true, function () {
}, function (result) {
console.log(result);
if (result.code === 200) {
@ -72,57 +71,50 @@ function initTable(dataList, limit, page) {
return (page - 1) * limit + d.LAY_INDEX;
}
},
{field: "loginName", title: "项目名称",width: 110, unresize: true, align: "center" },
{field: "username", title: "工序",width: 110, unresize: true, align: "center"},
{field: "orgName", title: "检查地点",width: 110, unresize: true, align: "center"},
{field: "roleName", title: "检查描述",width: 110, unresize: true, align: "center"},
{field: "phone", title: "缺陷问题照片",width: 150, unresize: true, align: "center",
{field: "proName", title: "项目名称",width: 110, unresize: true, align: "center" },
{field: "gxName", title: "工序",width: 110, unresize: true, align: "center"},
{field: "vioPlace", title: "检查地点",width: 110, unresize: true, align: "center"},
{field: "vioDesc", title: "检查描述",width: 110, unresize: true, align: "center"},
{field: "", title: "缺陷问题照片",width: 150, unresize: true, align: "center",
templet: function (d) {
let html="<a style='cursor:pointer;' title='违章照片' onclick=\"violationPhoto('" + d.id + "')\">"+d.delFlag+"</a>";
if(d.delFlag>0){
return '';
}
let html="<a style='cursor:pointer;' title='检查照片' onclick=\"violationPhoto('" + d.id + "')\">"+d.vioPhotoNum+"</a>";
return html;
}
},
{field: "userType", title: "检查人",width: 90, unresize: true, align: "center"},
{field: "userType", title: "检查时间",width: 110, unresize: true, align: "center"},
{field: "userType", title: "整改期限",width: 110, unresize: true, align: "center"},
{field: "userType", title: "整改状态",width: 110, unresize: true, align: "center",
{field: "checkUserName", title: "检查人",width: 90, unresize: true, align: "center"},
{field: "vioDate", title: "检查时间",width: 110, unresize: true, align: "center"},
{field: "rectDate", title: "整改期限",width: 110, unresize: true, align: "center"},
{field: "", title: "整改状态",width: 110, unresize: true, align: "center",
templet: function (d) {
var html="";
if (d.sex == 0) {
if (d.rectStatus == 0) {
html="<span style='color: #FF9900'>●</span>待整改"
return html;
} else if (d.sex == 1) {
html="<span style='color: #F56C6C'>●</span>待整改"
} else if (d.rectStatus == 1) {
html="<span style='color: #F56C6C'>●</span>已整改"
return html;
}else{
html="<span style='color: #FF9900'>●</span>待整改"
return html;
}
}
},
{field: "userType", title: "整改照片",width: 110, unresize: true, align: "center",
{field: "", title: "整改照片",width: 110, unresize: true, align: "center",
templet: function (d) {
let html="<a style='cursor:pointer;' title='整改照片' onclick=\"correctionPhoto('" + d.id + "')\">"+d.delFlag+"</a>";
if(d.delFlag>0){
return '';
}
let html="<a style='cursor:pointer;' title='整改照片' onclick=\"correctionPhoto('" + d.id + "')\">"+d.rectPhotoNum+"</a>";
return html;
}
},
{field: "userType", title: "整改说明",width: 110, unresize: true, align: "center"},
{field: "userType", title: "整改人",width: 90, unresize: true, align: "center"},
{field: "userType", title: "整改时间",width: 110, unresize: true, align: "center"},
{field: "rectDesc", title: "整改说明",width: 110, unresize: true, align: "center"},
{field: "rectUserName", title: "整改人",width: 90, unresize: true, align: "center"},
{field: "rectTime", title: "整改时间",width: 110, unresize: true, align: "center"},
{title: "操作", unresize: true, width: 170, align: "center",
templet: function (d) {
let html = '';
let updaetpwd="<a class=\"layui-icon layui-icon-search\" style='cursor:pointer;' title='查看' onclick=\"detailsData('" + d.id + "')\"></a>";
let del="<a class=\"layui-icon layui-icon-delete\" style='cursor:pointer;' title='删除' onclick=\"delData('" + d.id + "')\"></a>"
let edit="<a class=\"layui-icon layui-icon-edit\" style='cursor:pointer;' title='修改' onclick=\"addData('" + d.id + "')\"></a>";
html=updaetpwd + edit+del;
if(d.delFlag==1){
return '';
}
return html;
}
},
@ -141,25 +133,23 @@ function initTable(dataList, limit, page) {
// 获取参数
function getReqParams(page, limit, type) {
let obj = {};
if (!type) {
obj = {
page: page + "",
limit: limit + "",
userName: $('#userName').val(),
phone: $('#phone').val(),
orgId: selectOrgId,
userType: $('#userType').val(),
};
} else {
obj = {
page: '1',
limit: '10',
userName: '',
phone:'',
orgId:'',
userType: '',
};
if (type === 2) {
$('#keyWord').val('')
$('#proId').val('')
$('#proTypeId').val('')
$('#processId').val('')
$('#stateId').val('')
layui.form.render();
}
obj = {
page: page + "",
limit: limit + "",
keyWord: $('#keyWord').val(),
proId: $('#proId').val(),
proType: $('#proTypeId').val(),
gxId: $('#processId').val(),
proStatus: $('#stateId').val()
};
console.log(obj)
obj={
encryptedData:encryptCBC(JSON.stringify(obj))
@ -178,16 +168,9 @@ function query(type) {
});
}
pageNum = 1;
pages(1, limitSize);
pages(1, limitSize,type);
}
//重置
function reset() {
pages(1, limitSize, 1)
}
function reloadData() {
pages(pageNum, limitSize);
}
@ -196,7 +179,8 @@ function reloadData() {
function detailsData(id) {
let title = '详情'
let param = {
'id': id
'id': id,
'details':'1'
}
openIframe2("detailsSafetyViolations", title, "child/qualityInspectionForm.html", '1200px', '625px', param);
}
@ -209,7 +193,8 @@ function addData(id) {
title = '修改';
}
let param = {
'id': id
'id': id,
'details':''
}
openIframe2("addOrEditSafetyViolations", title, "child/qualityInspectionForm.html", '1200px', '625px', param);
}
@ -220,14 +205,14 @@ function delData(id) {
move: false
}, function () {
let loadingMsg = layer.msg('数据删除中,请稍候...', {icon: 16, scrollbar: false, time: 0});
let url = dataUrl + "/users/delById";
let url = dataUrl + "/imgUpload/qualityInspection/delQualityInspectionById";
let params = {
'id': id
}
params={
encryptedData:encryptCBC(JSON.stringify(params))
}
ajaxRequest(url, "POST", params, true, function () {
ajaxRequest(url, "DELETE", params, true, function () {
}, function (result) {
layer.close(loadingMsg); // 关闭提示层
if (result.code === 200) {
@ -243,45 +228,15 @@ function delData(id) {
})
}
// 启用/停用/解除锁定
function editUserAccountStatus(id, status, type) {
let url = dataUrl + "/sys/user/editUserAccountStatus?token=" + token;
let params = {
'id': id,
'accountStatus': status,
'type': type
}
ajaxRequest(url, "POST", params, true, function () {
}, function (result) {
if (result.code === 200) {
if(type){
reloadData();
}
parent.layer.msg(result.msg, {icon: 1})
} else if (result.code === 500) {
layer.alert(result.msg, {icon: 2})
}
}, function (xhr) {
error(xhr)
});
}
// 管理员修改密码
function resetPwd(id) {
let param = {
'id': id,
'type': '1'
}
openIframe2("addOrEditUnifyUser", '修改密码', "password.html", '770px', '400px', param);
}
/**
* 获取工程
*/
function getProSelected() {
let url = dataUrl + '/users/getRoleAll';
ajaxRequest(url, "POST", null, true, function () {
let url = dataUrl + '/sys/select/getProsSelect';
let data={
encryptedData:encryptCBC(JSON.stringify({}))
}
ajaxRequest(url, "POST", data, true, function () {
}, function (result) {
if (result.code === 200) {
setSelectValue(result.data, 'proId','请选择工程');
@ -297,25 +252,12 @@ function getProSelected() {
* 获取工程类型
*/
function getProTypeSelected() {
let url = dataUrl + '/users/getRoleAll';
ajaxRequest(url, "POST", null, true, function () {
}, function (result) {
if (result.code === 200) {
setSelectValue(result.data, 'proTypeId','请选择工程类型');
} else {
layer.alert(result.msg, {icon: 2})
}
}, function (xhr) {
error(xhr)
});
}
let url = dataUrl + '/sys/select/getDictSelectByType';
/**
* 获取工程类型
*/
function getProTypeSelected() {
let url = dataUrl + '/users/getRoleAll';
ajaxRequest(url, "POST", null, true, function () {
let data={
encryptedData:encryptCBC(JSON.stringify({"code":"pro_type"}))
}
ajaxRequest(url, "GET", data, true, function () {
}, function (result) {
if (result.code === 200) {
setSelectValue(result.data, 'proTypeId','请选择工程类型');
@ -332,7 +274,11 @@ function getProTypeSelected() {
*/
function getProcessIdSelected() {
let url = dataUrl + '/sys/select/getProcessSelect';
ajaxRequest(url, "GET", null, true, function () {
let data={
encryptedData:encryptCBC(JSON.stringify({}))
}
ajaxRequest(url, "GET", data, true, function () {
}, function (result) {
if (result.code === 200) {
setSelectValue(result.data, 'processId','请选择工序类型');
@ -348,8 +294,11 @@ function getProcessIdSelected() {
* 获取状态
*/
function getStateIdSelected() {
let url = dataUrl + '/users/getRoleAll';
ajaxRequest(url, "POST", null, true, function () {
let url = dataUrl + '/sys/select/getDictSelectByType';
let data={
encryptedData:encryptCBC(JSON.stringify({"code":"pro_status"}))
}
ajaxRequest(url, "GET", data, true, function () {
}, function (result) {
if (result.code === 200) {
setSelectValue(result.data, 'stateId','请选择状态类型');
@ -385,4 +334,35 @@ function violationPhoto(id){
*/
function correctionPhoto(id){
alert(id)
}
function exportExcel() {
let obj = {
keyWord: $('#keyWord').val(),
proId: $('#proId').val(),
proType: $('#proTypeId').val(),
gxId: $('#processId').val(),
proStatus: $('#stateId').val()
};
let loadingMsg = layer.msg("数据导出中,请稍候...", {icon: 16, scrollbar: false, time: 0,});
let url = dataUrl + "/imgUpload/qualityInspection/downloadExcel?token=" + tokens + "&encryptedData=" + encodeURIComponent(encryptCBC(JSON.stringify(obj)));
let xhr = new XMLHttpRequest();
xhr.open("post", url, true);
xhr.responseType = "blob"; // 转换流
xhr.setRequestHeader('Content-Type','application/json;charset=UTF-8')
xhr.onload = function () {
layer.close(loadingMsg);
if (this.status === 200) {
let blob = this.response;
var a = document.createElement("a");
var url = window.URL.createObjectURL(blob);
a.href = url;
a.download = "质量检查列表" + ".xlsx"; // 文件名
} else {
layer.msg("数据导出发生异常,请稍后重试", {icon: 16, scrollbar: false, time: 2000});
}
a.click();
window.URL.revokeObjectURL(url);
};
xhr.send();
}

View File

@ -355,7 +355,7 @@ function saveData2() {
// 保存数据
function saveData(data) {
if(idParam ==""){
if(idParam =="" || idParam == null || idParam == undefined){
if (CODE_1 == 0) {
layer.msg("请上传违章照片", {icon: 2, time: 2000});
return "";

View File

@ -92,6 +92,9 @@ function initTable(dataList, limit, page) {
} else if (d.rectStatus == 1) {
html="<span style='color: #F56C6C'>●</span>已整改"
return html;
}else{
html="<span style='color: #FF9900'>●</span>待整改"
return html;
}
}
},

View File

@ -51,9 +51,9 @@
<div class="layui-inline btns">
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm btn-1" onclick="query(1)">查询
</button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm btn-1" onclick="reset()">重置
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm btn-1" onclick="query(2)">重置
</button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm btn-1" onclick="reset()">导出
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm btn-1" onclick="exportExcel()">导出
</button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm btn-2"
onclick="addData(null)">

View File

@ -60,7 +60,7 @@
<div class="layui-form-item">
<label class="layui-form-label"><i style="padding: 0 10px;">*</i>项目名称:</label>
<div class="layui-input-inline">
<select class="layui-input" id="projectName" name="projectName" lay-verify="required" lay-search="">
<select class="layui-input" id="proId" name="proName" lay-verify="required" lay-search="" lay-filter="proId">
</select>
</div>
@ -68,13 +68,13 @@
<div class="layui-form-item">
<label class="layui-form-label">专业:</label>
<div class="layui-input-inline">
<select class="layui-input" id="specialty" name="specialty">
<select class="layui-input" id="majorId" name="majorName" lay-filter="majorId">
</select>
</div>
<label class="layui-form-label">工序:</label>
<div class="layui-input-inline">
<select class="layui-input" id="process" name="process">
<select class="layui-input" id="gxId" name="gxName" lay-filter="gxId">
</select>
</div>
@ -85,29 +85,29 @@
<div class="layui-form-item">
<label class="layui-form-label">检查人:</label>
<div class="layui-input-inline">
<input type="text" name="inspector" id="inspector" placeholder="输入内容" maxlength="30" autocomplete="off" class="layui-input">
<input type="text" name="checkUserName" id="checkUserName" placeholder="输入内容" maxlength="30" autocomplete="off" class="layui-input">
</div>
<label class="layui-form-label">检查时间:</label>
<div class="layui-input-inline">
<input type="text" name="violationTime" id="violationTime" readonly placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
<input type="text" name="vioDate" id="vioDate" readonly placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i style="padding: 0 10px;">*</i>检查地点:</label>
<div class="layui-input-inline">
<input type="text" name="violationLocation" lay-verify="required" maxlength="30" placeholder="输入内容" autocomplete="off" class="layui-input">
<input type="text" name="vioPlace" id="vioPlace" lay-verify="required" maxlength="30" placeholder="输入内容" autocomplete="off" class="layui-input">
</div>
<label class="layui-form-label">整改期限:</label>
<div class="layui-input-inline">
<input type="text" name="rectificationDeadline" readonly id="rectificationDeadline" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
<input type="text" name="rectDate" id="rectDate" readonly placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i style="padding: 0 10px;">*</i>检查描述:</label>
<div class="layui-input-block">
<textarea name="violationDescription" lay-verify="required" maxlength="100" placeholder="输入内容" class="layui-textarea"></textarea>
<textarea name="vioDesc" id="vioDesc" lay-verify="required" maxlength="100" placeholder="输入内容" class="layui-textarea"></textarea>
</div>
</div>
@ -115,15 +115,15 @@
<label class="layui-form-label"><i style="padding: 0 10px;">*</i>缺陷问题照片:</label>
<div class="layui-input-block">
<div class="layui-upload">
<button type="button" class="layui-btn" id="ID-upload-demo-btn-2">
<button type="button" class="layui-btn" id="test1">
<i class="layui-icon layui-icon-upload"></i> 多图片上传
</button>
<blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 11px;">
预览图:
<div class="layui-upload-list" id="upload-demo-preview"></div>
<div class="layui-upload-list" id="demo1"></div>
</blockquote>
<input type="hidden" id="imagePaths" name="imagePaths">
</div>
<button id="hideUpload1" type="button" style="display: none"></button>
</div>
</div>
@ -131,33 +131,33 @@
<div class="layui-form-item">
<label class="layui-form-label">整改人:</label>
<div class="layui-input-inline">
<input type="text" name="correction" placeholder="输入内容" maxlength="30" autocomplete="off" class="layui-input">
<input type="text" name="rectUserName" id="rectUserName" placeholder="输入内容" maxlength="30" autocomplete="off" class="layui-input">
</div>
<label class="layui-form-label">整改时间:</label>
<div class="layui-input-inline">
<input type="text" name="correctionTime" id="correctionTime" readonly placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
<input type="text" name="rectTime" id="rectTime" readonly placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i style="padding: 0 10px;">*</i>整改说明:</label>
<label class="layui-form-label">整改说明:</label>
<div class="layui-input-block">
<textarea name="correctionDescription" lay-verify="required" maxlength="100" placeholder="输入内容" class="layui-textarea"></textarea>
<textarea name="rectDesc" id="rectDesc" maxlength="100" placeholder="输入内容" class="layui-textarea"></textarea>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><i style="padding: 0 10px;">*</i>整改照片:</label>
<label class="layui-form-label">整改照片:</label>
<div class="layui-input-block">
<div class="layui-upload">
<button type="button" class="layui-btn" id="ID-upload-demo-btn-3">
<button type="button" class="layui-btn" id="test2">
<i class="layui-icon layui-icon-upload"></i> 多图片上传
</button>
<blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 11px;">
预览图:
<div class="layui-upload-list" id="upload-demo-preview-3"></div>
<div class="layui-upload-list" id="demo2"></div>
</blockquote>
<input type="hidden" id="imagePaths-3" name="imagePaths-3">
<button id="hideUpload2" type="button" style="display: none"></button>
</div>
</div>
</div>

View File

@ -59,9 +59,9 @@
<div class="layui-inline btns">
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm btn-1" onclick="query(1)">查询
</button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm btn-1" onclick="reset()">重置
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm btn-1" onclick="query(2)">重置
</button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm btn-1" onclick="reset()">导出
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm btn-1" onclick="exportExcel()">导出
</button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm btn-2"
onclick="addData(null)">