488 lines
16 KiB
JavaScript
488 lines
16 KiB
JavaScript
let table, form, layer, rate, util, user = getUser();
|
||
let pageNum = 1, limitSize = 30;
|
||
let data = '';
|
||
let teamState = [{
|
||
"name": '正常',
|
||
"value": '01'
|
||
}, {
|
||
"name": '解散',
|
||
"value": '02'
|
||
}];
|
||
//getPer();
|
||
$(function () {
|
||
layui.config({
|
||
base: "../../js/layui/", //此处路径请自行处理, 可以使用绝对路径
|
||
}).extend({
|
||
formSelects: 'formSelects-v4'
|
||
|
||
}).use(['rate', 'layer', 'formSelects', 'form', 'table', 'util'], function () {
|
||
layer = layui.layer;
|
||
form = layui.form;
|
||
rate = layui.rate;
|
||
table = layui.table;
|
||
util = layui.util;
|
||
formSelects = layui.formSelects;
|
||
formSelects.data('teamState', 'local', {
|
||
arr: teamState
|
||
});
|
||
util.event('lay-active', {
|
||
query: function () {
|
||
pages(1, limitSize);
|
||
},
|
||
reset: function () {
|
||
$('#keyword').val('');
|
||
$('#teamName').val('');
|
||
$('#foreman').val('');
|
||
$('#projectName').val('');
|
||
formSelects.value('teamState', []);
|
||
form.render();
|
||
pages(1, limitSize);
|
||
},
|
||
export: function () {
|
||
exportData();
|
||
}
|
||
});
|
||
form.render();
|
||
getPerNum();
|
||
pages(1, 30, 1);
|
||
table.on("sort(teamTable)", function (obj) {
|
||
$(".layui-laypage-skip").css("display", "none");
|
||
for (let i = 0; i < data.length; i++) {
|
||
rate.render({
|
||
elem: '#test' + i
|
||
, value: data[i].zhpj / 2
|
||
, readonly: true
|
||
, half: true,
|
||
theme: '#2F82FB'
|
||
});
|
||
table.render()
|
||
}
|
||
|
||
});
|
||
//触发单元格工具事件
|
||
table.on('tool(teamTable)', function (obj) { // 双击 toolDouble
|
||
let data = obj.data;
|
||
if (obj.event === 'detail') {
|
||
toEvaluatePage(data.classId, data.idNumber, data.teamName,data.teamId);
|
||
} else if (obj.event === 'edit') {
|
||
layer.prompt({
|
||
formType: 2,
|
||
title: '拉黑说明 '
|
||
}, function (value, index) {
|
||
/**
|
||
* 拉黑操作
|
||
*/
|
||
Ajax().post({
|
||
headers: {
|
||
"encrypt": sm3(JSON.stringify({
|
||
idNumber: data.idNumber,
|
||
content: value,
|
||
userId: JSON.parse(decrypt(us)).userId + "",
|
||
}))
|
||
},
|
||
url: dataUrl + 'proteam/pot/team/insertTeamBlack',
|
||
data: {
|
||
idNumber: data.idNumber,
|
||
content: value,
|
||
userId: JSON.parse(decrypt(us)).userId + "",
|
||
},
|
||
success: function (data) {
|
||
if (data.code === 200) {
|
||
layer.msg(data.msg, {
|
||
icon: 1,
|
||
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
||
}, function () {
|
||
pages(1, limitSize);
|
||
layer.close(index);
|
||
});
|
||
} else {
|
||
layer.msg(data.msg, {icon: -1});
|
||
}
|
||
},
|
||
async: false
|
||
});
|
||
|
||
});
|
||
}
|
||
});
|
||
});
|
||
|
||
|
||
});
|
||
|
||
function pages(pageNum, pageSize, typeNum) {
|
||
let params = getReqParams(pageNum, pageSize);
|
||
$.ajax({
|
||
headers: {
|
||
"encrypt": sm3(JSON.stringify(params))
|
||
},
|
||
url: dataUrl + "proteam/pot/team/getTeamList" + '?token=' + token,
|
||
data: params,
|
||
type: 'POST',
|
||
async: false,
|
||
success: function (result) {
|
||
console.log(result);
|
||
if (result.code === 200) {
|
||
if (result.rows) {
|
||
initTable(result.rows, limitSize, pageNum)
|
||
laypages(result.total, pageNum, limitSize)
|
||
}
|
||
} else if (result.code === 500) {
|
||
layer.alert(result.msg, {icon: 2})
|
||
} else if (result.code === 401) {
|
||
logout(1);
|
||
}
|
||
}, error: function () {
|
||
}
|
||
});
|
||
}
|
||
|
||
function laypages(total, page, limit) {
|
||
layui.use(['laypage'], function () {
|
||
let laypage = layui.laypage;
|
||
laypage.render({
|
||
elem: 'voi-page',
|
||
count: total,
|
||
curr: page,
|
||
limit: limit,
|
||
limits: [30, 50, 100],
|
||
layout: ['prev', 'page', 'next', 'skip', 'count', 'limit'],
|
||
groups: 5,
|
||
jump: function (obj, first) {
|
||
if (!first) {
|
||
pageNum = obj.curr, limitSize = obj.limit;
|
||
pages(obj.curr, obj.limit, null);
|
||
}
|
||
}
|
||
});
|
||
})
|
||
}
|
||
|
||
// 获取参数
|
||
function getReqParams(page, limit) {
|
||
console.log(page + "," + limit)
|
||
let obj = {
|
||
pageNum: page + "",
|
||
pageSize: limit + "",
|
||
keyWord: $('#keyword').val(),
|
||
teamName: $('#teamName').val(),
|
||
fzrName: $('#foreman').val(),
|
||
proName: $('#projectName').val(),
|
||
status: formSelects.value('teamState', 'val').toString(),
|
||
currentUserId: user.userId + "",
|
||
isSup: user.isSup,
|
||
currentUserOrgId: user.orgId
|
||
|
||
};
|
||
return obj;
|
||
}
|
||
|
||
function initTable(dataList, limit, page) {
|
||
table.render({
|
||
elem: "#teamTable",
|
||
id: "teamTable",
|
||
height: "full-175",
|
||
data: dataList,
|
||
cols: [
|
||
[//表头
|
||
{
|
||
title: "序号",
|
||
minWidth: 140,
|
||
unresize: true,
|
||
align: "center",
|
||
templet: function (d) {
|
||
return (page - 1) * limit + d.LAY_INDEX;
|
||
}
|
||
},
|
||
{
|
||
field: "teamName",
|
||
title: "班组名称",
|
||
unresize: false,
|
||
sort: true,
|
||
minWidth: 200,
|
||
align: "center",
|
||
},
|
||
{
|
||
field: 'fzrName',
|
||
title: "班组长",
|
||
unresize: false,
|
||
sort: true,
|
||
minWidth: 200,
|
||
align: "center",
|
||
templet: function (d) {
|
||
return "<span>" + d.fzrName + "</span><br><span>" + d.phone + "</span>";
|
||
},
|
||
},
|
||
{
|
||
field: "zhpj",
|
||
title: "班组星级",
|
||
minWidth: 200,
|
||
unresize: false,
|
||
sort: true,
|
||
templet: function (d) {
|
||
return '<div id="test' + d.LAY_TABLE_INDEX + '"></div>'
|
||
},
|
||
align: "center",
|
||
},
|
||
{
|
||
field: "proName",
|
||
title: "当前所在工程",
|
||
unresize: false,
|
||
sort: true,
|
||
minWidth: 200,
|
||
align: "center",
|
||
},
|
||
{
|
||
field: "status",
|
||
title: "状态",
|
||
unresize: false,
|
||
sort: true,
|
||
minWidth: 80,
|
||
align: "center",
|
||
},
|
||
{
|
||
field: "dayNum",
|
||
title: "今日站班会人数",
|
||
unresize: false,
|
||
sort: true,
|
||
minWidth: 200,
|
||
templet: function (d) {
|
||
return "<span onclick='toTodayPage(\""+ d.teamId + "\")' style='color: blue;cursor: pointer;'>" + d.dayNum + "</span>";
|
||
},
|
||
align: "center",
|
||
},
|
||
{
|
||
field: "yeNum",
|
||
title: "昨日站班会人数",
|
||
unresize: false,
|
||
sort: true,
|
||
minWidth: 200,
|
||
align: "center",
|
||
},
|
||
{
|
||
field: "vzNum",
|
||
title: "累计违章次数",
|
||
unresize: false,
|
||
sort: true,
|
||
minWidth: 200,
|
||
templet: function (d) {
|
||
// return '<span onclick="toViolationsPage(\'' + d.classId + '\')" style="color: blue;cursor: pointer;">' + (isEmpty(d.vzNum) ? "0" : d.vzNum) + '</span>';
|
||
// return (isEmpty(d.vzNum) ? "0" : d.vzNum);
|
||
return '<div style="cursor: pointer;color: #2F82FB" ' +
|
||
'onclick="openTeamVoi(\'' + d.idNumber + '\',\'' + d.classId + '\',\''+ d.teamId +'\')"><span>' + d.vzNum + ' </span></div>';
|
||
},
|
||
align: "center",
|
||
},
|
||
{
|
||
fixed: 'right',
|
||
title: "操作",
|
||
align: 'center',
|
||
minWidth: 200,
|
||
toolbar: '#barDemo'
|
||
}
|
||
],
|
||
],
|
||
limit: limit,
|
||
done: function (res, curr, count) {
|
||
$(".layui-laypage-skip").css("display", "none");
|
||
data = res.data;
|
||
for (let i = 0; i < res.data.length; i++) {
|
||
rate.render({
|
||
elem: '#test' + i
|
||
, value: res.data[i].zhpj / 2
|
||
, readonly: true
|
||
, half: true,
|
||
theme: '#2F82FB'
|
||
});
|
||
table.render()
|
||
}
|
||
|
||
},
|
||
});
|
||
}
|
||
|
||
/* 班组违章详情 */
|
||
function openTeamVoi(teamLeaderNumber,classId,teamId){
|
||
console.log(teamId)
|
||
let layerIndex = layer.open({
|
||
type: 2,
|
||
id:'teamVoi',
|
||
title: ['<div style="border-left: 3px solid #2F82FB;display: flex;align-items: center;height: 20px;padding: 0 10px;">班组历史违章</div>', 'font-size:16px;background-color:#f0f0f0;display: flex;align-items: center;'],
|
||
// closeBtn: true,
|
||
content: "../dutyTask/violation/teamVoiDetail.html",
|
||
shadeClose: false,
|
||
area: ['1600px', '750px'],
|
||
move: false,
|
||
success: function () {
|
||
let iframeWin = window["layui-layer-iframe" + layerIndex];
|
||
iframeWin.setParams(teamLeaderNumber,classId,teamId);
|
||
}
|
||
});
|
||
}
|
||
|
||
|
||
/**
|
||
* 跳转违章页面
|
||
* @param teamId 班组id
|
||
*/
|
||
function toViolationsPage(classId) {
|
||
let width = '100%', height = '100%';
|
||
layer.open({
|
||
/* color:#253E78;font-size:24px;background-color:rgb(37 62 120 / 22%);*/
|
||
title: ['违章统计', 'font-size:24px;'],
|
||
type: 2,
|
||
skin: 'shadows',
|
||
content: 'child/teamStatistics.html',
|
||
area: [width, height],
|
||
maxmin: false,
|
||
success: function (layero, index) {
|
||
let body = layer.getChildFrame('body', index);
|
||
let iframeWin = window[layero.find('iframe')[0]['name']];//获得iframe页的窗口对象，执行iframe页的方法：
|
||
iframeWin.setForm(classId);//调用子页面的方法，页面锁定
|
||
}
|
||
});
|
||
}
|
||
|
||
/**
|
||
* 跳转今日人员页面
|
||
* @param teamId 班组id
|
||
*/
|
||
function toTodayPage(teamId) {
|
||
let width = '90%', height = '80%';
|
||
layer.open({
|
||
/* color:#253E78;font-size:24px;background-color:rgb(37 62 120 / 22%);*/
|
||
title: ['班组人员', 'font-size:24px;'],
|
||
type: 2,
|
||
skin: 'shadows',
|
||
content: '../../html/teamInformation/child/teamPersonnel.html',
|
||
area: [width, height],
|
||
maxmin: false,
|
||
success: function (layero, index) {
|
||
let body = layer.getChildFrame('body', index);
|
||
let iframeWin = window[layero.find('iframe')[0]['name']];//获得iframe页的窗口对象，执行iframe页的方法：
|
||
iframeWin.setForm(teamId);//调用子页面的方法，页面锁定
|
||
}
|
||
});
|
||
}
|
||
|
||
/**
|
||
* 跳转班组评价页面
|
||
* @param classId 站班会id
|
||
* @param idNumber 身份证号
|
||
* @param teamName 班组名称
|
||
*/
|
||
function toEvaluatePage(classId, idNumber, teamName,teamId) {
|
||
console.log(teamId)
|
||
let width = '100%', height = '100%';
|
||
layer.open({
|
||
id: 'abc',
|
||
/* color:#253E78;font-size:24px;background-color:rgb(37 62 120 / 22%);*/
|
||
// title: ['班组评价', 'font-size:24px;'],
|
||
title: false,
|
||
type: 2,
|
||
skin: 'shadows',
|
||
content: '../../html/teamInformation/child/teamEvaluate.html',
|
||
area: [width, height],
|
||
maxmin: false,
|
||
move: false,
|
||
closeBtn: 0,
|
||
success: function (layero, index) {
|
||
let body = layer.getChildFrame('body', index);
|
||
let iframeWin = window[layero.find('iframe')[0]['name']];//获得iframe页的窗口对象，执行iframe页的方法：
|
||
iframeWin.setForm(classId, idNumber, teamName,teamId);//调用子页面的方法，页面锁定
|
||
},
|
||
end: function () {
|
||
pages(1, 30, 1);
|
||
},
|
||
});
|
||
}
|
||
|
||
//导出
|
||
function exportData() {
|
||
let loadingMsg = layer.msg("数据导出中,请稍候...", {icon: 16, scrollbar: false, time: 0,});
|
||
let url = dataUrl + "proteam/pot/team/exportTeamData?" + setData(getReqParams(pageNum, limitSize)) + '&token=' + token;
|
||
let xhr = new XMLHttpRequest();
|
||
let a = document.createElement("a");
|
||
xhr.open("get", url, true);
|
||
xhr.responseType = "blob"; // 转换流
|
||
xhr.setRequestHeader("encrypt",
|
||
sm3(JSON.stringify(
|
||
getReqParams(pageNum, limitSize)
|
||
)));
|
||
xhr.onload = function () {
|
||
layer.close(loadingMsg);
|
||
if (this.status === 200) {
|
||
let url = window.URL.createObjectURL(new Blob([this.response]))
|
||
let link = document.createElement('a')
|
||
link.style.display = 'none'
|
||
link.href = url
|
||
link.setAttribute('download', "班组明细.xlsx")
|
||
document.body.appendChild(link)
|
||
link.click()
|
||
// 释放URL对象所占资源
|
||
window.URL.revokeObjectURL(url)
|
||
// 用完即删
|
||
document.body.removeChild(link)
|
||
} else {
|
||
layer.msg("数据发生异常,请稍后重试", {icon: 16, scrollbar: false, time: 2000});
|
||
}
|
||
};
|
||
xhr.send();
|
||
}
|
||
|
||
function getPerNum() {
|
||
$.ajax({
|
||
headers: {
|
||
"encrypt": sm3(JSON.stringify({
|
||
params: encrypt(JSON.stringify({
|
||
currentUserId: user.userId,
|
||
isSup: user.isSup,
|
||
currentUserOrgId: user.orgId
|
||
}))
|
||
}))
|
||
},
|
||
url: dataUrl + 'proteam/pot/team/getPerNum' + '?token=' + token,
|
||
type: 'post',
|
||
data: {
|
||
params: encrypt(JSON.stringify({
|
||
currentUserId: user.userId,
|
||
isSup: user.isSup,
|
||
currentUserOrgId: user.orgId
|
||
}))
|
||
},
|
||
success: function (obj) {
|
||
if (obj.code === 200) {
|
||
$.each(obj.data, function (index, item) {
|
||
$("#dTeam").html(item.dTeam);
|
||
$("#dZTeam").html(item.dZTeam);
|
||
$("#dPer").html(item.dPer);
|
||
$("#dZPer").html(item.dZPer);
|
||
$("#dWTeam").html(item.dWTeam);
|
||
$("#xZteam").html(item.xZteam);
|
||
$("#yTeam").html(item.yTeam);
|
||
$("#yPer").html(item.yPer);
|
||
})
|
||
}
|
||
}
|
||
});
|
||
|
||
}
|
||
|
||
// 展开/收起
|
||
function isShow(type) {
|
||
if (type === 1) {
|
||
$("#basic-info").slideLeftHide();
|
||
setTimeout(() => {
|
||
$("#show").removeAttr("style");
|
||
}, 510);
|
||
$(".basic-info-box").animate({backgroundColor: "#fff"}, "500");
|
||
} else if (type === 2) {
|
||
$("#show").css("display", "none");
|
||
$(".basic-info-box").animate({backgroundColor: "#EEF5FF"}, "500");
|
||
$("#basic-info").slideLeftShow();
|
||
}
|
||
}
|
||
|
||
|
||
|