form.html 4.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. {extend name="layout:home" /}
  2. {block name="container"}
  3. <form class="layui-form" method="post" enctype="multipart/form-data" >
  4. <div class="layui-tab layui-tab-card">
  5. {include file="layout/admin_items" /}
  6. <div class="layui-tab-content page-tab-content">
  7. <div class="layui-tab-item layui-show ">
  8. <div class="layui-collapse">
  9. <div class="layui-colla-item">
  10. <h2 class="layui-colla-title">基本设置</h2>
  11. <div class="layui-colla-content layui-show">
  12. <div class="layui-form-item">
  13. <label class="layui-form-label">导航栏名称</label>
  14. <div class="layui-input-inline">
  15. <input type="text" class="layui-input field-name" name="nav_name" id="nav_name" value="{$headnav.nav_name|default=''}" lay-verify="nav_name" autocomplete="off" placeholder="{$Think.lang.ds_please_enter}导航栏名称" required />
  16. </div>
  17. </div>
  18. <div class="layui-form-item">
  19. <label class="layui-form-label">排序</label>
  20. <div class="layui-input-inline">
  21. <input type="text" class="layui-input field-name" name="nav_sort" id="nav_sort" value="{$headnav.nav_sort|default=''}" lay-verify="nav_sort" autocomplete="off" placeholder="{$Think.lang.ds_please_enter}排序" required />
  22. </div>
  23. </div>
  24. <div class="layui-form-item">
  25. <label class="layui-form-label">状态</label>
  26. <div class="layui-input-inline">
  27. <input type="checkbox" name="status" lay-skin="switch" lay-text="{$Think.lang.ds_yes}|{$Think.lang.ds_no}" value="1" {if condition="$headnav.status eq '1'"}checked{/if}>
  28. </div>
  29. </div>
  30. </div>
  31. </div>
  32. </div>
  33. <div class="layui-form-item mt20">
  34. <div class="layui-input-inline">
  35. <input type="submit" class="layui-btn layui-btn-normal" lay-submit value="{:lang('ds_submit')}" />
  36. </div>
  37. </div>
  38. </div>
  39. </div>
  40. </div>
  41. </form>
  42. <script>
  43. layui.use('form', function () {
  44. var form = layui.form;
  45. });
  46. layui.use('element', function () {
  47. var element = layui.element;
  48. });
  49. layui.use('laydate', function(){
  50. var laydate = layui.laydate;
  51. laydate.render({
  52. elem: '#product_addtime'
  53. });
  54. });
  55. function add_uploadedfile(file_data)
  56. {
  57. var newImg = '<li id="' + file_data.file_id + '"><img src="' + file_data.file_url + '"/><i class="delect layui-icon" title="插入编辑器" onclick="insert_editor(\''+file_data.file_url+'\')">&#xe654;</i><i class="insert layui-icon" title="删除图片" onclick="del_productpic(' + file_data.file_id + ')">&#xe640;</i></li>'
  58. $('.selected_pic ul').prepend(newImg);
  59. }
  60. /**
  61. * 插入编辑器
  62. */
  63. function insert_editor(file_path){
  64. ue.execCommand('insertimage', {src:file_path});
  65. }
  66. function del_productpic(file_id)
  67. {
  68. layer.open({
  69. content: '{$Think.lang.ds_confirm_cancel}',
  70. yes: function(index, layero){
  71. $.getJSON("{:url('pic/del')}",{file_id: + file_id,pic_type:'product'}, function(result){
  72. if(result){
  73. $('#' + file_id).remove();
  74. layer.msg('{$Think.lang.del_succ}');
  75. layer.close(index);
  76. return;
  77. }else{
  78. layer.msg('{$Think.lang.del_fail}');
  79. layer.close(index);
  80. return;
  81. }
  82. });
  83. }
  84. });
  85. }
  86. </script>
  87. {/block}