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-09 16:25:27 +08:00
parent 66d4cd6e0a
commit 424ff0a4c6
3 changed files with 349 additions and 214 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

285
src/main/resources/static/js/basic/lineManagement/child/ropewayList.js
View File

@ -1,62 +1,72 @@
let form, layer, table, tableIns,idParam;
let pageNum = 1, limitSize = 10; // 默认第一页，分页数量为10
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 () {
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) {
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)
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})
layer.alert(result.msg, { icon: 2 });
}
}, function (xhr) {
error(xhr)
});
},
function (xhr) {
error(xhr);
}
);
}
function laypages(total, page, limit) {
layui.use(['laypage'], function () {
layui.use(["laypage"], function () {
let laypage = layui.laypage;
laypage.render({
elem: 'voi-page',
elem: "voi-page",
count: total,
curr: page,
limit: limit,
limits: [10, 20, 50, 100, 200, 500],
layout: ['prev', 'page', 'next', 'skip', 'count', 'limit'],
layout: ["prev", "page", "next", "skip", "count", "limit"],
groups: 5,
jump: function (obj, first) {
if (!first) {
pageNum = obj.curr, limitSize = obj.limit;
(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,});
let loadingMsg = layer.msg("数据加载中,请稍候...", {
icon: 16,
scrollbar: false,
time: 0,
});
tableIns = table.render({
elem: "#table_data",
height: "full-130",
@ -66,70 +76,119 @@ function initTable(dataList, limit, page) {
[
//表头
{
title: "序号", width: 80, unresize: true, align: "center",
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"},
},
{
title: "操作", unresize: true, width: 200, align: "center",
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",
},
{
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>";
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 "";
}
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");
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('')
$("#keyWord").val("");
layui.form.render();
}
obj = {
page: page + "",
limit: limit + "",
proId: idParam,
keyWord: $('#keyWord').val()
keyWord: $("#keyWord").val(),
};
console.log("杆塔管理查询条件", obj);
obj = {
encryptedData: encryptCBC(JSON.stringify(obj)),
};
console.log("杆塔管理查询条件", obj)
obj={
encryptedData:encryptCBC(JSON.stringify(obj))
}
return obj;
}
// 查询/重置
function query(type) {
pageNum = 1;
if(type === 2){
$('#keyWord').val('')
if (type === 2) {
$("#keyWord").val("");
layui.form.render();
}
pages(1, limitSize,type);
pages(1, limitSize, type);
}
function reloadData() {
@ -138,69 +197,117 @@ function reloadData() {
// 修改用户
function addData(id) {
let title = '修改'
let title = "修改";
let param = {
'id': id,
'proId':idParam
}
openIframe2("addDataRopeway", title, "ropewayFormTemp.html", '1000px', '625px', param);
id: id,
proId: idParam,
};
openIframe2(
"addDataRopeway",
title,
"ropewayFormTemp.html",
"1000px",
"625px",
param
);
}
function addDataRopeway(id) {
let title = '新增'
let title = "新增";
let param = {
'id': id,
'proId':idParam
}
openIframe2("addDataRopeway", title, "ropewayFormTemp.html", '1000px', '625px', 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, "ropewayFormTemp.html", '1000px', '625px', param);
}
/*删除用户*/
function delData(id) {
layer.confirm("确定删除吗？", {
move: false
}, function () {
let loadingMsg = layer.msg('数据删除中,请稍候...', {icon: 16, scrollbar: false, time: 0});
layer.confirm(
"确定删除吗？",
{
move: false,
},
function () {
let loadingMsg = layer.msg("数据删除中,请稍候...", {
icon: 16,
scrollbar: false,
time: 0,
});
let url = dataUrl + "/tbCablewaTrans/delTbCablewaTrans";
let params = {
'id': id
}
id: id,
};
params = {
encryptedData: encryptCBC(JSON.stringify(params))
}
ajaxRequest(url, "POST", params, true, function () {
}, function (result) {
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})
layer.msg(result.msg, { icon: 1 });
setTimeout(function () {
parent.reloadData()
query()
},1000)
parent.reloadData();
query();
}, 1000);
} else if (result.code === 500) {
layer.alert(result.msg, {icon: 2})
layer.alert(result.msg, { icon: 2 });
}
}, function (xhr) {
},
function (xhr) {
layer.close(loadingMsg); // 关闭提示层
error(xhr)
});
})
error(xhr);
}
);
}
);
}
function exportRopeway(){
function exportRopeway() {
let obj = {
keyWord: $('#keyWord').val(),
proId: idParam
}
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)));
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.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
xhr.onload = function () {
layer.close(loadingMsg);
if (this.status === 200) {
@ -210,7 +317,11 @@ function exportRopeway(){
a.href = url;
a.download = "索道运输" + ".xlsx"; // 文件名
} else {
layer.msg("数据导出发生异常,请稍后重试", {icon: 16, scrollbar: false, time: 2000});
layer.msg("数据导出发生异常,请稍后重试", {
icon: 16,
scrollbar: false,
time: 2000,
});
}
a.click();
window.URL.revokeObjectURL(url);

54
src/main/resources/static/pages/basic/lineManagement/child/lineFormTemp.html
View File

@ -1,10 +1,11 @@
<!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="../../../../js/layui-v2.6.8/dtree/dtree.css">
<link href="../../../../js/layui-v2.6.8/formSelects-v4.css" rel="stylesheet" type="text/css"/>
<link href="../../../../js/layui-v2.6.8/formSelects-v4.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="../../../../js/layui-v2.6.8/dtree/font/dtreefont.css">
<link rel="stylesheet" href="../../../../css/dataForm.css">
<script src="../../../../js/libs/jquery-3.7.0.min.js" charset="UTF-8" type="text/javascript"></script>
@ -51,7 +52,8 @@
}
/* 输入框样式 */
.layui-input, .layui-select {
.layui-input,
.layui-select {
width: 100%;
}
@ -60,13 +62,15 @@
color: red;
margin-right: 5px;
}
.dtree-select{
.dtree-select {
width: 34.8%;
}
</style>
</head>
<body>
<div id="main-box">
<div id="main-box">
<form class="layui-form form-container " onsubmit="return false;">
<input hidden id="id">
@ -80,8 +84,8 @@
<div class="form-item">
<div class="form-label"><span class="required">*</span>工程名称：</div>
<div class="input-container">
<input class="layui-input" id="proName" name="proName" autocomplete="off"
placeholder="输入内容" lay-verify="required" maxlength="50">
<input class="layui-input" id="proName" name="proName" autocomplete="off" placeholder="输入内容"
lay-verify="required" maxlength="50">
</div>
</div>
</div>
@ -98,9 +102,8 @@
<div class="form-item">
<div class="form-label">线路长度（km）：</div>
<div class="input-container">
<input class="layui-input" id="lineLength" name="lineLength"
lay-verify="positiveNumber" autocomplete="off"
placeholder="请输入正数" maxlength="10">
<input class="layui-input" id="lineLength" name="lineLength" lay-verify="positiveNumber"
autocomplete="off" placeholder="请输入正数" maxlength="10">
</div>
</div>
</div>
@ -109,15 +112,13 @@
<div class="form-item">
<div class="form-label">计划开始时间：</div>
<div class="input-container">
<input type="text" class="layui-input" id="planStartTime" name="planStartTime"
readonly>
<input type="text" class="layui-input" id="planStartTime" name="planStartTime" readonly>
</div>
</div>
<div class="form-item">
<div class="form-label">计划完工时间：</div>
<div class="input-container">
<input type="text" class="layui-input" id="planEndTime" name="planEndTime"
readonly>
<input type="text" class="layui-input" id="planEndTime" name="planEndTime" readonly>
</div>
</div>
</div>
@ -126,16 +127,14 @@
<div class="form-item">
<div class="form-label">工程经度：</div>
<div class="input-container">
<input class="layui-input" id="lon" name="lon"
lay-verify="longitude" autocomplete="off"
<input class="layui-input" id="lon" name="lon" lay-verify="longitude" autocomplete="off"
placeholder="请输入经度（大约73.55°E至135.08°E）" maxlength="10">
</div>
</div>
<div class="form-item">
<div class="form-label">工程纬度：</div>
<div class="input-container">
<input class="layui-input" id="lat" name="lat"
lay-verify="latitude" autocomplete="off"
<input class="layui-input" id="lat" name="lat" lay-verify="latitude" autocomplete="off"
placeholder="请输入纬度（大约4°N至53°N）" maxlength="10">
</div>
</div>
@ -145,8 +144,8 @@
<div class="form-item">
<div class="form-label">工程地址：</div>
<div class="input-container">
<input class="layui-input" id="address" name="address" autocomplete="off"
placeholder="输入内容" maxlength="100">
<input class="layui-input" id="address" name="address" autocomplete="off" placeholder="输入内容"
maxlength="100">
</div>
</div>
<div class="form-item">
@ -159,16 +158,27 @@
</div>
</div>
<div class="form-row">
<div class="form-item" style="width: 100%;">
<div class="form-label">工程概况：</div>
<div class="input-container">
<input class="layui-input" id="projectOverview" name="projectOverview" autocomplete="off"
placeholder="输入内容" maxlength="100">
</div>
</div>
</div>
<button type="submit" id="formSubmit" class="layui-btn" lay-submit="" lay-filter="formData"
style="display: none;"></button>
</form>
</div>
</div>
<div class="btn-box">
<div class="btn-box">
<button class="layui-btn layui-btn-norma save" onclick="saveData2()">确定</button>
<button class="layui-btn layui-btn-primary cancel" onclick="closePage()">取消</button>
</div>
</div>
</body>
<script src="../../../../js/basic/lineManagement/child/lineFormTemp.js" charset="UTF-8" type="text/javascript"></script>
</html>

36
src/main/resources/static/pages/basic/lineManagement/child/ropewayList.html
View File

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="../../../../js/layui-v2.6.8/css/layui.css" media="all">
@ -13,31 +14,43 @@
<script src="../../../../js/ajaxRequest.js"></script>
<title>线路工程管理-索道运输</title>
</head>
<body>
<div id="content">
<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="请输入杆塔号">
<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 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 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()">
<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>
<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="addDataRopeway(null)">
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm btn-2"
style="background-color: #00377A;color: #ffffff" onclick="addDataRopeway(null)">
<div class="layout" style="justify-content: space-around;">
<p>新增索道</p></div>
<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>
@ -47,7 +60,8 @@
<table id="table_data" class="table" lay-filter="table_data"></table>
<div id="voi-page" class="layout"></div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="../../../../js/basic/lineManagement/child/ropewayList.js"></script>
</html>