新增公路 新增牵张场地基础新增逻辑完善以及页面初步搭建
This commit is contained in:
BianLzhaoMin
parent
102dd6e315
commit
69f04c9a09
|
|
@ -6,7 +6,7 @@ body {
|
|||
height: 99%;
|
||||
margin: 0.15% 0 0 0.25%;
|
||||
padding: 0;
|
||||
font-family: 'Microsoft YaHei';
|
||||
font-family: "Microsoft YaHei";
|
||||
}
|
||||
|
||||
.layui-laypage-skip {
|
||||
|
|
@ -20,14 +20,16 @@ body {
|
|||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.close, .closePage {
|
||||
.close,
|
||||
.closePage {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
justify-content: space-between;
|
||||
padding: 0 1%;
|
||||
}
|
||||
|
||||
.close p, .closePage p {
|
||||
.close p,
|
||||
.closePage p {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
|
|
@ -70,7 +72,7 @@ body {
|
|||
|
||||
/*按钮背景色*/
|
||||
.btn-1 {
|
||||
background-color: #00377A;
|
||||
background-color: #00377a;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
|
|
@ -80,14 +82,20 @@ body {
|
|||
width: 88px !important;
|
||||
color: #000;
|
||||
}
|
||||
.btn-3 {
|
||||
background-color: #fff;
|
||||
letter-spacing: 1px;
|
||||
width: 130px !important;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.btn-3 {
|
||||
background-color: #3CA63C;
|
||||
background-color: #3ca63c;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.lock {
|
||||
background-color: #FFAB44;
|
||||
background-color: #ffab44;
|
||||
color: #fff !important;
|
||||
width: 60px;
|
||||
height: 23px;
|
||||
|
|
@ -149,14 +157,14 @@ body {
|
|||
}
|
||||
|
||||
.layui-table-cell a {
|
||||
color: #2F82FB;
|
||||
color: #2f82fb;
|
||||
font-size: 15px;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.layui-table-cell a.layui-icon {
|
||||
color: #2F82FB;
|
||||
color: #2f82fb;
|
||||
font-size: 18px !important;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -177,7 +185,8 @@ body {
|
|||
font-weight: bold;
|
||||
}
|
||||
|
||||
.layui-table, .layui-table-view {
|
||||
.layui-table,
|
||||
.layui-table-view {
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
|
||||
|
|
@ -228,16 +237,16 @@ body {
|
|||
}
|
||||
|
||||
.layui-laypage .layui-laypage-curr .layui-laypage-em {
|
||||
background-color: #00377A;
|
||||
background-color: #00377a;
|
||||
}
|
||||
|
||||
.layui-laypage a:hover {
|
||||
color: #00377A;
|
||||
color: #00377a;
|
||||
}
|
||||
|
||||
.layui-laypage input:focus,
|
||||
.layui-laypage select:focus {
|
||||
border-color: #00377A !important
|
||||
border-color: #00377a !important;
|
||||
}
|
||||
|
||||
.layui-laypage-default a,
|
||||
|
|
@ -296,7 +305,6 @@ body {
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
.layui-table-body {
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
|
@ -333,7 +341,7 @@ body {
|
|||
.layui-textarea:hover {
|
||||
/*border: 1px solid #595959 !important;*/
|
||||
border-color: #00377a !important;
|
||||
box-shadow: 0 0 0 3px rgba(0, 55, 122, .08)
|
||||
box-shadow: 0 0 0 3px rgba(0, 55, 122, 0.08);
|
||||
}
|
||||
|
||||
.layui-input:focus,
|
||||
|
|
@ -341,11 +349,11 @@ body {
|
|||
.layui-textarea:focus {
|
||||
/*border: 1px solid #595959 !important;*/
|
||||
border-color: #00377a !important;
|
||||
box-shadow: 0 0 0 3px rgba(0, 55, 122, .08)
|
||||
box-shadow: 0 0 0 3px rgba(0, 55, 122, 0.08);
|
||||
}
|
||||
|
||||
.layui-form-item .layui-inline .layui-input-inline {
|
||||
width: 255px
|
||||
width: 255px;
|
||||
}
|
||||
|
||||
.layui-form-item {
|
||||
|
|
@ -405,7 +413,7 @@ body {
|
|||
padding: 2px 5px;
|
||||
background-color: #009688;
|
||||
border-radius: 2px;
|
||||
color: #FFF;
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
line-height: 18px;
|
||||
height: 18px;
|
||||
|
|
@ -433,7 +441,8 @@ body {
|
|||
height: 40px !important;
|
||||
}
|
||||
|
||||
.xm-form-selected .xm-select, .xm-form-selected .xm-select:hover {
|
||||
.xm-form-selected .xm-select,
|
||||
.xm-form-selected .xm-select:hover {
|
||||
border-color: #595959 !important;
|
||||
}
|
||||
|
||||
|
|
@ -467,7 +476,6 @@ body {
|
|||
|
||||
/*滚动条样式end*/
|
||||
|
||||
|
||||
.layui-input::-webkit-input-placeholder,
|
||||
.layui-textarea::-webkit-input-placeholder {
|
||||
color: #595959;
|
||||
|
|
@ -484,8 +492,8 @@ body {
|
|||
}
|
||||
|
||||
.layui-layer-btn .layui-layer-btn0 {
|
||||
border-color: #00377A !important;
|
||||
background-color: #00377A !important;
|
||||
border-color: #00377a !important;
|
||||
background-color: #00377a !important;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
|
@ -536,7 +544,7 @@ img {
|
|||
}
|
||||
|
||||
.table-striped > tbody > tr > td {
|
||||
border-bottom: 1px solid #D9D9D9 !important;
|
||||
border-bottom: 1px solid #d9d9d9 !important;
|
||||
border-top: none !important;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
|
@ -727,11 +735,18 @@ img {
|
|||
align-items: center;
|
||||
}
|
||||
|
||||
.confirm-form .layui-form .layui-form-item .layui-inline .layui-form-selected dl {
|
||||
.confirm-form
|
||||
.layui-form
|
||||
.layui-form-item
|
||||
.layui-inline
|
||||
.layui-form-selected
|
||||
dl {
|
||||
height: 85px;
|
||||
}
|
||||
|
||||
.confirm-form .layui-form .layui-input, .layui-select, .layui-textarea {
|
||||
.confirm-form .layui-form .layui-input,
|
||||
.layui-select,
|
||||
.layui-textarea {
|
||||
height: 30px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
|
@ -857,8 +872,8 @@ input:-ms-input-placeholder {
|
|||
}
|
||||
|
||||
.layui-anim {
|
||||
-webkit-animation-duration: .3s;
|
||||
animation-duration: .3s;
|
||||
-webkit-animation-duration: 0.3s;
|
||||
animation-duration: 0.3s;
|
||||
-webkit-animation-fill-mode: both;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
|
|
@ -869,7 +884,7 @@ input:-ms-input-placeholder {
|
|||
}
|
||||
|
||||
.layui-layer-adminRight {
|
||||
box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
|
||||
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,252 @@
|
|||
let form, layer, util, laydate, idParam, phoneParam, proId;
|
||||
let arr = ["background", "web", "mobile", "wx"];
|
||||
let background, web, mobile, wx;
|
||||
let data = [],
|
||||
appResList = [];
|
||||
let pointsStr = null;
|
||||
let startDate, endDate;
|
||||
|
||||
function setParams(params) {
|
||||
console.log(params);
|
||||
idParam = JSON.parse(params).id;
|
||||
proId = JSON.parse(params).proId;
|
||||
layui.use(["form", "layer", "util", "laydate"], function () {
|
||||
form = layui.form;
|
||||
layer = layui.layer;
|
||||
util = layui.util;
|
||||
laydate = layui.laydate;
|
||||
var $ = layui.jquery;
|
||||
|
||||
// 初始化表单
|
||||
form.render();
|
||||
loadTowerOptions();
|
||||
console.log(idParam + "idParam");
|
||||
if (idParam) {
|
||||
getRopewayById();
|
||||
}
|
||||
|
||||
// 监听杆塔选择
|
||||
form.on("select(towerSelect)", function (data) {
|
||||
// 这里可以根据选择的杆塔自动填写相关信息
|
||||
if (data.value) {
|
||||
getTowerInfo(data.value);
|
||||
}
|
||||
});
|
||||
// 监听杆塔选择
|
||||
form.on("select(highwayTowerSelect)", function (data) {
|
||||
// 这里可以根据选择的杆塔自动填写相关信息
|
||||
if (data.value) {
|
||||
getTowerInfo(data.value);
|
||||
}
|
||||
});
|
||||
|
||||
// 表单验证
|
||||
form.verify({
|
||||
required: function (value, item) {
|
||||
if (!value) {
|
||||
return "必填项不能为空";
|
||||
}
|
||||
},
|
||||
number: function (value, item) {
|
||||
const strictPositiveNumberRegex =
|
||||
/^([1-9]\d*(\.\d+)?|0\.\d*[1-9]\d*)$/;
|
||||
if (!strictPositiveNumberRegex.test(value)) {
|
||||
return "请输入有效的数字";
|
||||
}
|
||||
},
|
||||
/*number: [
|
||||
/^-?\d+\.?\d*$/,
|
||||
'请输入有效的数字'
|
||||
],*/
|
||||
});
|
||||
|
||||
// 表单提交
|
||||
form.on("submit(formData)", function (data) {
|
||||
let formData = data.field;
|
||||
formData.proId = proId;
|
||||
saveData(formData);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// 加载杆塔选项
|
||||
function loadTowerOptions() {
|
||||
let url = dataUrl + "/tbTower/getTbTowerAll";
|
||||
let params = { proId: proId };
|
||||
params = {
|
||||
encryptedData: encryptCBC(JSON.stringify(params)),
|
||||
};
|
||||
ajaxRequest(url, "POST", params, true, null, function (result) {
|
||||
if (result.code === 200) {
|
||||
let options = '<option value="">选择杆塔</option>';
|
||||
result.data.forEach((item) => {
|
||||
options += `<option value="${item.id}">${item.towerName}</option>`;
|
||||
});
|
||||
$('select[name="towerId"]').html(options);
|
||||
$('select[name="highwayTowerId"]').html(options);
|
||||
form.render("select");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// 获取杆塔信息
|
||||
function getTowerInfo(towerId) {
|
||||
let url = dataUrl + "/tower/getById";
|
||||
let params = {
|
||||
id: towerId,
|
||||
encryptedData: encryptCBC(JSON.stringify({ id: towerId })),
|
||||
};
|
||||
|
||||
ajaxRequest(url, "POST", params, true, null, function (result) {
|
||||
if (result.code === 200) {
|
||||
// 可以根据杆塔信息自动填写一些表单项
|
||||
console.log("获取到杆塔信息:", result.data);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// 根据id获取索道信息
|
||||
function getRopewayById() {
|
||||
let loadingMsg = layer.msg("数据加载中,请稍候...", { icon: 16, time: 0 });
|
||||
let url = dataUrl + "/tbCablewaTrans/getTbCablewaTransById";
|
||||
let params = {
|
||||
encryptedData: encryptCBC(JSON.stringify({ id: idParam })),
|
||||
};
|
||||
|
||||
ajaxRequest(
|
||||
url,
|
||||
"POST",
|
||||
params,
|
||||
true,
|
||||
null,
|
||||
function (result) {
|
||||
layer.close(loadingMsg);
|
||||
if (result.code === 200) {
|
||||
setFormData(result.data);
|
||||
} else {
|
||||
layer.alert(result.msg, { icon: 2 });
|
||||
}
|
||||
},
|
||||
function (xhr) {
|
||||
layer.close(loadingMsg);
|
||||
error(xhr);
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
// 设置表单数据
|
||||
function setFormData(data) {
|
||||
if (data) {
|
||||
form.val("ropewayForm", data);
|
||||
pointsStr = JSON.stringify(data.cablewaTransPointVoList);
|
||||
// 设置跨越类型并触发切换事件
|
||||
form.render("select");
|
||||
}
|
||||
}
|
||||
|
||||
function saveData2() {
|
||||
$("#formSubmit").trigger("click");
|
||||
}
|
||||
|
||||
// 保存数据
|
||||
function saveData(data) {
|
||||
if (!pointsStr) {
|
||||
return layer.msg("请配置索道口、中转口、索道终点经纬度", { icon: 7 });
|
||||
}
|
||||
let loadingMsg = layer.msg("数据上传中,请稍候...", {
|
||||
icon: 16,
|
||||
scrollbar: false,
|
||||
time: 0,
|
||||
});
|
||||
let url = dataUrl + "/tbCablewaTrans/addTbCablewaTrans";
|
||||
let params = data;
|
||||
params.cablewaTransPointVoList = JSON.parse(pointsStr);
|
||||
if (params.id) {
|
||||
url = dataUrl + "/tbCablewaTrans/updateTbCablewaTrans";
|
||||
}
|
||||
|
||||
console.log("索道运输的新增修改", params);
|
||||
params = {
|
||||
encryptedData: encryptCBC(JSON.stringify(params)),
|
||||
};
|
||||
|
||||
// 禁用所有输入框和按钮
|
||||
function disableForm() {
|
||||
$("input, select").attr("disabled", true);
|
||||
$(".span-type-option").css("pointer-events", "none");
|
||||
$(".save, .cancel")
|
||||
.addClass("layui-btn-disabled")
|
||||
.attr("disabled", true);
|
||||
}
|
||||
|
||||
// 启用所有输入框和按钮
|
||||
function enableForm() {
|
||||
$("input, select").attr("disabled", false);
|
||||
$(".span-type-option").css("pointer-events", "auto");
|
||||
$(".save, .cancel")
|
||||
.removeClass("layui-btn-disabled")
|
||||
.attr("disabled", false);
|
||||
}
|
||||
|
||||
ajaxRequest(
|
||||
url,
|
||||
"POST",
|
||||
params,
|
||||
true,
|
||||
function () {
|
||||
disableForm();
|
||||
},
|
||||
function (result) {
|
||||
layer.close(loadingMsg);
|
||||
if (result.code === 200) {
|
||||
layer.msg(result.msg, { icon: 1 });
|
||||
setTimeout(function () {
|
||||
closePage(1);
|
||||
}, 3000);
|
||||
} else {
|
||||
layer.alert(result.msg, { icon: 2 });
|
||||
setTimeout(function () {
|
||||
enableForm();
|
||||
}, 3000);
|
||||
}
|
||||
},
|
||||
function (xhr) {
|
||||
layer.close(loadingMsg);
|
||||
enableForm();
|
||||
error(xhr);
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
// 配置索道口、中转口
|
||||
function setLonAndLatData() {
|
||||
let obj = {};
|
||||
obj.id = proId;
|
||||
obj.points = pointsStr;
|
||||
openIframeByParamObj2(
|
||||
"setLonAndLatData",
|
||||
"配置索道口、中转口、索道终点经纬度",
|
||||
"../../lineManagement/child/setLonAndLat.html",
|
||||
"92%",
|
||||
"95%",
|
||||
obj
|
||||
);
|
||||
}
|
||||
|
||||
function savePointData(str) {
|
||||
pointsStr = str;
|
||||
}
|
||||
|
||||
function clearPointData() {
|
||||
pointsStr = null;
|
||||
}
|
||||
|
||||
// 关闭页面
|
||||
function closePage(type) {
|
||||
let index = parent.layer.getFrameIndex(window.name);
|
||||
parent.layer.close(index);
|
||||
if (type === 1) {
|
||||
parent.reloadData();
|
||||
parent.parent.reloadData();
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,252 @@
|
|||
let form, layer, util, laydate, idParam, phoneParam, proId;
|
||||
let arr = ["background", "web", "mobile", "wx"];
|
||||
let background, web, mobile, wx;
|
||||
let data = [],
|
||||
appResList = [];
|
||||
let pointsStr = null;
|
||||
let startDate, endDate;
|
||||
|
||||
function setParams(params) {
|
||||
console.log(params);
|
||||
idParam = JSON.parse(params).id;
|
||||
proId = JSON.parse(params).proId;
|
||||
layui.use(["form", "layer", "util", "laydate"], function () {
|
||||
form = layui.form;
|
||||
layer = layui.layer;
|
||||
util = layui.util;
|
||||
laydate = layui.laydate;
|
||||
var $ = layui.jquery;
|
||||
|
||||
// 初始化表单
|
||||
form.render();
|
||||
loadTowerOptions();
|
||||
console.log(idParam + "idParam");
|
||||
if (idParam) {
|
||||
getRopewayById();
|
||||
}
|
||||
|
||||
// 监听杆塔选择
|
||||
form.on("select(towerSelect)", function (data) {
|
||||
// 这里可以根据选择的杆塔自动填写相关信息
|
||||
if (data.value) {
|
||||
getTowerInfo(data.value);
|
||||
}
|
||||
});
|
||||
// 监听杆塔选择
|
||||
form.on("select(highwayTowerSelect)", function (data) {
|
||||
// 这里可以根据选择的杆塔自动填写相关信息
|
||||
if (data.value) {
|
||||
getTowerInfo(data.value);
|
||||
}
|
||||
});
|
||||
|
||||
// 表单验证
|
||||
form.verify({
|
||||
required: function (value, item) {
|
||||
if (!value) {
|
||||
return "必填项不能为空";
|
||||
}
|
||||
},
|
||||
number: function (value, item) {
|
||||
const strictPositiveNumberRegex =
|
||||
/^([1-9]\d*(\.\d+)?|0\.\d*[1-9]\d*)$/;
|
||||
if (!strictPositiveNumberRegex.test(value)) {
|
||||
return "请输入有效的数字";
|
||||
}
|
||||
},
|
||||
/*number: [
|
||||
/^-?\d+\.?\d*$/,
|
||||
'请输入有效的数字'
|
||||
],*/
|
||||
});
|
||||
|
||||
// 表单提交
|
||||
form.on("submit(formData)", function (data) {
|
||||
let formData = data.field;
|
||||
formData.proId = proId;
|
||||
saveData(formData);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// 加载杆塔选项
|
||||
function loadTowerOptions() {
|
||||
let url = dataUrl + "/tbTower/getTbTowerAll";
|
||||
let params = { proId: proId };
|
||||
params = {
|
||||
encryptedData: encryptCBC(JSON.stringify(params)),
|
||||
};
|
||||
ajaxRequest(url, "POST", params, true, null, function (result) {
|
||||
if (result.code === 200) {
|
||||
let options = '<option value="">选择杆塔</option>';
|
||||
result.data.forEach((item) => {
|
||||
options += `<option value="${item.id}">${item.towerName}</option>`;
|
||||
});
|
||||
$('select[name="towerId"]').html(options);
|
||||
$('select[name="highwayTowerId"]').html(options);
|
||||
form.render("select");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// 获取杆塔信息
|
||||
function getTowerInfo(towerId) {
|
||||
let url = dataUrl + "/tower/getById";
|
||||
let params = {
|
||||
id: towerId,
|
||||
encryptedData: encryptCBC(JSON.stringify({ id: towerId })),
|
||||
};
|
||||
|
||||
ajaxRequest(url, "POST", params, true, null, function (result) {
|
||||
if (result.code === 200) {
|
||||
// 可以根据杆塔信息自动填写一些表单项
|
||||
console.log("获取到杆塔信息:", result.data);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// 根据id获取索道信息
|
||||
function getRopewayById() {
|
||||
let loadingMsg = layer.msg("数据加载中,请稍候...", { icon: 16, time: 0 });
|
||||
let url = dataUrl + "/tbCablewaTrans/getTbCablewaTransById";
|
||||
let params = {
|
||||
encryptedData: encryptCBC(JSON.stringify({ id: idParam })),
|
||||
};
|
||||
|
||||
ajaxRequest(
|
||||
url,
|
||||
"POST",
|
||||
params,
|
||||
true,
|
||||
null,
|
||||
function (result) {
|
||||
layer.close(loadingMsg);
|
||||
if (result.code === 200) {
|
||||
setFormData(result.data);
|
||||
} else {
|
||||
layer.alert(result.msg, { icon: 2 });
|
||||
}
|
||||
},
|
||||
function (xhr) {
|
||||
layer.close(loadingMsg);
|
||||
error(xhr);
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
// 设置表单数据
|
||||
function setFormData(data) {
|
||||
if (data) {
|
||||
form.val("ropewayForm", data);
|
||||
pointsStr = JSON.stringify(data.cablewaTransPointVoList);
|
||||
// 设置跨越类型并触发切换事件
|
||||
form.render("select");
|
||||
}
|
||||
}
|
||||
|
||||
function saveData2() {
|
||||
$("#formSubmit").trigger("click");
|
||||
}
|
||||
|
||||
// 保存数据
|
||||
function saveData(data) {
|
||||
if (!pointsStr) {
|
||||
return layer.msg("请配置索道口、中转口、索道终点经纬度", { icon: 7 });
|
||||
}
|
||||
let loadingMsg = layer.msg("数据上传中,请稍候...", {
|
||||
icon: 16,
|
||||
scrollbar: false,
|
||||
time: 0,
|
||||
});
|
||||
let url = dataUrl + "/tbCablewaTrans/addTbCablewaTrans";
|
||||
let params = data;
|
||||
params.cablewaTransPointVoList = JSON.parse(pointsStr);
|
||||
if (params.id) {
|
||||
url = dataUrl + "/tbCablewaTrans/updateTbCablewaTrans";
|
||||
}
|
||||
|
||||
console.log("索道运输的新增修改", params);
|
||||
params = {
|
||||
encryptedData: encryptCBC(JSON.stringify(params)),
|
||||
};
|
||||
|
||||
// 禁用所有输入框和按钮
|
||||
function disableForm() {
|
||||
$("input, select").attr("disabled", true);
|
||||
$(".span-type-option").css("pointer-events", "none");
|
||||
$(".save, .cancel")
|
||||
.addClass("layui-btn-disabled")
|
||||
.attr("disabled", true);
|
||||
}
|
||||
|
||||
// 启用所有输入框和按钮
|
||||
function enableForm() {
|
||||
$("input, select").attr("disabled", false);
|
||||
$(".span-type-option").css("pointer-events", "auto");
|
||||
$(".save, .cancel")
|
||||
.removeClass("layui-btn-disabled")
|
||||
.attr("disabled", false);
|
||||
}
|
||||
|
||||
ajaxRequest(
|
||||
url,
|
||||
"POST",
|
||||
params,
|
||||
true,
|
||||
function () {
|
||||
disableForm();
|
||||
},
|
||||
function (result) {
|
||||
layer.close(loadingMsg);
|
||||
if (result.code === 200) {
|
||||
layer.msg(result.msg, { icon: 1 });
|
||||
setTimeout(function () {
|
||||
closePage(1);
|
||||
}, 3000);
|
||||
} else {
|
||||
layer.alert(result.msg, { icon: 2 });
|
||||
setTimeout(function () {
|
||||
enableForm();
|
||||
}, 3000);
|
||||
}
|
||||
},
|
||||
function (xhr) {
|
||||
layer.close(loadingMsg);
|
||||
enableForm();
|
||||
error(xhr);
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
// 配置索道口、中转口
|
||||
function setLonAndLatData() {
|
||||
let obj = {};
|
||||
obj.id = proId;
|
||||
obj.points = pointsStr;
|
||||
openIframeByParamObj2(
|
||||
"setLonAndLatData",
|
||||
"配置索道口、中转口、索道终点经纬度",
|
||||
"../../lineManagement/child/setLonAndLat.html",
|
||||
"92%",
|
||||
"95%",
|
||||
obj
|
||||
);
|
||||
}
|
||||
|
||||
function savePointData(str) {
|
||||
pointsStr = str;
|
||||
}
|
||||
|
||||
function clearPointData() {
|
||||
pointsStr = null;
|
||||
}
|
||||
|
||||
// 关闭页面
|
||||
function closePage(type) {
|
||||
let index = parent.layer.getFrameIndex(window.name);
|
||||
parent.layer.close(index);
|
||||
if (type === 1) {
|
||||
parent.reloadData();
|
||||
parent.parent.reloadData();
|
||||
}
|
||||
}
|
||||
|
|
@ -231,11 +231,35 @@ function addDataRopeway(id) {
|
|||
// 新增公路
|
||||
function addHighway(id) {
|
||||
let title = "新增公路";
|
||||
// let param = {
|
||||
// 'id': id,
|
||||
// 'proId':idParam
|
||||
// }
|
||||
// openIframe2("addDataRopeway", title, "ropewayFormTemp.html", '1000px', '625px', param);
|
||||
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
|
||||
);
|
||||
}
|
||||
|
||||
/*删除用户*/
|
||||
|
|
|
|||
|
|
@ -0,0 +1,139 @@
|
|||
<!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 rel="stylesheet" href="../../../../js/layui-v2.6.8/dtree/font/dtreefont.css">
|
||||
<link rel="stylesheet" href="../../../../css/dataForm.css">
|
||||
<title>线路工程管理-索道运输-新增/修改</title>
|
||||
<style>
|
||||
.layui-form-item {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.layui-input-inline {
|
||||
width: 420px;
|
||||
}
|
||||
|
||||
.required-mark {
|
||||
color: #FF5722;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="main-box">
|
||||
<form class="layui-form" lay-filter="ropewayForm" onsubmit="return false;">
|
||||
<input type="hidden" name="id" id="id">
|
||||
|
||||
<div class="layui-form-item" style="margin-top: 2%;">
|
||||
<label class="layui-form-label"><span class="required-mark">*</span>索道终点所在杆塔:</label>
|
||||
<div class="layui-input-inline">
|
||||
<select name="towerId" lay-verify="required" lay-filter="towerSelect">
|
||||
<option value="">选择杆塔</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required-mark">*</span>索道长度(km):</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="cablewayLength" lay-verify="required|number" autocomplete="off"
|
||||
placeholder="请输入" class="layui-input" maxlength="10">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required-mark">*</span>最大载重(kg):</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="maxHeight" lay-verify="required|number" autocomplete="off"
|
||||
placeholder="请输入" class="layui-input" maxlength="10">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required-mark">*</span>安全距离(m):</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="safetyDistance" lay-verify="required|number" autocomplete="off"
|
||||
placeholder="请输入" class="layui-input" maxlength="10">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required-mark">*</span>最大坡度(°):</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="maxSlope" lay-verify="required|number" autocomplete="off" placeholder="请输入"
|
||||
class="layui-input" maxlength="10">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required-mark">*</span>索道宽度（m）:</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="cablewayWidth" lay-verify="required|number" autocomplete="off"
|
||||
placeholder="请输入" class="layui-input" maxlength="10">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required-mark">*</span>最大坡度(°):</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="maxSlope" lay-verify="required|number" autocomplete="off" placeholder="请输入"
|
||||
class="layui-input" maxlength="10">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required-mark">*</span>索道宽度（m）:</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="cablewayWidth" lay-verify="required|number" autocomplete="off"
|
||||
placeholder="请输入" class="layui-input" maxlength="10">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 公路信息 -->
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required-mark">*</span>公路所在杆塔:</label>
|
||||
<div class="layui-input-inline">
|
||||
<select name="highwayTowerId" lay-verify="required" lay-filter="highwayTowerSelect">
|
||||
<option value="">选择杆塔</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required-mark">*</span>宽度（m）:</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="highwayWidth" lay-verify="required|number" autocomplete="off"
|
||||
placeholder="请输入" class="layui-input" maxlength="10">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required-mark">*</span>长度（m）:</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="highwayLength" lay-verify="required|number" autocomplete="off"
|
||||
placeholder="请输入" class="layui-input" maxlength="10">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="submit" id="formSubmit" class="layui-btn" lay-submit lay-filter="formData"
|
||||
style="display: none;"></button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="btn-box">
|
||||
<button class="layui-btn layui-btn-normal save" onclick="setLonAndLatData()">配置索道口、中转口、索道终点经纬度</button>
|
||||
<button class="layui-btn layui-btn-normal save" onclick="saveData2()">确定</button>
|
||||
<button class="layui-btn layui-btn-primary cancel" onclick="closePage()">取消</button>
|
||||
</div>
|
||||
</body>
|
||||
<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/select.js"></script>
|
||||
<script src="../../../../js/dict.js"></script>
|
||||
<script src="../../../../js/ajaxRequest.js"></script>
|
||||
<script src="../../../../js/my/aes.js"></script>
|
||||
<script src="../../../../js/openIframe.js"></script>
|
||||
<script src="../../../../js/basic/lineManagement/child/addAndEditHighway.js"></script>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,138 @@
|
|||
<!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 rel="stylesheet" href="../../../../js/layui-v2.6.8/dtree/font/dtreefont.css">
|
||||
<link rel="stylesheet" href="../../../../css/dataForm.css">
|
||||
<title>线路工程管理-索道运输-新增/修改</title>
|
||||
<style>
|
||||
.layui-form-item {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.layui-input-inline {
|
||||
width: 420px;
|
||||
}
|
||||
|
||||
.required-mark {
|
||||
color: #FF5722;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="main-box">
|
||||
<form class="layui-form" lay-filter="ropewayForm" onsubmit="return false;">
|
||||
<input type="hidden" name="id" id="id">
|
||||
|
||||
<div class="layui-form-item" style="margin-top: 2%;">
|
||||
<label class="layui-form-label"><span class="required-mark">*</span>索道终点所在杆塔:</label>
|
||||
<div class="layui-input-inline">
|
||||
<select name="towerId" lay-verify="required" lay-filter="towerSelect">
|
||||
<option value="">选择杆塔</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required-mark">*</span>索道长度(km):</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="cablewayLength" lay-verify="required|number" autocomplete="off"
|
||||
placeholder="请输入" class="layui-input" maxlength="10">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required-mark">*</span>最大载重(kg):</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="maxHeight" lay-verify="required|number" autocomplete="off"
|
||||
placeholder="请输入" class="layui-input" maxlength="10">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required-mark">*</span>安全距离(m):</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="safetyDistance" lay-verify="required|number" autocomplete="off"
|
||||
placeholder="请输入" class="layui-input" maxlength="10">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required-mark">*</span>最大坡度(°):</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="maxSlope" lay-verify="required|number" autocomplete="off" placeholder="请输入"
|
||||
class="layui-input" maxlength="10">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required-mark">*</span>索道宽度（m）:</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="cablewayWidth" lay-verify="required|number" autocomplete="off"
|
||||
placeholder="请输入" class="layui-input" maxlength="10">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required-mark">*</span>最大坡度(°):</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="maxSlope" lay-verify="required|number" autocomplete="off" placeholder="请输入"
|
||||
class="layui-input" maxlength="10">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required-mark">*</span>索道宽度（m）:</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="cablewayWidth" lay-verify="required|number" autocomplete="off"
|
||||
placeholder="请输入" class="layui-input" maxlength="10">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 公路信息 -->
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required-mark">*</span>名称:</label>
|
||||
<div class="layui-input-inline">
|
||||
<select name="highwayTowerId" lay-verify="required" lay-filter="highwayTowerSelect">
|
||||
<option value="">选择杆塔</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required-mark">*</span>长（m）:</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="highwayLength" lay-verify="required|number" autocomplete="off"
|
||||
placeholder="请输入" class="layui-input" maxlength="10">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="required-mark">*</span>宽（m）:</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="highwayWidth" lay-verify="required|number" autocomplete="off"
|
||||
placeholder="请输入" class="layui-input" maxlength="10">
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" id="formSubmit" class="layui-btn" lay-submit lay-filter="formData"
|
||||
style="display: none;"></button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="btn-box">
|
||||
<button class="layui-btn layui-btn-normal save" onclick="setLonAndLatData()">配置索道口、中转口、索道终点经纬度</button>
|
||||
<button class="layui-btn layui-btn-normal save" onclick="saveData2()">确定</button>
|
||||
<button class="layui-btn layui-btn-primary cancel" onclick="closePage()">取消</button>
|
||||
</div>
|
||||
</body>
|
||||
<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/select.js"></script>
|
||||
<script src="../../../../js/dict.js"></script>
|
||||
<script src="../../../../js/ajaxRequest.js"></script>
|
||||
<script src="../../../../js/my/aes.js"></script>
|
||||
<script src="../../../../js/openIframe.js"></script>
|
||||
<script src="../../../../js/basic/lineManagement/child/addAndEditHighway.js"></script>
|
||||
|
||||
</html>
|
||||
|
|
@ -52,6 +52,12 @@
|
|||
<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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue