Home.cshtml 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. @{
  2. ViewBag.Title = "Home";
  3. Layout = "~/Views/Shared/_Layout.cshtml";
  4. }
  5. @using MES.Production.Service;
  6. @using Central.Control.Domain;
  7. @using Ant.Service.Common;
  8. @using Ant.Service.Common.Enums;
  9. <script type="text/javascript">
  10. function iFrameHeight() {
  11. var ifm = document.getElementById("DeployBase");
  12. var subWeb = document.frames ? document.frames["DeployBase"].document : ifm.contentDocument;
  13. if (ifm != null && subWeb != null) {
  14. ifm.height = subWeb.body.scrollHeight + 30;
  15. }
  16. }
  17. </script>
  18. <link href="/Content/themes/css/admin/metroStyle.css" rel="stylesheet" type="text/css" />
  19. <!-- box star -->
  20. <div class="row pt10 animated fadeInUp">
  21. <div class="col-lg-3 col-sm-3 pr0">
  22. <div class="ibox float-e-margins">
  23. <div class="ibox-title">
  24. <select id="sel-system" class="form-control" style="float: left; margin-top: -8px; background-color: #1ab394; color:#ffffff !important; font-size:16px;">
  25. @{
  26. var systemlist = ViewData["system"] as List<SYS_SYSTEM>;
  27. if(systemlist!=null && systemlist.Count>0)
  28. {
  29. foreach (var item in systemlist)
  30. {
  31. <option value="@item.ID">@item.NAME</option>
  32. }
  33. }
  34. }
  35. </select>
  36. </div>
  37. <div class="ibox-content" style="padding: 15px 10px 20px 10px;">
  38. <div class="zTreeDemoBackground left">
  39. <ul id="treeDemo" class="ztree"></ul>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. <div class="col-lg-9 col-sm-9 animated fadeInRight" style="width:80%;padding-left:0px;">
  45. <iframe src="/Sys/Permission/Index" width="100%" style="position:static;left:-22in;top:-11in;" id="DeployBase" name="DeployBase" frameborder="0" scrolling="auto" onload="iFrameHeight()" allowtransparency="true"></iframe>
  46. </div>
  47. </div>
  48. <!-- box end -->
  49. @section scripts{
  50. <script type="text/javascript" src="/Content/js/admin/jquery.ztree.core-3.5.js"></script>
  51. <script type="text/javascript">
  52. var setting = {
  53. check: {
  54. enable: true
  55. },
  56. data: {
  57. simpleData: {
  58. enable: true,
  59. idKey: "id",
  60. pIdKey: "pId"
  61. }
  62. },
  63. callback: {
  64. onCheck: onCheck
  65. }
  66. };
  67. function onCheck(e, treeId, treeNode) {
  68. var treeObj = $.fn.zTree.getZTreeObj("treeDemo"),
  69. nodes = treeObj.getCheckedNodes(true),
  70. v = "";
  71. for (var i = 0; i < nodes.length; i++) {
  72. v += nodes[i].name + ",";
  73. alert(nodes[i].id); //获取选中节点的值
  74. }
  75. }
  76. function ShowMenu() {
  77. $.post("/Sys/Module/GetTree", { sysId: $('#sel-system').val() }, function (res) {
  78. if (res.Status == "y")
  79. $.fn.zTree.init($("#treeDemo"), setting, res.Data);
  80. else {
  81. }
  82. }, "json");
  83. }
  84. $(function () {
  85. var H = $(window).height();
  86. $("#DeployBase").css({ 'height': H - 20 });
  87. ShowMenu();
  88. $('#DeployBase').css('height', '');
  89. });
  90. $('#sel-system').change(function () {
  91. ShowMenu();
  92. });
  93. </script>
  94. }