vote_form.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. <div class="layui-fluid">
  2. <div class="layui-row layui-col-space15">
  3. <div class="layui-col-md12">
  4. <div class="layui-card">
  5. <div class="layui-card-header">活动信息</div>
  6. <div class="layui-card-body" pad15>
  7. <div class="layui-form layui-form-pane" lay-filter="{$lay_table}">
  8. <input type="hidden" name="id" value="{:array_get($info,'id')}">
  9. <div class="layui-form-item">
  10. <label class="layui-form-label"><span style="color:#f90c05;">*</span>标题</label>
  11. <div class="layui-input-block">
  12. <input type="text" name="title" value="{:array_get($info,'title')}" lay-verify="required"
  13. placeholder="请输入标题" autocomplete="off"
  14. class="layui-input">
  15. </div>
  16. </div>
  17. <div class="layui-form-item">
  18. <label class="layui-form-label"><span style="color:#f90c05;">*</span>选项</label>
  19. <div class="layui-input-block">
  20. <div class="tags" id="tags">
  21. <input type="text" id="inputTags" placeholder="回车生成选项" autocomplete="off">
  22. </div>
  23. </div>
  24. </div>
  25. <div class="layui-form-item" id="form-content">
  26. <label class="layui-form-label"><span style="color:#f90c05;">*</span>介绍</label>
  27. <div class="layui-input-block">
  28. <textarea class="layui-textarea" name="content" id="content" placeholder="请输入介绍"
  29. style="display: none"
  30. lay-verify="editcontent">
  31. {:array_get($info,'content')}
  32. </textarea>
  33. </div>
  34. </div>
  35. <div class="layui-form-item">
  36. <label class="layui-form-label"><span style="color:#f90c05;">*</span>状态</label>
  37. <div class="layui-input-block">
  38. {volist name="status_list" id="v"}
  39. <input type="radio" name="status" value="{$key}" title="{$v}" {eq name=":array_get($info,'status',1)" value="$key" }checked{/eq}>
  40. {/volist}
  41. </div>
  42. </div>
  43. <div class="layui-form-item">
  44. <label class="layui-form-label"><span style="color:#f90c05;">*</span>开始时间</label>
  45. <div class="layui-input-block">
  46. <input type="text" name="start_time" id="start_time" value="{:array_get($info,'start_time')}" lay-verify="required"
  47. placeholder="请选择..." autocomplete="off" class="layui-input">
  48. </div>
  49. </div>
  50. <div class="layui-form-item">
  51. <label class="layui-form-label"><span style="color:#f90c05;">*</span>结束时间</label>
  52. <div class="layui-input-block">
  53. <input type="text" name="end_time" id="end_time" value="{:array_get($info,'end_time')}" lay-verify="required"
  54. placeholder="请选择..." autocomplete="off" class="layui-input">
  55. </div>
  56. </div>
  57. <div class="layui-form-item">
  58. <div class="layui-input-block">
  59. <input type="button" lay-submit lay-filter="{$lay_btn}" value="确认提交" class="layui-btn">
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66. </div>
  67. </div>
  68. <script>
  69. layui.use(['index', 'form', 'layedit', 'upload','inputTags','laydate'], function () {
  70. const admin = layui.admin;
  71. const layedit = layui.layedit;
  72. const inputTags = layui.inputTags;
  73. const laydate = layui.laydate;
  74. const form = layui.form;
  75. form.render();
  76. laydate.render({
  77. elem: '#start_time',
  78. type: 'datetime'
  79. });
  80. laydate.render({
  81. elem: '#end_time',
  82. type: 'datetime'
  83. });
  84. inputTags.render({
  85. elem: '#inputTags',
  86. name: 'option',
  87. content: {$option},
  88. aldaBtn: true,
  89. count: 6,
  90. done: function(value) {}
  91. });
  92. const content = layedit.build('content', {
  93. uploadImage: { url: "{:url('upload/image')}", type: 'post' }
  94. });
  95. form.verify({
  96. editcontent: function (value) {
  97. layedit.sync(content);
  98. }
  99. });
  100. form.on('submit({$lay_btn})', function (obj) {
  101. const index = parent.layer.getFrameIndex(window.name);
  102. admin.req({
  103. url: "{:url('vote/editVote')}",
  104. type: 'post',
  105. data: obj.field,
  106. done: function (res) {
  107. layer.msg("提交成功", {
  108. icon: 1
  109. });
  110. parent.layui.table.reload('lay-vote-index-table'); //重载表格
  111. parent.layer.close(index);
  112. }
  113. });
  114. });
  115. });
  116. </script>