发布时间：2025-12-11 02:27:09 浏览次数：2
直接上代码:
模板页Layout.cshtml代码(路径"~/Views/Backstage/MachineMng/Layout.cshtml"):
@{ViewBag.Title="货机管理";}<!DOCTYPEhtml><html><head><title>@ViewBag.Title</title><styletype="text/css">body{font-size:12px;padding:0;margin:0;background-color:#666;}.ul-menu{float:left;margin:0;padding:0;margin-left:3px;}.ul-menuli{float:left;list-style:none;margin:0;padding:0;width:45px;height:25px;line-height:25px;text-align:center;margin-right:20px;border:solid1px#999;cursor:pointer;}</style><scripttype="text/javascript"src="~/Scripts/jquery-1.8.2.js"></script><scripttype="text/javascript">functiongotourl(url){window.location=url;}</script></head><body><p><p><p><p>IMU<br/>120×90</p></p><p><p>欢迎您,<span>XXX</span>【退出】</p><p>@{string[]weekDays={"星期天","星期一","星期二","星期三","星期四","星期五","星期六"};}当前时间@DateTime.Now.ToString("yyyy-MM-dd("+weekDays[(int)DateTime.Now.DayOfWeek]+")HH:mm")</p><p>帮助中心</p></p><p><ulclass="ul-menu"><lionclick="gotourl('@Url.Content("~/Backstage/MachineMng/MachineInfo/Index")')">货机</li><lionclick="gotourl('@Url.Content("~/Backstage/MachineMng/StartCargo/Index")')">运营</li><li>交易</li><li>系统</li></ul></p></p>@RenderBody()</p></body></html>模板页RoadSetLayout.cshtml代码:(路径"~/Views/Backstage/MachineMng/RoadSetLayout.cshtml"):
@{ViewBag.Title="货道设置";Layout=Url.Content("~/Views/Backstage/MachineMng/Layout.cshtml");}<!DOCTYPEhtml><html><head><title>@ViewBag.Title</title><styletype="text/css">.p-button1{float:left;width:120px;height:35px;border:solid1px#999;font-size:18px;line-height:35px;text-align:center;cursor:pointer;}.p-button2{float:left;width:120px;height:30px;border:solid1px#999;font-size:14px;line-height:30px;text-align:center;cursor:pointer;}.p-arrow{float:left;height:55px;padding-top:5px;}.p-arrow2{float:left;width:35px;height:22px;padding-top:6px;margin-left:10px;}</style><scripttype="text/javascript"src="~/Scripts/jquery-1.8.2.js"></script><scripttype="text/javascript"src="~/Scripts/My97DatePicker/WdatePicker.js"></script><scripttype="text/javascript">$(function(){});</script></head><body><p><p><p>货机现在运行正常<br/>连续运行3天72小时</p><p>货机数据已经与平台数据同步,无需插数据盘。请插入数据盘完成数据同步更新/数据盘已插入,数据传输完成10%</p></p><p><pclass="p-button1">暂停货机</p><ponclick="gotourl('@Url.Content("~/Backstage/MachineMng/StartCargo/Index")')"class="p-button1">启动货机</p><p><p>货机暂停才可以进行以下操作:以下操作完成须启动货机</p></p><p><pclass="p-arrow"><imgalt=""src="@Url.Content("~/Images/Cargo/roadset_arrow_down.png")"/></p><pclass="p-arrow"><imgalt=""src="@Url.Content("~/Images/Cargo/roadset_arrow_up.png")"/></p></p><pclass="p-button2"onclick="gotourl('@Url.Content("~/Backstage/MachineMng/RoadSet/Index")')">商品货道设置</p><pclass="p-arrow2"><imgalt=""src="@Url.Content("~/Images/Cargo/roadset_arrow_right.png")"/></p><pclass="p-button2">现金管理理</p><pclass="p-arrow2"><imgalt=""src="@Url.Content("~/Images/Cargo/roadset_arrow_right.png")"/></p><pclass="p-button2">货机运维</p></p></p>@RenderBody()</body></html>Index页面代码(路径"~/Views/Backstage/MachineMng/RoadSet/Index.cshtml"):
@{ViewBag.Title="货道设置";Layout=Url.Content("~/Views/Backstage/MachineMng/RoadSetLayout.cshtml");}<!DOCTYPEhtml><html><head><title>@ViewBag.Title</title><linktype="text/css"href="~/Scripts/jquery-easyui-1.4.1/themes/default/easyui.css"rel="stylesheet"/><styletype="text/css">body{font-size:12px;}.p-box{float:left;border:solid1px#f5f5f5;height:148px;width:97px;background-color:#f5f5f5;cursor:default;}.p-boxp{float:left;margin-top:15px;margin-left:9px;height:120px;width:80px;line-height:120px;font-size:16px;font-family:黑体;text-align:center;}.ul-instructions{float:left;width:200px;padding:0;margin:0;margin-left:10px;margin-top:10px;margin-bottom:10px;}.ul-instructionsli{float:left;list-style:none;width:200px;line-height:25px;font-size:12px;margin:0;padding:3px;}.ul-instructionslip{float:left;}.p-road{float:left;height:130px;width:100px;margin-left:20px;margin-top:20px;}.table-road{background-color:#ffff00;border:solid1px#999;}.p-highlight{border:solid1px#6dbde4!important;background-color:#dceaf2!important;}.img-btn{cursor:pointer;margin:3px;}.img-btn2{cursor:pointer;margin-left:10px;}.table-addroads{width:100%;}.table-addroadstrtd:first-child{text-align:right;}.table-addroadstrtd{height:30px;padding:3px;}.input-green{background-color:green;}</style><scripttype="text/javascript"src="~/Scripts/jquery-1.8.2.js"></script><scripttype="text/javascript"src="~/Scripts/My97DatePicker/WdatePicker.js"></script><scripttype="text/javascript"src="~/Scripts/jquery-easyui-1.4.1/jquery.easyui.min.js"></script><scripttype="text/javascript"src="~/Scripts/SimpoWindow.js"></script><scripttype="text/javascript">$(function(){$("#tdboxs").load("Boxs?cargoCode="+'@ViewBag.cargoCode'+"&t="+newDate().valueOf(),function(data){$(".p-box:first").click();});});//显示货柜的货道functionshowBox(obj,boxId){$(".p-box").removeClass("p-highlight");$(obj).addClass("p-highlight");$("#pfloors").load("Floors?boxId="+boxId+"&t="+newDate().valueOf());}//添加货柜functionaddbox(addType){if(confirm("确定添加?")){varcargoCode='@ViewBag.cargoCode';varfloorType=$("input[name='floorType']:checked").val();$.ajax({type:"POST",url:"@Url.Content("~/Backstage/MachineMng/RoadSet/AddBox")",data:{"addType":addType,"cargoCode":cargoCode,"floorType":floorType},success:function(d){vardata=eval("("+d+")");if(data.ok){$("#tdboxs").load("Boxs?cargoCode="+cargoCode+"&t="+newDate().valueOf(),function(data){if(addType==1){$(".p-box:first").click();}else{$(".p-box:last").click();}});}else{alert("添加失败:"+data.msg);}},error:function(){alert("添加失败");}});}}//删除货柜functiondelbox(addType){if(confirm("确定删除?")){varcargoCode='@ViewBag.cargoCode';$.ajax({type:"POST",url:"@Url.Content("~/Backstage/MachineMng/RoadSet/DelBox")",data:{"addType":addType,"cargoCode":cargoCode},success:function(data){if(data=="ok"){if(addType==1){$(".p-box:first").remove();}else{$(".p-box:last").remove();}$(".p-box:first").click();}else{alert("删除失败"+data);}},error:function(){alert("删除失败");}});}}//添加货道functionaddroad(obj,boxId,floor){$.ajax({type:"POST",url:"@Url.Content("~/Backstage/MachineMng/RoadSet/AddRoad")",data:{"boxId":boxId,"floor":floor},success:function(d){vardata=eval("("+d+")");if(data.ok){vartd=$(obj).parent().parent().parent().parent().find("td:first");td.find("#proads_"+floor).load("Roads?boxId="+boxId+"&floor="+floor+"&t="+newDate().valueOf());varroadNum=parseInt(td.find(".span-roadNum").text(),10);td.find(".span-roadNum").html((roadNum+1).toString());}else{alert("添加失败:"+data.msg);}},error:function(){alert("添加失败");}});}//删除货道functiondelroad(obj,boxId,floor){if(confirm("确定删除?")){$.ajax({type:"POST",url:"@Url.Content("~/Backstage/MachineMng/RoadSet/DelRoad")",data:{"boxId":boxId,"floor":floor},success:function(data){if(data=="ok"){vartd=$(obj).parent().parent().parent().parent().find("td:first");td.find(".p-road:last").remove();varroadNum=parseInt(td.find(".span-roadNum").text(),10);if(roadNum>0){td.find(".span-roadNum").html((roadNum-1).toString());}}else{alert("删除失败"+data);}},error:function(){alert("删除失败");}});}}//添加货道层functionaddfloor(obj,boxId){$.ajax({type:"POST",url:"@Url.Content("~/Backstage/MachineMng/RoadSet/AddFloor")",data:{"boxId":boxId},success:function(d){vardata=eval("("+d+")");if(data.ok){$("#pfloors").load("Floors?boxId="+boxId+"&t="+newDate().valueOf());varp=$(obj).parent().parent();varfloorNum=parseInt(p.find(".span-floorNum").text(),10);p.find(".span-floorNum").html((floorNum+1).toString());}else{alert("添加失败:"+data.msg);}},error:function(){alert("添加失败");}});}//删除货道层functiondelfloor(obj,boxId){varp=$(obj).parent().parent().parent();if(p.find(".table-floor").length<2)return;if(confirm("确定删除?")){$.ajax({type:"POST",url:"@Url.Content("~/Backstage/MachineMng/RoadSet/DelFloor")",data:{"boxId":boxId},success:function(d){vardata=eval("("+d+")");if(data.ok){p.find(".table-floor:last").remove();varfloorNum=parseInt(p.find(".span-floorNum").text(),10);p.find(".span-floorNum").html((floorNum-1).toString());}else{alert("删除失败:"+data.msg);}},error:function(){alert("删除失败");}});}}//批量添加货道functionaddroads(obj,boxId,floor){SimpoWin.showWin2("更换货箱","addroads",240,170);varwinp=$("#addroads");varbtnOK=winp.find("input[type='button']");btnOK.bind("click",function(){varroadNum=winp.find("select[name='roadNum']").find("option:selected").val();varroadSpec=winp.find("select[name='roadSpec']").find("option:selected").val();$.ajax({type:"POST",url:"@Url.Content("~/Backstage/MachineMng/RoadSet/AddRoads")",data:{"boxId":boxId,"floor":floor,"roadNum":roadNum,"roadSpec":roadSpec},success:function(d){vardata=eval("("+d+")");if(data.ok){vartd=$(obj).parent().parent();td.find("#proads_"+floor).load("Roads?boxId="+boxId+"&floor="+floor+"&t="+newDate().valueOf());td.find(".span-roadNum").html(data.roadNum.toString());}else{alert("添加失败:"+data.msg);}},error:function(){alert("添加失败");}});btnOK.unbind("click");SimpoWin.closeWin2("addroads");});}</script></head><body><p>客户喜好<imgalt=""src="@Url.Content("~/Images/Cargo/roadset_arrow_longright.png")"/>商品<imgalt=""src="@Url.Content("~/Images/Cargo/roadset_arrow_longright.png")"/>选择货道<imgalt=""src="@Url.Content("~/Images/Cargo/roadset_arrow_longright.png")"/>摆放商品<imgalt=""src="@Url.Content("~/Images/Cargo/roadset_arrow_longright.png")"/>完成货道商品绑定</p><pid="pbox"><tablecellpadding="0"cellspacing="0"><tr><td><ulclass="ul-instructions"><li><p></p><p>黄色:表示更换货道</p></li><li><p></p><p>绿色:表示上货数量</p></li><li><p></p><p>红色:表示现有商品数</p></li><li><p></p><p>灰色:表示最大商品数</p></li><li><p>调</p><p>调:表示调换本商品</p></li><li><p>换</p><p>换:表示更换商品种类</p></li></ul></td><td><p><p><imgonclick="addbox(1)"alt=""class="img-btn"src="@Url.Content("~/Images/Cargo/roadset_add.png")"/></p><p><imgonclick="delbox(1)"alt=""class="img-btn"src="@Url.Content("~/Images/Cargo/roadset_Del.png")"/></p></p></td><!--货柜--><tdid="tdboxs"> </td><td><p><p><imgonclick="addbox(2)"alt=""class="img-btn"src="@Url.Content("~/Images/Cargo/roadset_add.png")"/></p><p><imgonclick="delbox(2)"alt=""class="img-btn"src="@Url.Content("~/Images/Cargo/roadset_Del.png")"/></p></p></td></tr><tr><td> </td><td> </td><td><inputname="floorType"value="1"type="radio"checked="checked"/>横箱<inputname="floorType"value="0"type="radio"/>竖箱</td><td> </td></tr></table></p><!--货道层--><pid="pfloors"></p><!--分隔线--------------------------------------------------------------------------------------><!--更换货箱--><pid="addroads"><p><tableclass="table-addroads"cellpadding="0"cellspacing="0"><tr><td>货道数:</td><td><selectname="roadNum"><optionvalue="4">4货道</option><optionvalue="6">6货道</option><optionvalue="8">8货道</option><optionvalue="10">10货道</option></select></td></tr><tr><td>货道型号:</td><td><selectname="roadSpec"><optionvalue="C25/80">C25/80</option><optionvalue="C10/50">C10/50</option><optionvalue="C30/85">C30/85</option><optionvalue="C15/75">C15/75</option></select></td></tr><tr><tdcolspan="2"><inputtype="button"value="确定"/></td></tr></table></p></p><!--批量更换货道--><pid="replaceRoadSpec"><p><tableclass="table-addroads"cellpadding="0"cellspacing="0"><tr><td>货道型号:</td><td><selectname="roadSpec"><optionvalue="C25/80">C25/80</option><optionvalue="C10/50">C10/50</option><optionvalue="C30/85">C30/85</option><optionvalue="C15/75">C15/75</option></select></td></tr><tr><tdcolspan="2"><inputtype="button"value="确定"/></td></tr></table></p></p><!--更换单个货道--><pid="replaceRoadSpecSingle"><p><tableclass="table-addroads"cellpadding="0"cellspacing="0"><tr><td>当前货道:</td><tdid="currentRoadSpec"></td></tr><tr><td>货道型号:</td><td><selectname="roadSpec"><optionvalue="C25/80">C25/80</option><optionvalue="C10/50">C10/50</option><optionvalue="C30/85">C30/85</option><optionvalue="C15/75">C15/75</option></select></td></tr><tr><tdcolspan="2"><inputtype="button"value="确定"/></td></tr></table></p></p></body></html>效果图:
看完了这篇文章,相信你对“ASP.NET MVC中Layout怎么嵌套”有了一定的了解,如果想了解更多相关知识,欢迎关注本站行业资讯频道,感谢各位的阅读!
免责声明：本站内容（文字信息+图片素材）来源于互联网公开数据整理或转载，仅用于学习参考，如有侵权问题，请及时联系本站删除，我们将在5个工作日内处理。联系邮箱：303555158#qq.com（把#换成@）
微信便捷交流