245 lines
9.5 KiB
JavaScript
245 lines
9.5 KiB
JavaScript
layui.config({
|
||
base: '../../js/layuiModules/', // 第三方模块所在目录
|
||
version: 'v1.6.4' // 插件版本号
|
||
}).extend({
|
||
soulTable: 'notice,layNotify', // 模块
|
||
});
|
||
let form;
|
||
var tree;
|
||
var table;
|
||
var notice;
|
||
var layNotify;
|
||
let pers = checkPermission();
|
||
$("#addBt").click(function(){
|
||
//layerOpenForm("新增","./untiTeamOpen.html");
|
||
var index = layer.open({
|
||
type: 2,
|
||
title: '新增',
|
||
content: 'untiTeamOpen.html',
|
||
area: ['90%', '95%'],
|
||
maxmin: false,
|
||
closeBtn: true,
|
||
btn: ['确定', '取消'],
|
||
yes: function(index, layero){
|
||
var formSubmit = layer.getChildFrame('form', index);
|
||
var submited = formSubmit.find('button')[0];
|
||
submited.click();
|
||
return false;
|
||
},
|
||
btn2: function(index, layero){
|
||
// 用户点击了取消按钮
|
||
layer.close(index);
|
||
return false;
|
||
},
|
||
end: function(){
|
||
query();
|
||
}
|
||
});
|
||
});
|
||
|
||
layui.use(['table', 'form','notice', 'layNotify'], function () {
|
||
table = layui.table;
|
||
form = layui.form;
|
||
tree = layui.tree;
|
||
notice = layui.notice;
|
||
layNotify = layui.layNotify;
|
||
if ($.inArray('sysTeamSetByType:add', pers) < 0) {
|
||
document.getElementById('addDiv').remove();
|
||
}
|
||
getVoltageLevel(form, "");
|
||
$("#searchBt").click(function(){
|
||
query();
|
||
});
|
||
$("#resetBt").click(function(){
|
||
table.reload('menuTable', {
|
||
url: czl_ht_url + '/teamSet/getTeamSetByType'
|
||
, method: 'post' //方式默认是get
|
||
, page: true
|
||
, where: {
|
||
resourceType:'3'
|
||
} //设定异步数据接口的额外参数
|
||
});
|
||
$("#keyWord").val("");
|
||
getVoltageLevel(form, "");
|
||
})
|
||
//渲染表格
|
||
table.render({
|
||
elem: '#demo'
|
||
, url: czl_ht_url + '/teamSet/getTeamSetByType' //数据接口
|
||
|
||
, method: 'post' //方式默认是get
|
||
, toolbar: 'default' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
|
||
, where: {'resourceType':'3'} //post请求必须加where ，post请求需要的参数
|
||
, cellMinWidth: 80
|
||
, cols: [[ //表头
|
||
{
|
||
field: 'number', width:80,title: '序号', align: 'center', type: 'numbers'
|
||
}
|
||
, {field: 'volLevel', align: 'center', title: '电压等级'}
|
||
, {field: 'resourceName', align: 'center', title: '团队类型名称'}
|
||
, {field: 'managePersonName', align: 'center', title: '团队配置'}
|
||
, {field: 'isEnable', width: 200, align: 'center', title: '状态', id:'statusSwitch', templet: '#switchTpl'}
|
||
, {
|
||
fixed: 'right', width:180, title: '操作', align: 'center', templet: d => {
|
||
let text = "";
|
||
if ($.inArray('sysTeamSetByType:update', pers) > 0) {
|
||
text +='<a lay-event="update" style="color: #009688;cursor: pointer;font-size: 15px" id="updateBtn">修改</a>';
|
||
text +='<span lay-event="com" style="font-size: 15px;"> | </span>';
|
||
}
|
||
console.log($.inArray('sysTeamSetByType:del', pers))
|
||
if ($.inArray('sysTeamSetByType:del', pers) >= 0) {
|
||
text +='<a lay-event="del" style="color: #009688;cursor: pointer;font-size: 15px">删除</a>';
|
||
}
|
||
return text;
|
||
}
|
||
}
|
||
]]
|
||
, id: 'menuTable'
|
||
, page: true //开启分页
|
||
, loading: true //数据加载中。。。
|
||
, limits: [5, 10, 20] //一页选择显示3,5或10条数据
|
||
, limit: 10 //一页显示5条数据
|
||
, response: {
|
||
statusCode: 200 //规定成功的状态码，默认：0
|
||
}, parseData: function (res) { //将原始数据解析成 table 组件所规定的数据，res为从url中get到的数据
|
||
let result;
|
||
if (res.data !== '' && res.data != null && res.data !== "null") {
|
||
if (this.page.curr) {
|
||
result = res.data.slice(this.limit * (this.page.curr - 1), this.limit * this.page.curr);
|
||
} else {
|
||
result = res.data.slice(0, this.limit);
|
||
}
|
||
}
|
||
return {
|
||
"code": res.code, //解析接口状态
|
||
"msg": res.msg, //解析提示文本
|
||
"count": res.count, //解析数据长度
|
||
"data": result, //解析数据列表
|
||
};
|
||
},
|
||
toolbar: "#toolbar"
|
||
});
|
||
form.on('switch(statusSwitch)', function(data){
|
||
var isChecked = data.elem.checked; // 获取复选框的当前状态
|
||
var value = data.value; // 获取复选框的值
|
||
let status = isChecked ? 1 : 0;
|
||
// alert("value="+value+" ,status="+status);
|
||
// 发送请求到后端更新数据库中的状态字段
|
||
$.ajax({
|
||
url: czl_ht_url + '/teamSet/updateTeamSetStatus',
|
||
type: 'POST',
|
||
data: { resourceSetId: value, isEnable: status },
|
||
success: function(res) {
|
||
layer.msg('状态更新成功');
|
||
},
|
||
error: function() {
|
||
layer.msg('更新状态失败');
|
||
}
|
||
});
|
||
});
|
||
//监听工具条
|
||
table.on('tool(test)', function (obj) {
|
||
var data = obj.data; //当前行数据
|
||
var rowIndex = obj.index;
|
||
var layEvent = obj.event; //当前点击的事件名
|
||
var resourceSetId = data.resourceSetId;
|
||
var volLevel = data.volLevel;
|
||
var resourceName = data.resourceName;
|
||
localStorage.setItem("unitResourceSetId",resourceSetId);
|
||
localStorage.setItem("unitVolLevel",volLevel);
|
||
localStorage.setItem("unitResourceName",resourceName);
|
||
|
||
if (layEvent === 'update') {
|
||
var index = layer.open({
|
||
type: 2,
|
||
title: '修改',
|
||
content: './untiTeamModify.html',
|
||
area: ['90%', '95%'],
|
||
maxmin: false,
|
||
closeBtn: true,
|
||
btn: ['确定', '取消'],
|
||
yes: function(index, layero){
|
||
var formSubmit = layer.getChildFrame('form', index);
|
||
var submited = formSubmit.find('button')[0];
|
||
submited.click();
|
||
return false;
|
||
},
|
||
btn2: function(index, layero){
|
||
localStorage.removeItem("unitResourceSetId");
|
||
localStorage.removeItem("unitVolLevel");
|
||
localStorage.removeItem("unitResourceName");
|
||
|
||
// 用户点击了取消按钮
|
||
layer.close(index);
|
||
return false;
|
||
},
|
||
end: function(){
|
||
localStorage.removeItem("unitResourceSetId");
|
||
localStorage.removeItem("unitVolLevel");
|
||
localStorage.removeItem("unitResourceName");
|
||
query();
|
||
}
|
||
});
|
||
//layerOpenForm("修改","./proManageTeamForm.html");
|
||
}
|
||
if (layEvent === 'del') {
|
||
layer.confirm('确定要删除吗？', {
|
||
btn : [ '确定', '取消' ]
|
||
}, function() {
|
||
$.ajax({
|
||
type: 'POST',
|
||
async: false, // 默认异步true,false表示同步
|
||
url: czl_ht_url + '/teamSet/delTeamSet',// 请求地址
|
||
contentType: "application/x-www-form-urlencoded",
|
||
dataType: 'json', // 服务器返回数据类型
|
||
data: {'resourceSetId': resourceSetId,'deleteType':'1'}, //获取提交的表单字段
|
||
success: function (data) {
|
||
var resMsg = data.resMsg;
|
||
if ("数据获取成功" == resMsg) {
|
||
reloadTip("删除","删除成功",'success',layNotify);
|
||
setTimeout(function(){
|
||
layer.closeAll();
|
||
query();
|
||
}, 2000);
|
||
}else if("已在使用" ==resMsg ){
|
||
reloadTip("删除","不可删除,已有分公司团推使用此设置",'error',layNotify);
|
||
layer.closeAll();
|
||
}else {
|
||
reloadTip("删除","删除失败",'error',layNotify);
|
||
setTimeout(function(){
|
||
layer.closeAll();
|
||
}, 2000);
|
||
}
|
||
}
|
||
});
|
||
});
|
||
}
|
||
});
|
||
|
||
// 单元格编辑事件
|
||
table.on('edit(test)', function (obj) {
|
||
var field = obj.field; // 得到字段
|
||
var value = obj.value; // 得到修改后的值
|
||
var oldValue = obj.oldValue;
|
||
var data = obj.data; // 得到所在行所有键值
|
||
var update = {};
|
||
|
||
//layer.msg('编辑成功', {icon: 1});
|
||
});
|
||
});
|
||
|
||
|
||
function query(){
|
||
let keyWord = $("#keyWord").val();
|
||
let volLevelIds = $("#volLevelIds").find("option:selected").text();//获取选中文本
|
||
table.reload('menuTable', {
|
||
url: czl_ht_url + '/teamSet/getTeamSetByType'
|
||
, method: 'post' //方式默认是get
|
||
, page: true
|
||
, where: {
|
||
resourceType:'3',
|
||
keyWord: keyWord,
|
||
volLevel: volLevelIds,
|
||
} //设定异步数据接口的额外参数
|
||
});
|
||
} |