346 lines
11 KiB
Plaintext
346 lines
11 KiB
Plaintext
let table, form, layer, rate, util;
|
||
$(function () {
|
||
layui.use(['rate', 'layer', 'form', 'table', 'util'], function () {
|
||
layer = layui.layer;
|
||
form = layui.form;
|
||
rate = layui.rate;
|
||
table = layui.table;
|
||
util = layui.util;
|
||
util.event('lay-active', {
|
||
query: function () {
|
||
table.reloadData('teamTable', {
|
||
page: {
|
||
curr: 1
|
||
},
|
||
where: getReqParams()
|
||
});
|
||
},
|
||
reset: function () {
|
||
$('#keyword').val('');
|
||
$('#teamName').val('');
|
||
$('#foreman').val('');
|
||
$('#projectName').val('');
|
||
$('#type').val('');
|
||
form.render();
|
||
table.reloadData('teamTable', {
|
||
page: {
|
||
curr: 1
|
||
},
|
||
where: getReqParams()
|
||
});
|
||
},
|
||
export: function () {
|
||
exportData();
|
||
}
|
||
});
|
||
form.render();
|
||
getPerNum();
|
||
initTable();
|
||
//触发单元格工具事件
|
||
table.on('tool(teamTable)', function (obj) { // 双击 toolDouble
|
||
let data = obj.data;
|
||
if (obj.event === 'detail') {
|
||
toEvaluatePage(data.classId, data.idNumber, data.teamName);
|
||
} else if (obj.event === 'edit') {
|
||
layer.prompt({
|
||
formType: 2,
|
||
title: '拉黑说明 '
|
||
}, function (value, index) {
|
||
/**
|
||
* 拉黑操作
|
||
*/
|
||
Ajax().post({
|
||
url: dataUrl + 'proteam/pot/team/insertTeamBlack',
|
||
data: {
|
||
idNumber: data.idNumber,
|
||
content: value,
|
||
userId: '1'
|
||
},
|
||
success: function (data) {
|
||
if (data.code === 200) {
|
||
layer.msg(data.msg, {
|
||
icon: 1,
|
||
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
||
}, function () {
|
||
table.reloadData('teamTable', {
|
||
page: {
|
||
curr: 1
|
||
},
|
||
where: getReqParams()
|
||
});
|
||
layer.close(index);
|
||
});
|
||
} else {
|
||
layer.msg(data.msg, {icon: -1});
|
||
}
|
||
},
|
||
async: false
|
||
});
|
||
|
||
});
|
||
}
|
||
});
|
||
});
|
||
});
|
||
|
||
// 获取参数
|
||
function getReqParams() {
|
||
let obj = {
|
||
keyWord: $('#keyword').val(),
|
||
teamName: $('#teamName').val(),
|
||
fzrName: $('#foreman').val(),
|
||
proName: $('#projectName').val(),
|
||
status: $('#type').val()
|
||
|
||
};
|
||
return obj;
|
||
}
|
||
|
||
function initTable() {
|
||
table.render({
|
||
elem: "#deviceTable",
|
||
id: "deviceTable",
|
||
height: "full-170",
|
||
url: dataUrl + "proteam/pot/team/getTeamList" + '?token=' + token,
|
||
page: true, //开启分页
|
||
method: "POST",
|
||
limit: 10, //默认十条数据一页
|
||
limits: [10, 20, 30], //数据分页条
|
||
cellMinWidth: 100,
|
||
loading: true,
|
||
totalRow: false,
|
||
request: {
|
||
pageName: 'pageNum',
|
||
limitName: 'pageSize'
|
||
},
|
||
where: getReqParams(),
|
||
cols: [
|
||
[//表头
|
||
{
|
||
field: "number",
|
||
type: "numbers",
|
||
title: "序号",
|
||
minWidth: 200,
|
||
unresize: true,
|
||
align: "center",
|
||
},
|
||
{
|
||
field: "teamName",
|
||
title: "班组名称",
|
||
unresize: true,
|
||
minWidth: 200,
|
||
align: "center",
|
||
},
|
||
{
|
||
field: 'fzrName',
|
||
title: "班组长",
|
||
unresize: true,
|
||
minWidth: 200,
|
||
align: "center",
|
||
templet: function (d) {
|
||
return "<span>" + d.fzrName + "</span><br><span>" + d.phone + "</span>";
|
||
},
|
||
},
|
||
{
|
||
field: "zhpj",
|
||
title: "班组星级",
|
||
minWidth: 200,
|
||
unresize: true,
|
||
templet: function (d) {
|
||
console.log(d)
|
||
return '<div id="test' + d.LAY_TABLE_INDEX + '"></div>'
|
||
},
|
||
align: "center",
|
||
},
|
||
{
|
||
field: "proName",
|
||
title: "当前所在工程",
|
||
unresize: true,
|
||
minWidth: 200,
|
||
align: "center",
|
||
},
|
||
{
|
||
field: "status",
|
||
title: "状态",
|
||
unresize: true,
|
||
minWidth: 200,
|
||
align: "center",
|
||
},
|
||
{
|
||
field: "dayNum",
|
||
title: "今日站班会人数",
|
||
unresize: true,
|
||
minWidth: 200,
|
||
templet: function (d) {
|
||
return "<h2 onclick='toTodayPage(" + d.dayNum + ")' style='color: blue;cursor: pointer;'>" + d.dayNum + "</h2>";
|
||
},
|
||
align: "center",
|
||
},
|
||
{
|
||
field: "yeNum",
|
||
title: "昨日站班会人数",
|
||
unresize: true,
|
||
minWidth: 200,
|
||
align: "center",
|
||
},
|
||
{
|
||
field: "yeNum",
|
||
title: "累计违章次数",
|
||
unresize: true,
|
||
minWidth: 200,
|
||
templet: function (d) {
|
||
return "<h2 onclick='toViolationsPage(" + d.vzNum + ")' style='color: blue;cursor: pointer;'>" + (isEmpty(d.vzNum) ? "0" : d.vzNum) + "</h2>";
|
||
},
|
||
align: "center",
|
||
},
|
||
{
|
||
fixed: 'right',
|
||
title: "操作",
|
||
align: 'center',
|
||
minWidth: 200,
|
||
toolbar: '#barDemo'
|
||
}
|
||
],
|
||
],
|
||
done: function (res, curr, count) {
|
||
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()
|
||
}
|
||
},
|
||
parseData: function (res) {
|
||
return {
|
||
"code": res.code === 200 ? 0 : res.code,
|
||
"msg": res.msg,
|
||
"count": res.total,
|
||
"data": res.rows
|
||
};
|
||
}
|
||
});
|
||
}
|
||
|
||
/**
|
||
* 跳转违章页面
|
||
* @param teamId 班组id
|
||
*/
|
||
function toViolationsPage(teamId) {
|
||
console.log(teamId);
|
||
}
|
||
|
||
/**
|
||
* 跳转今日人员页面
|
||
* @param teamId 班组id
|
||
*/
|
||
function toTodayPage(classId, idNumber, teamName) {
|
||
let width = '90%', height = '80%';
|
||
let index = parent.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
|
||
});
|
||
}
|
||
|
||
/**
|
||
* 跳转班组评价页面
|
||
* @param classId 站班会id
|
||
* @param idNumber 身份证号
|
||
* @param teamName 班组名称
|
||
*/
|
||
function toEvaluatePage(classId, idNumber, teamName) {
|
||
let width = '90%', height = '80%';
|
||
layer.open({
|
||
id: 'abc',
|
||
/* color:#253E78;font-size:24px;background-color:rgb(37 62 120 / 22%);*/
|
||
title: ['班组评价', 'font-size:24px;'],
|
||
type: 2,
|
||
skin: 'shadows',
|
||
content: '../../html/teamInformation/child/teamEvaluate.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, idNumber, teamName);//调用子页面的方法，页面锁定
|
||
}
|
||
});
|
||
}
|
||
|
||
//导出
|
||
function exportData() {
|
||
let loadingMsg = layer.msg("数据导出中,请稍候...", {icon: 16, scrollbar: false, time: 0,});
|
||
let url = dataUrl + "proteam/pot/team/exportTeamData?" + setData(getReqParams()) + '&token=' + token;
|
||
let xhr = new XMLHttpRequest();
|
||
let a = document.createElement("a");
|
||
xhr.open("get", url, true);
|
||
xhr.responseType = "blob"; // 转换流
|
||
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({
|
||
url: dataUrl + 'proteam/pot/team/getPerNum' + '?token=' + token,
|
||
type: 'post',
|
||
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();
|
||
}
|
||
}
|
||
|
||
|
||
|