communityadding.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. {extend name="public/layout" /} {block name="title"}素材库{/block} {block name="body"}
  2. <style type="text/css">
  3. html {
  4. background: #fff;
  5. }
  6. .layui-form-label {
  7. width: 60px;
  8. }
  9. .layui-form-item .layui-input-inline {
  10. }
  11. </style>
  12. <body>
  13. <div class="layui-fluid">
  14. <form class="layui-form" enctype="multipart/form-data" lay-filter="evidence-form">
  15. {if empty($data)}
  16. <div class="layui-form-item">
  17. <label class="layui-form-label">小区名称</label>
  18. <div class="layui-input-inline" style="width: calc(100% - 100px);">
  19. <input class="layui-input inputBox" name="name" autocomplete="off" type="text" value="" >
  20. </div>
  21. </div>
  22. <div class="layui-form-item">
  23. <label class="layui-form-label">小区户数</label>
  24. <div class="layui-input-inline" style="width: calc(100% - 100px);">
  25. <input class="layui-input inputBox" oninput="value=value.replace(/[^0-9]/g,'')" name="households" autocomplete="off" type="number" min="0" value="" >
  26. </div>
  27. </div>
  28. <div class="layui-form-item">
  29. <label class="layui-form-label">地址</label>
  30. <div class="layui-input-inline" style="display: flex;align-items: center;">
  31. <input style="width: 100px;" class="layui-input inputBox" name="province" autocomplete="off" type="text" value="" >
  32. <span style="margin: 0px 6px;">省</span>
  33. <input style="width: 100px;" class="layui-input inputBox" name="city" autocomplete="off" type="text" value="" >
  34. <span style="margin: 0px 6px;">市</span>
  35. <input style="width: 100px;" class="layui-input inputBox" name="area" autocomplete="off" type="text" value="" >
  36. <span style="margin-left: 6px;">区</span>
  37. </div>
  38. </div>
  39. <div class="layui-form-item">
  40. <label class="layui-form-label">交房时间</label>
  41. <div class="layui-input-inline" style="width: calc(100% - 100px);">
  42. <input class="layui-input inputBox" name="duetime" autocomplete="off" type="text" id="select_date" value="" >
  43. </div>
  44. </div>
  45. <div class="layui-form-item">
  46. <label class="layui-form-label">活跃用户</label>
  47. <div class="layui-input-inline" style="width: calc(100% - 100px);">
  48. <input class="layui-input inputBox" oninput="value=value.replace(/[^0-9]/g,'')" name="users" autocomplete="off" type="number" min="0" value="" >
  49. </div>
  50. </div>
  51. {else /}
  52. <div class="layui-form-item">
  53. <label class="layui-form-label">小区名称</label>
  54. <div class="layui-input-inline" style="width: calc(100% - 100px);">
  55. <input class="layui-input inputBox" name="name" type="text" value="{$data.name}" >
  56. </div>
  57. </div>
  58. <div class="layui-form-item">
  59. <label class="layui-form-label">小区户数</label>
  60. <div class="layui-input-inline" style="width: calc(100% - 100px);">
  61. <input class="layui-input inputBox" type="number" oninput="value=value.replace(/[^0-9]/g,'')" min="0" name="households" value="{$data.households}" >
  62. </div>
  63. </div>
  64. <div class="layui-form-item">
  65. <label class="layui-form-label">地址</label>
  66. <div class="layui-input-inline" style="display: flex;align-items: center;">
  67. <input style="width: 100px;" class="layui-input inputBox" name="province" type="text" value="{$data.province}" >
  68. <span style="margin: 0px 6px;">省</span>
  69. <input style="width: 100px;" class="layui-input inputBox" name="city" type="text" value="{$data.city}" >
  70. <span style="margin: 0px 6px;">市</span>
  71. <input style="width: 100px;" class="layui-input inputBox" name="area" type="text" value="{$data.area}" >
  72. <span style="margin-left: 6px;">区</span>
  73. </div>
  74. </div>
  75. <div class="layui-form-item">
  76. <label class="layui-form-label">交房时间</label>
  77. <div class="layui-input-inline" style="width: calc(100% - 100px);">
  78. <input class="layui-input inputBox" name="duetime" type="text" id="select_date" value="{$data.duetime}" >
  79. </div>
  80. </div>
  81. <div class="layui-form-item">
  82. <label class="layui-form-label">活跃用户</label>
  83. <div class="layui-input-inline" style="width: calc(100% - 100px);">
  84. <input class="layui-input inputBox" type="number" oninput="value=value.replace(/[^0-9]/g,'')" min="0" name="users" value="{$data.users}" >
  85. </div>
  86. </div>
  87. <input type="hidden" name="id" value="{$id}">
  88. {/if}
  89. <div class="layui-form-item layui-hide">
  90. <input class="layui-btn layui-btn-primary" type="button" lay-submit lay-filter="layuiadmin-community-submit" id="layuiadmin-community-submit" value="确认提交">
  91. </div>
  92. </form>
  93. </div>
  94. </body>
  95. {/block}
  96. {block name="js"}
  97. <script>
  98. layui.config({
  99. base: '__LAYUI__/' //静态资源所在路径
  100. ,
  101. urlbase: '/sys'
  102. }).extend({
  103. index: 'lib/index' //主入口模块
  104. }).use(['index', 'form', 'upload', 'laydate'], function() {
  105. var form = layui.form,
  106. $ = layui.jquery,
  107. laydate = layui.laydate;
  108. //日期范围
  109. laydate.render({
  110. elem: '#select_date'
  111. , type: 'date'
  112. , trigger: 'click',//呼出事件改成click
  113. });
  114. form.render();
  115. /* 监听提交 */
  116. form.on('submit(layuiadmin-community-submit)', function(obj) {
  117. var index = parent.layer.getFrameIndex(window.name);
  118. var formData = new FormData(obj.form);
  119. if (!obj.field.name) {
  120. layer.msg('请填写小区名称', { anim: 6 ,time: 400 });
  121. return false;
  122. }
  123. $.ajax({
  124. url: "{$id}" ? '{:url("material/cate_administration_edit")}' : '{:url("material/cate_administration_add")}',
  125. type: 'post',
  126. data: formData,
  127. dataType: 'json',
  128. processData: false,
  129. contentType: false,
  130. success: function(res) {
  131. if(res.code === 0) {
  132. layer.msg(res.msg, {
  133. time: 300,
  134. anim: 0
  135. }, function() {
  136. parent.layer.close(index); //再执行关闭
  137. });
  138. } else {
  139. layer.msg(res.msg, {
  140. anim: 6
  141. ,time: 400
  142. });
  143. }
  144. }
  145. });
  146. return false;
  147. });
  148. });
  149. </script>
  150. {/block}