add.html 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  1. <head>
  2. <link rel="stylesheet" href="/static/css/common.css"/>
  3. <link rel="stylesheet" href="/static/layui/css/layui.css" media="all"/>
  4. <script type="text/javascript" src="/static/layui/layui.js"></script>
  5. <script type="text/javascript" src="/static/js/jquery.min.js"></script>
  6. <style type="text/css">
  7. .layout_dialog {
  8. background: linear-gradient(39deg, #081531 0%, #233d76 100%);
  9. overflow: hidden;
  10. outline: 0;
  11. border-radius: 2px;
  12. position: fixed !important;
  13. z-index: 10000;
  14. color: #B9E3FF;
  15. border: 1px solid #62A9FF;
  16. display: none;
  17. left: 50%;
  18. top: 50%;
  19. }
  20. .layout_close {
  21. background-image: url(/static/images/btn_close.png);
  22. width: 14px;
  23. height: 14px;
  24. float: right;
  25. background-repeat: no-repeat;
  26. margin: 12px 15px 0 0;
  27. cursor: pointer;
  28. }
  29. .person_info_title {
  30. float: left;
  31. width: 100%;
  32. height: 3rem;
  33. line-height: 3rem;
  34. background-color: rgb(29, 38, 71);
  35. text-align: center;
  36. color: #fff;
  37. letter-spacing: 1px;
  38. font-size: 1rem;
  39. }
  40. .clearn {
  41. background: #000000 !important;
  42. opacity: 0.7;
  43. width: 100%;
  44. height: 100%;
  45. z-index: 102;
  46. position: absolute;
  47. left: 0;
  48. top: 0;
  49. line-height: 0;
  50. font-size: 0;
  51. overflow: hidden;
  52. display: none;
  53. }
  54. </style>
  55. </head>
  56. <div class="layui-form" lay-filter="example" style="margin:20px auto 0 auto;width:93%;" id="add_container">
  57. <input name="id" id="id" type="hidden"/>
  58. <input name="parentcode" id="parentcode" type="hidden"/>
  59. <blockquote class="layui-elem-quote" style="float:left;padding:5px;width:100%;">基本信息</blockquote>
  60. <div class="layui-row">
  61. <div class="layui-col-md6">
  62. <div class="layui-form-item">
  63. <label class="layui-form-label" style="width: 82px;">* 父级字典:</label>
  64. <div class="layui-col-xs5">
  65. <input type="text" lay-verify="required" id="parentname" name="parentname" maxlength="20" placeholder="请输入" class="layui-input layui-form-danger" disabled="">
  66. </div>
  67. </div>
  68. </div>
  69. <div class="layui-col-md6">
  70. <div class="layui-form-item">
  71. <label class="layui-form-label" style="width: 82px;">* 字典代码:</label>
  72. <div class="layui-col-xs5">
  73. <input type="text" lay-verify="required" id="code" name="code" maxlength="20" placeholder="请输入" class="layui-input layui-form-danger">
  74. </div>
  75. </div>
  76. </div>
  77. <div class="layui-col-md6">
  78. <div class="layui-form-item">
  79. <label class="layui-form-label" style="width: 82px;">* 字典名称:</label>
  80. <div class="layui-col-xs5">
  81. <input type="text" lay-verify="required" id="name" name="name" maxlength="20" placeholder="请输入" class="layui-input layui-form-danger">
  82. </div>
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  87. <div class="layui-row" style="bottom: 0px;width:100%;text-align: center;line-height: 50px;">
  88. <button class="layui-btn layui-btn-normal" style="height: 30px;line-height: 28px;background-color: #ccc;margin:0px 5px 0 0;;opacity: 1;"
  89. onclick="parent.layer.closeAll();">取消</button>
  90. <button lay-submit lay-filter="saveButton" style="height: 30px;line-height: 28px;background-color: #1E9FFF;margin:0px 5px 0 0;opacity: 1;border: 1px solid #1E9FFF;" class="layui-btn layui-btn-normal">确定</button>
  91. </div>
  92. </div>
  93. <script type="text/javascript">
  94. $(document).ready(function () {
  95. //判断是新增还是修改
  96. var tableId = parent.Curd.Row!=null ? parent.Curd.Row.id : "";
  97. //如果确定该新增为从表数据,则务必检查并执行以下操作
  98. if(parent.Curd.MasterData!=null){
  99. for (var key in parent.Curd.MasterData) {
  100. value = parent.Curd.MasterData[key];
  101. var yy1=$("#add_container #" + key);
  102. if (yy1.length == 1) yy1.val(value);
  103. }
  104. }
  105. layui.use(['layer', 'form'], function () {
  106. if (tableId != 0 && tableId != "") {
  107. //修改时,回填信息
  108. parent.Curd.One(tableId,function(returnData){
  109. if (returnData["code"]==0) {
  110. var data = returnData["data"][0], value = null;
  111. if (data != null && data != "") {
  112. for (var key in data) {
  113. value = data[key];
  114. var yy1=$("#add_container #" + key);
  115. if (yy1.length == 1) {
  116. yy1.val(value);
  117. }
  118. }
  119. layui.form.render("select");
  120. }
  121. }else{
  122. layer.msg("数据加载错误:"+returnData.msg)
  123. }
  124. });
  125. }
  126. //保存事件
  127. layui.form.on('submit(saveButton)', function (data) {
  128. var parameter = {};
  129. $("#add_container input,#add_container select").each(function(){
  130. parameter[$(this).attr("id")]=$.trim($(this).val());
  131. });
  132. parent.Curd.Save(parameter,function(){
  133. parent.Curd.Reset();
  134. });
  135. });
  136. });
  137. });
  138. </script>