From 4bd9e1b8ac5fbc790be40bd033dcc0ac95051e15 Mon Sep 17 00:00:00 2001 From: xuhy <3313886187@qq.com> Date: 星期四, 21 八月 2025 17:12:28 +0800 Subject: [PATCH] 经停站点 --- ManagementOKTravel/guns-admin/src/main/webapp/WEB-INF/view/system/tLine/tLine_edit.html | 83 +++++++++++++++++++++++++++++++++++++++++ 1 files changed, 83 insertions(+), 0 deletions(-) diff --git a/ManagementOKTravel/guns-admin/src/main/webapp/WEB-INF/view/system/tLine/tLine_edit.html b/ManagementOKTravel/guns-admin/src/main/webapp/WEB-INF/view/system/tLine/tLine_edit.html index 3835e4f..a75e21a 100644 --- a/ManagementOKTravel/guns-admin/src/main/webapp/WEB-INF/view/system/tLine/tLine_edit.html +++ b/ManagementOKTravel/guns-admin/src/main/webapp/WEB-INF/view/system/tLine/tLine_edit.html @@ -16,6 +16,7 @@ </div> </div> <input type="hidden" id="id" name="id" value="${item.id}"> + <input type="hidden" id="siteList" value="${siteList}"> <div class="row"> <div class="col-sm-11"> <div class="form-group"> @@ -35,6 +36,34 @@ </select> </div> </div> + + <div class="form-group"> + <label class="col-sm-2 control-label">经停站:</label> + <div class="col-sm-10"> + <#button btnCss="info" name="添加" id="stopoverSite" icon="fa-check" clickFun="addBtn()"/> + </div> + </div> + <div class="form-group" id="stopoverSiteDiv"> + @for(stopover in stopoverList){ + <div class="form-group" id="stopoverItem_${stopover.id}"> + <label class="col-sm-2 control-label"></label> + <div class="col-sm-2"> + <select class="form-control" id="endSiteId1" > + <option value="">选择站点</option> + @for(obj in siteList){ + <option value="${obj.id}" ${obj.id == stopover.siteId ? 'selected=selected' : ''}>${obj.name}</option> + @} + </select> + </div> + <div class="col-sm-1"> + <button type="button" class="btn btn-danger btn-sm" onclick="removeStopover(${stopover.id})"> + <i class="fa fa-trash"></i> 删除 + </button> + </div> + </div> + @} + </div> + <div class="form-group"> <label class="col-sm-2 control-label">终点:</label> <div class="col-sm-2"> @@ -252,6 +281,60 @@ layer.msg("【分钟】输入框不能超过3位数"); } } + function addBtn(){ + console.log("addBtn"); + // 给stopoverSiteDiv的里面添加经停站 + var stopoverSiteDiv = $("#stopoverSiteDiv"); + var siteListStr = $("#siteList").val(); + var siteList = extractSites(siteListStr); + // 转成json + console.log("1111122222111"+siteList); + var options = '<option value="">选择站点</option>'; + for (var i = 0; i < siteList.length; i++) { + console.log(siteList[i]); + options += '<option value="' + siteList[i].id + '">' + siteList[i].name + '</option>'; + } + // 添加唯一ID和删除按钮 + var uniqueId = Date.now(); // 生成唯一ID + var stopoverSite = '<div class="form-group" id="stopoverItem_' + uniqueId + '">' + + '<label class="col-sm-2 control-label"></label>' + + '<div class="col-sm-2">' + + '<select class="form-control">' + options + '</select>' + + '</div>' + + '<div class="col-sm-1">' + + '<button type="button" class="btn btn-danger btn-sm" onclick="removeStopover(' + uniqueId + ')">' + + '<i class="fa fa-trash"></i> 删除' + + '</button>' + + '</div>' + + '</div>'; + stopoverSiteDiv.append(stopoverSite); + } + // 删除经停站函数 + function removeStopover(id) { + console.log("removeStopover"+id); + $("#stopoverItem_" + id).remove(); + } + + function extractSites(siteListStr) { + try { + var sites = []; + // 匹配每个站点的id和name + var regex = /TSite\{id=(\d+), name=([^,}]+)/g; + var match; + + while ((match = regex.exec(siteListStr)) !== null) { + sites.push({ + id: parseInt(match[1]), + name: match[2] + }); + } + + return sites; + } catch (e) { + console.error("提取站点信息失败:", e); + return []; + } + } </script> @} -- Gitblit v1.7.1