create_v1.php 8.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
  1. {extend name="public/container"}
  2. {block name='head_top'}
  3. <style>
  4. .layui-input-block .layui-video-box {
  5. width: 50%;
  6. height: 180px;
  7. border-radius: 10px;
  8. background-color: #707070;
  9. margin-top: 10px;
  10. position: relative;
  11. overflow: hidden;
  12. }
  13. .layui-input-block .layui-video-box i {
  14. color: #fff;
  15. line-height: 180px;
  16. margin: 0 auto;
  17. width: 50px;
  18. height: 50px;
  19. display: inherit;
  20. font-size: 50px;
  21. }
  22. .layui-input-block .layui-video-box .mark {
  23. position: absolute;
  24. width: 100%;
  25. height: 30px;
  26. top: 0;
  27. background-color: rgba(0, 0, 0, .5);
  28. text-align: center;
  29. }
  30. </style>
  31. <script type="text/javascript" src="{__ADMIN_PATH}js/request.js"></script>
  32. <script type="text/javascript" src="{__MODULE_PATH}widget/OssUpload.js"></script>
  33. {/block}
  34. {block name="content"}
  35. <div class="layui-fluid">
  36. <div class="layui-card">
  37. <div class="layui-card-header">{if isset($data)}修改数据{else}新增数据{/if}</div>
  38. <div class="layui-card-body">
  39. <form class="layui-form" action="">
  40. {if condition ="isset($data.id)"}
  41. <input type="hidden" id ="id" name="id" lay-filter="id" value="{$data.id}" lay-verify="sort" autocomplete="off" class="layui-input">
  42. {/if}
  43. <div class="layui-form-item">
  44. <label class="layui-form-label">类型:</label>
  45. <div class="layui-input-block">
  46. <input type="radio" name="type" lay-filter="type" value="0" title="专题" {if isset($data)}{if
  47. $data.type==0}checked{/if}{else}checked{/if}>
  48. <input type="radio" name="type" lay-filter="type" value="1" title="分类" {if isset($data)}{if
  49. $data.type==1}checked{/if}{/if}>
  50. </div>
  51. </div>
  52. <div class="layui-form-item" id="select"></div>
  53. <div class="layui-form-item">
  54. <label class="layui-form-label">标题:</label>
  55. <div class="layui-input-block">
  56. <input type="text" name="title" value="{if isset($data)}{$data.title}{/if}"
  57. lay-verify="title" autocomplete="off" placeholder="请输入标题" maxlength="9" class="layui-input">
  58. </div>
  59. </div>
  60. <div class="layui-form-item">
  61. <label class="layui-form-label">简介:</label>
  62. <div class="layui-input-block">
  63. <input type="text" name="info"
  64. value="{if isset($data)}{$data.info}{/if}" lay-verify="sort" autocomplete="off"
  65. placeholder="请输入简介" maxlength="10" class="layui-input">
  66. </div>
  67. </div>
  68. <div class="layui-form-item">
  69. <label class="layui-form-label">排序:</label>
  70. <div class="layui-input-block">
  71. <input type="number" name="sort" value="{if isset($data)}{$data.sort}{/if}"
  72. lay-verify="sort" autocomplete="off" class="layui-input">
  73. </div>
  74. </div>
  75. <div class="layui-form-item">
  76. <label class="layui-form-label">显示:</label>
  77. <div class="layui-input-block">
  78. <input type="radio" name="status" lay-filter="type" value="1" title="显示" {if isset($data)}{if
  79. $data.status==1}checked{/if}{else}checked{/if}>
  80. <input type="radio" name="status" lay-filter="type" value="0" title="隐藏" {if isset($data)}{if
  81. $data.status==0}checked{/if}{/if}>
  82. </div>
  83. </div>
  84. <div class="layui-form-item">
  85. <label class="layui-form-label">封面图:(360*360)</label>
  86. <div class="layui-input-block" id="image">
  87. {if isset($data) && $data.pic}
  88. <div class="upload-image-box">
  89. <img src="{$data.pic}" alt="">
  90. <input type="hidden" name="image" value="{$data.pic}">
  91. <div class="mask">
  92. <p><i class="fa fa-eye open_image" data-url="{$data.pic}"></i><i class="fa fa-trash-o delete_image" data-url="{$data.pic}"></i></p>
  93. </div>
  94. </div>
  95. {/if}
  96. <div class="upload-image" id="file_image" {if isset($data) && $data.pic} style="display: none" {/if}>
  97. <div class="fiexd"><i class="fa fa-plus"></i></div>
  98. <p>上传图片</p>
  99. </div>
  100. </div>
  101. </div>
  102. <div class="layui-form-item">
  103. <div class="layui-input-block">
  104. {if isset($task)}
  105. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="save">立即修改</button>
  106. {else}
  107. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="save">立即提交</button>
  108. <button class="layui-btn layui-btn-primary clone">取消</button>
  109. {/if}
  110. </div>
  111. </div>
  112. </form>
  113. </div>
  114. </div>
  115. </div>
  116. <script src="{__ADMIN_PATH}js/layuiList.js"></script>
  117. {/block}
  118. {block name="script"}
  119. <script>
  120. var specialList = {$specialList}, cateList = {$cateList},select_id = <?=isset($data['select_id']) ? (int)$data['select_id']: 0;?>;
  121. var dataType = <?=isset($data['type']) ? (int)$data['type']: 0;?>;
  122. layList.form.render();
  123. //初始化
  124. var file_image = $('#file_image'), windowindex = parent.layer.getFrameIndex(window.name), Help = {};
  125. Help.show = function () {
  126. $('#image .delete_image').on('click', function () {
  127. $(this).parents('.upload-image-box').remove();
  128. file_image.show();
  129. })
  130. }
  131. Help.getTypeHtml = function (type) {
  132. $('#select').html('');
  133. var name = 'select_id';
  134. var html = '<label class="layui-form-label">请选' + (type == 1 ? '分类' : '专题') + '</label>\n' +
  135. ' <div class="layui-input-block">\n' +
  136. ' <select name="' + name + '" lay-filter="' + name + '">\n';
  137. if (type == 1) {
  138. $.each(cateList, function (key,item) {
  139. html += '<option value="' + item.id + '" '+(select_id == item.id ? 'selected': '')+'>' + item.name + '</option>\n'
  140. })
  141. } else {
  142. $.each(specialList, function (key,item) {
  143. html += '<option value="' + item.id + '" '+(select_id == item.id ? 'selected': '')+'>' + item.title + '</option>\n'
  144. })
  145. }
  146. html += ' </select>\n' +
  147. ' </div>';
  148. $('#select').html(html);
  149. layList.form.render('select');
  150. }
  151. layList.form.on('radio(type)', function (data) {
  152. Help.getTypeHtml(data.value);
  153. });
  154. /**
  155. * 选择图片回调事件
  156. * */
  157. var changeIMG = function (res, url) {
  158. file_image.parents('.layui-input-block').prepend(ossUpload.getImageHtml(url, 'image', ''));
  159. file_image.hide();
  160. ossUpload.LoadEvent();
  161. Help.show();
  162. }
  163. /**
  164. * 选择图片
  165. */
  166. file_image.on('click', function () {
  167. ossUpload.createFrame('选择任务封面图', {},{w:800,h:550});
  168. });
  169. Help.show();
  170. Help.getTypeHtml(dataType);
  171. layList.search('save', function (data) {
  172. layList.basePost(layList.U({a: 'save_group_data',p:{ name : "home_activity" }}), data, function (res) {
  173. layui.layer.msg(res.msg, {icon: 1}, function () {
  174. var index = parent.layer.getFrameIndex(window.name);
  175. parent.layer.close(index);
  176. });
  177. }, function (res) {
  178. layList.msg(res.msg);
  179. });
  180. });
  181. </script>
  182. {/block}