bonus
/
gz_digital_signage
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

增加公路 千张场地菜单选项以及页面

This commit is contained in:
BianLzhaoMin 2025-06-10 16:27:47 +08:00
parent 029801c016
commit 2a3e5e18b4
4 changed files with 871 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

374
src/main/resources/static/js/basic/lineManagement/child/highwayList.js Normal file
View File

@ -0,0 +1,374 @@
let form, layer, table, tableIns, idParam;
let pageNum = 1,
limitSize = 10; // 默认第一页，分页数量为10
function setParams(params) {
idParam = JSON.parse(params).id;
layui.use(["form", "layer", "table", "laydate"], function () {
form = layui.form;
layer = layui.layer;
table = layui.table;
layui.form.render();
pages(1, 10, 1);
});
}
function pages(pageNum, pageSize, typeNum) {
let params = getReqParams(pageNum, pageSize, typeNum);
let url = dataUrl + "/tbCablewaTrans/tbCablewaTransList";
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);
}
} else if (result.code === 500) {
layer.alert(result.msg, { icon: 2 });
}
},
function (xhr) {
error(xhr);
}
);
}
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: [10, 20, 50, 100, 200, 500],
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 initTable(dataList, limit, page) {
let loadingMsg = layer.msg("数据加载中,请稍候...", {
icon: 16,
scrollbar: false,
time: 0,
});
tableIns = table.render({
elem: "#table_data",
height: "full-130",
data: dataList,
limit: limit,
cols: [
[
//表头
{
title: "序号",
width: 80,
unresize: true,
align: "center",
templet: function (d) {
return (page - 1) * limit + d.LAY_INDEX;
},
},
// {
// field: "towerName",
// title: "索道终点所在杆塔",
// unresize: true,
// align: "center",
// },
// {
// field: "cablewayLength",
// title: "索道长度（km）",
// unresize: true,
// align: "center",
// },
// {
// field: "maxHeight",
// title: "最大载重（kg）",
// unresize: true,
// align: "center",
// },
// {
// field: "safetyDistance",
// title: "安全距离（m）",
// unresize: true,
// align: "center",
// },
// {
// field: "maxSlope",
// title: "最大坡度",
// unresize: true,
// align: "center",
// },
// {
// field: "cablewayWidth",
// title: "索道宽度（m）",
// unresize: true,
// align: "center",
// },
{
field: "towerName",
title: "公路所在杆塔",
unresize: true,
align: "center",
},
{
field: "highwayWidth",
title: "宽度(m)",
unresize: true,
align: "center",
},
{
field: "highwayLength",
title: "长度(m)",
unresize: true,
align: "center",
},
{
title: "操作",
unresize: true,
width: 200,
align: "center",
templet: function (d) {
let html = "";
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 = edit + del;
if (d.delFlag == 1) {
return "";
}
return html;
},
},
],
],
done: function (res, curr, count) {
layer.close(loadingMsg);
table.resize("table_data");
count ||
this.elem
.next(".layui-table-view")
.find(".layui-table-header")
.css("display", "inline-block");
count ||
this.elem
.next(".layui-table-view")
.find(".layui-table-box")
.css("overflow", "auto");
},
});
}
// 获取参数
function getReqParams(page, limit, type) {
let obj = {};
if (type === 2) {
$("#keyWord").val("");
layui.form.render();
}
obj = {
page: page + "",
limit: limit + "",
proId: idParam,
keyWord: $("#keyWord").val(),
};
console.log("杆塔管理查询条件", obj);
obj = {
encryptedData: encryptCBC(JSON.stringify(obj)),
};
return obj;
}
// 查询/重置
function query(type) {
pageNum = 1;
if (type === 2) {
$("#keyWord").val("");
layui.form.render();
}
pages(1, limitSize, type);
}
function reloadData() {
pages(pageNum, limitSize);
}
// 修改用户
function addData(id) {
let title = "修改";
let param = {
id: id,
proId: idParam,
};
openIframe2(
"addDataRopeway",
title,
"ropewayFormTemp.html",
"1000px",
"625px",
param
);
}
// 新增索道
function addDataRopeway(id) {
let title = "新增";
let param = {
id: id,
proId: idParam,
};
openIframe2(
"addDataRopeway",
title,
"ropewayFormTemp.html",
"1000px",
"625px",
param
);
}
// 新增公路
function addHighway(id) {
let title = "新增公路";
let param = {
id: id,
proId: idParam,
};
openIframe2(
"addDataRopeway",
title,
"addAndEditHighway.html",
"1000px",
"625px",
param
);
}
// 新增千张场地
function addQzSite(id) {
let title = "新增千张场地";
let param = {
id: id,
proId: idParam,
};
openIframe2(
"addDataRopeway",
title,
"addAndEditQzSite.html",
"1000px",
"625px",
param
);
}
/*删除用户*/
function delData(id) {
layer.confirm(
"确定删除吗？",
{
move: false,
},
function () {
let loadingMsg = layer.msg("数据删除中,请稍候...", {
icon: 16,
scrollbar: false,
time: 0,
});
let url = dataUrl + "/tbCablewaTrans/delTbCablewaTrans";
let params = {
id: id,
};
params = {
encryptedData: encryptCBC(JSON.stringify(params)),
};
ajaxRequest(
url,
"POST",
params,
true,
function () {},
function (result) {
layer.close(loadingMsg); // 关闭提示层
if (result.code === 200) {
layer.msg(result.msg, { icon: 1 });
setTimeout(function () {
parent.reloadData();
query();
}, 1000);
} else if (result.code === 500) {
layer.alert(result.msg, { icon: 2 });
}
},
function (xhr) {
layer.close(loadingMsg); // 关闭提示层
error(xhr);
}
);
}
);
}
function exportRopeway() {
let obj = {
keyWord: $("#keyWord").val(),
proId: idParam,
};
let params = {
encryptedData: encryptCBC(JSON.stringify(obj)),
};
let loadingMsg = layer.msg("数据导出中,请稍候...", {
icon: 16,
scrollbar: false,
time: 0,
});
let url =
dataUrl +
"/tbCablewaTrans/tbCablewaTransExport?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(params);
xhr.send();
}

375
src/main/resources/static/js/basic/lineManagement/child/qzSiteList.js Normal file
View File

@ -0,0 +1,375 @@
let form, layer, table, tableIns, idParam;
let pageNum = 1,
limitSize = 10; // 默认第一页，分页数量为10
function setParams(params) {
idParam = JSON.parse(params).id;
layui.use(["form", "layer", "table", "laydate"], function () {
form = layui.form;
layer = layui.layer;
table = layui.table;
layui.form.render();
pages(1, 10, 1);
});
}
function pages(pageNum, pageSize, typeNum) {
let params = getReqParams(pageNum, pageSize, typeNum);
let url = dataUrl + "/tbCablewaTrans/tbCablewaTransList";
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);
}
} else if (result.code === 500) {
layer.alert(result.msg, { icon: 2 });
}
},
function (xhr) {
error(xhr);
}
);
}
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: [10, 20, 50, 100, 200, 500],
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 initTable(dataList, limit, page) {
let loadingMsg = layer.msg("数据加载中,请稍候...", {
icon: 16,
scrollbar: false,
time: 0,
});
tableIns = table.render({
elem: "#table_data",
height: "full-130",
data: dataList,
limit: limit,
cols: [
[
//表头
{
title: "序号",
width: 80,
unresize: true,
align: "center",
templet: function (d) {
return (page - 1) * limit + d.LAY_INDEX;
},
},
// {
// field: "towerName",
// title: "索道终点所在杆塔",
// unresize: true,
// align: "center",
// },
// {
// field: "cablewayLength",
// title: "索道长度（km）",
// unresize: true,
// align: "center",
// },
// {
// field: "maxHeight",
// title: "最大载重（kg）",
// unresize: true,
// align: "center",
// },
// {
// field: "safetyDistance",
// title: "安全距离（m）",
// unresize: true,
// align: "center",
// },
// {
// field: "maxSlope",
// title: "最大坡度",
// unresize: true,
// align: "center",
// },
// {
// field: "cablewayWidth",
// title: "索道宽度（m）",
// unresize: true,
// align: "center",
// },
{
field: "qzSiteName",
title: "名称",
unresize: true,
align: "center",
},
{
field: "qzSiteLength",
title: "长(m)",
unresize: true,
align: "center",
},
{
field: "highwayWidth",
title: "宽(m)",
unresize: true,
align: "center",
},
{
title: "操作",
unresize: true,
width: 200,
align: "center",
templet: function (d) {
let html = "";
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 = edit + del;
if (d.delFlag == 1) {
return "";
}
return html;
},
},
],
],
done: function (res, curr, count) {
layer.close(loadingMsg);
table.resize("table_data");
count ||
this.elem
.next(".layui-table-view")
.find(".layui-table-header")
.css("display", "inline-block");
count ||
this.elem
.next(".layui-table-view")
.find(".layui-table-box")
.css("overflow", "auto");
},
});
}
// 获取参数
function getReqParams(page, limit, type) {
let obj = {};
if (type === 2) {
$("#keyWord").val("");
layui.form.render();
}
obj = {
page: page + "",
limit: limit + "",
proId: idParam,
keyWord: $("#keyWord").val(),
};
console.log("杆塔管理查询条件", obj);
obj = {
encryptedData: encryptCBC(JSON.stringify(obj)),
};
return obj;
}
// 查询/重置
function query(type) {
pageNum = 1;
if (type === 2) {
$("#keyWord").val("");
layui.form.render();
}
pages(1, limitSize, type);
}
function reloadData() {
pages(pageNum, limitSize);
}
// 修改用户
function addData(id) {
let title = "修改";
let param = {
id: id,
proId: idParam,
};
openIframe2(
"addDataRopeway",
title,
"ropewayFormTemp.html",
"1000px",
"625px",
param
);
}
// 新增索道
function addDataRopeway(id) {
let title = "新增";
let param = {
id: id,
proId: idParam,
};
openIframe2(
"addDataRopeway",
title,
"ropewayFormTemp.html",
"1000px",
"625px",
param
);
}
// 新增公路
function addHighway(id) {
let title = "新增公路";
let param = {
id: id,
proId: idParam,
};
openIframe2(
"addDataRopeway",
title,
"addAndEditHighway.html",
"1000px",
"625px",
param
);
}
// 新增千张场地
function addQzSite(id) {
let title = "新增千张场地";
let param = {
id: id,
proId: idParam,
};
openIframe2(
"addDataRopeway",
title,
"addAndEditQzSite.html",
"1000px",
"625px",
param
);
}
/*删除用户*/
function delData(id) {
layer.confirm(
"确定删除吗？",
{
move: false,
},
function () {
let loadingMsg = layer.msg("数据删除中,请稍候...", {
icon: 16,
scrollbar: false,
time: 0,
});
let url = dataUrl + "/tbCablewaTrans/delTbCablewaTrans";
let params = {
id: id,
};
params = {
encryptedData: encryptCBC(JSON.stringify(params)),
};
ajaxRequest(
url,
"POST",
params,
true,
function () {},
function (result) {
layer.close(loadingMsg); // 关闭提示层
if (result.code === 200) {
layer.msg(result.msg, { icon: 1 });
setTimeout(function () {
parent.reloadData();
query();
}, 1000);
} else if (result.code === 500) {
layer.alert(result.msg, { icon: 2 });
}
},
function (xhr) {
layer.close(loadingMsg); // 关闭提示层
error(xhr);
}
);
}
);
}
function exportRopeway() {
let obj = {
keyWord: $("#keyWord").val(),
proId: idParam,
};
let params = {
encryptedData: encryptCBC(JSON.stringify(obj)),
};
let loadingMsg = layer.msg("数据导出中,请稍候...", {
icon: 16,
scrollbar: false,
time: 0,
});
let url =
dataUrl +
"/tbCablewaTrans/tbCablewaTransExport?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(params);
xhr.send();
}

61
src/main/resources/static/pages/basic/lineManagement/child/highwayList.html Normal file
View File

@ -0,0 +1,61 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="../../../../js/layui-v2.6.8/css/layui.css" media="all">
<link rel="stylesheet" href="../../../../css/table-common2.css">
<script src="../../../../js/libs/jquery-3.7.0.min.js" charset="UTF-8" type="text/javascript"></script>
<script src="../../../../js/layui-v2.6.8/layui.js" charset="UTF-8" type="text/javascript"></script>
<script src="../../../../js/publicJs.js"></script>
<script src="../../../../js/commonUtils.js"></script>
<script src="../../../../js/openIframe.js"></script>
<script src="../../../../js/my/aes.js"></script>
<script src="../../../../js/ajaxRequest.js"></script>
<title>线路工程管理-索道运输</title>
</head>
<body>
<div id="content">
<div class="basic-search-box layout">
<form class="layui-form basic-form" onsubmit="return false;">
<div class="layui-form-item">
<div class="layui-inline" style="padding: 0 0 0 10px;">
<div class="layui-input-inline">
<input type="text" id="keyWord" name="keyWord" maxlength="30" class="layui-input"
autocomplete="off" placeholder="请输入杆塔号">
</div>
</div>
<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="query(2)">重置
</button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm btn-1"
style="background-color: #00377A;color: #ffffff" onclick="exportRopeway()">
<div class="layout" style="justify-content: space-around;">
<p>导出</p>
</div>
</button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm btn-2"
style="background-color: #00377A;color: #ffffff" onclick="addHighway(null)">
<div class="layout" style="justify-content: space-around;">
<p>新增公路</p>
</div>
</button>
</div>
</div>
</form>
</div>
<div class="table-box" table-responsive style="z-index: 1;">
<table id="table_data" class="table" lay-filter="table_data"></table>
<div id="voi-page" class="layout"></div>
</div>
</div>
</body>
<script type="text/javascript" src="../../../../js/basic/lineManagement/child/highwayList.js"></script>
</html>

61
src/main/resources/static/pages/basic/lineManagement/child/qzSiteList.html Normal file
View File

@ -0,0 +1,61 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="../../../../js/layui-v2.6.8/css/layui.css" media="all">
<link rel="stylesheet" href="../../../../css/table-common2.css">
<script src="../../../../js/libs/jquery-3.7.0.min.js" charset="UTF-8" type="text/javascript"></script>
<script src="../../../../js/layui-v2.6.8/layui.js" charset="UTF-8" type="text/javascript"></script>
<script src="../../../../js/publicJs.js"></script>
<script src="../../../../js/commonUtils.js"></script>
<script src="../../../../js/openIframe.js"></script>
<script src="../../../../js/my/aes.js"></script>
<script src="../../../../js/ajaxRequest.js"></script>
<title>线路工程管理-索道运输</title>
</head>
<body>
<div id="content">
<div class="basic-search-box layout">
<form class="layui-form basic-form" onsubmit="return false;">
<div class="layui-form-item">
<div class="layui-inline" style="padding: 0 0 0 10px;">
<div class="layui-input-inline">
<input type="text" id="keyWord" name="keyWord" maxlength="30" class="layui-input"
autocomplete="off" placeholder="请输入杆塔号">
</div>
</div>
<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="query(2)">重置
</button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm btn-1"
style="background-color: #00377A;color: #ffffff" onclick="exportRopeway()">
<div class="layout" style="justify-content: space-around;">
<p>导出</p>
</div>
</button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm btn-3"
style="background-color: #00377A;color: #ffffff" onclick="addQzSite(null)">
<div class="layout" style="justify-content: space-around;">
<p>新增千张场地</p>
</div>
</button>
</div>
</div>
</form>
</div>
<div class="table-box" table-responsive style="z-index: 1;">
<table id="table_data" class="table" lay-filter="table_data"></table>
<div id="voi-page" class="layout"></div>
</div>
</div>
</body>
<script type="text/javascript" src="../../../../js/basic/lineManagement/child/qzSiteList.js"></script>
</html>