add.html 7.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  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 type="hidden"id="id" name="id" >
  58. <blockquote class="layui-elem-quote" style="float:left;padding:5px;width:100%;">附件信息</blockquote>
  59. <div class="layui-row">
  60. <div class="layui-col-md12">
  61. <div class="layui-form-item">
  62. <label class="layui-form-label" style="width: 120px;">* 附件名称:</label>
  63. <div class="layui-col-xs5">
  64. <input type="text" lay-verify="required" id="name" name="name" maxlength="50" placeholder="请输入" class="layui-input layui-form-danger">
  65. </div>
  66. </div>
  67. </div>
  68. <div class="layui-col-md12">
  69. <div class="layui-form-item">
  70. <label class="layui-form-label" style="width: 120px;">* 保留天数:</label>
  71. <div class="layui-col-xs5">
  72. <input type="text" lay-verify="required" id="skeepday" name="skeepday" maxlength="4" placeholder="请输入" class="layui-input layui-form-danger" value="30">
  73. </div>
  74. </div>
  75. </div>
  76. <div class="layui-col-md12">
  77. <div class="layui-form-item">
  78. <label class="layui-form-label" style="width: 120px;">* 数据模型名称:</label>
  79. <div class="layui-col-xs5">
  80. <input type="text" lay-verify="required" id="tablename" name="tablename" maxlength="30" placeholder="请输入" class="layui-input layui-form-danger">
  81. </div>
  82. </div>
  83. </div>
  84. <div class="layui-col-md12">
  85. <div class="layui-form-item">
  86. <label class="layui-form-label" style="width: 120px;">* 附件列名:</label>
  87. <div class="layui-col-xs5">
  88. <input type="text" lay-verify="required" id="colname" name="colname" maxlength="30" placeholder="请输入" class="layui-input layui-form-danger">
  89. </div>
  90. </div>
  91. </div>
  92. <div class="layui-col-md12">
  93. <div class="layui-form-item">
  94. <label class="layui-form-label" style="width: 120px;">附件过滤条件:</label>
  95. <div class="layui-col-xs5">
  96. <input type="text" lay-verify="required" id="filterwhere" name="filterwhere" maxlength="200" placeholder="请输入" class="layui-input layui-form-danger" value="">
  97. </div>
  98. </div>
  99. </div>
  100. <div class="layui-col-md12">
  101. <div class="layui-form-item">
  102. <label class="layui-form-label" style="width: 120px;">说明:</label>
  103. <div class="layui-col-xs5">
  104. <input type="text" id="memo" name="memo" maxlength="100" placeholder="请输入" class="layui-input layui-form-danger">
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. <div class="layui-row" style="bottom: 0px;width:100%;text-align: center;line-height: 50px;">
  111. <button class="layui-btn layui-btn-normal" style="height: 30px;line-height: 28px;background-color: #ccc;margin:0px 5px 0 0;;opacity: 1;"
  112. onclick="parent.layer.closeAll();">取消</button>
  113. <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>
  114. </div>
  115. </div>
  116. <script type="text/javascript">
  117. $(document).ready(function () {
  118. //判断是新增还是修改
  119. var tableId = parent.attachmentObj.Row!=null ? parent.attachmentObj.Row.id : "";
  120. //如果确定该新增为从表数据,则务必检查并执行以下操作
  121. if(parent.attachmentObj.MasterData!=null){
  122. for (var key in parent.attachmentObj.MasterData) {
  123. value = parent.attachmentObj.MasterData[key];
  124. var yy1=$("#add_container #" + key.toLowerCase());
  125. if (yy1.length == 1) yy1.val(value);
  126. }
  127. }
  128. layui.use(['layer', 'form'], function () {
  129. if (tableId != 0 && tableId != "") {
  130. //修改时,回填信息
  131. parent.attachmentObj.One(tableId,function(returnData){
  132. if (returnData["code"]==0) {
  133. var data = returnData["data"], value = null;
  134. if (data != null && data != "") {
  135. for (var key in data) {
  136. value = data[key];
  137. var yy1=$("#add_container #" + key.toLowerCase());
  138. if (yy1.length == 1) {
  139. yy1.val(value);
  140. }
  141. }
  142. layui.form.render("select");
  143. }
  144. }else{
  145. layer.msg("数据加载错误:"+returnData.msg)
  146. }
  147. });
  148. }
  149. //保存事件
  150. layui.form.on('submit(saveButton)', function (data) {
  151. var parameter = {};
  152. $("#add_container input,#add_container select").each(function(){
  153. parameter[$(this).attr("id")]=$.trim($(this).val());
  154. });
  155. if(parameter["name"]==""||parameter["skeepday"]==""||parameter["tablename"]==""||parameter["colname"]==""){
  156. layer.msg("必填项不能为空!");
  157. return false;
  158. }
  159. parent.attachmentObj.Save(parameter,function(){
  160. parent.attachmentObj.Reset();
  161. });
  162. });
  163. });
  164. });
  165. </script>