form.html 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. d{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="name_ch" id="name_ch" value="{$leaderteam.name_ch|default=''}" lay-verify="name_ch" 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="name_en" id="name_en" value="{$leaderteam.name_en|default=''}" lay-verify="name_en" 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="text" class="layui-input field-name" name="gender" id="gender" value="{$leaderteam.gender|default=''}" lay-verify="gender" autocomplete="off" placeholder="{$Think.lang.ds_please_enter}性别" required />
  28. </div>
  29. </div>
  30. <div class="layui-form-item">
  31. <label class="layui-form-label">年龄</label>
  32. <div class="layui-input-inline">
  33. <input type="text" class="layui-input field-name" name="age" id="age" value="{$leaderteam.age|default=''}" lay-verify="age" autocomplete="off" placeholder="{$Think.lang.ds_please_enter}年龄" required />
  34. </div>
  35. </div>
  36. <div class="layui-form-item">
  37. <label class="layui-form-label">图片</label>
  38. <div class="layui-input-inline">
  39. <input type="file" name="image" />
  40. </div>
  41. </div>
  42. <div class="layui-form-item">
  43. <label class="layui-form-label">职位</label>
  44. <div class="layui-input-inline">
  45. <input type="text" class="layui-input field-name" name="position" id="position" value="{$leaderteam.position|default=''}" lay-verify="position" autocomplete="off" placeholder="{$Think.lang.ds_please_enter}职位" required />
  46. </div>
  47. </div>
  48. <div class="layui-form-item">
  49. <label class="layui-form-label">简介</label>
  50. <div class="layui-input-inline">
  51. <input type="text" class="layui-input field-name" name="info" id="info" value="{$leaderteam.info|default=''}" lay-verify="info" autocomplete="off" placeholder="{$Think.lang.ds_please_enter}简介" required />
  52. </div>
  53. </div>
  54. </div>
  55. </div>
  56. </div>
  57. <div class="layui-form-item mt20">
  58. <div class="layui-input-inline">
  59. <input type="submit" class="layui-btn layui-btn-normal" lay-submit value="{:lang('ds_submit')}" />
  60. <a class="layui-btn layui-btn-sm lay-btn-diy" href="javascript:history.go(-1)" style="background-color:#1E9FFF;height: 38px;line-height: 38px;padding: 0 18px;">返回</a>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66. </form>
  67. <script>
  68. layui.use('form', function () {
  69. var form = layui.form;
  70. });
  71. layui.use('element', function () {
  72. var element = layui.element;
  73. });
  74. layui.use('laydate', function(){
  75. var laydate = layui.laydate;
  76. laydate.render({
  77. elem: '#product_addtime'
  78. });
  79. });
  80. function add_uploadedfile(file_data)
  81. {
  82. 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>'
  83. $('.selected_pic ul').prepend(newImg);
  84. }
  85. /**
  86. * 插入编辑器
  87. */
  88. function insert_editor(file_path){
  89. ue.execCommand('insertimage', {src:file_path});
  90. }
  91. function del_productpic(file_id)
  92. {
  93. layer.open({
  94. content: '{$Think.lang.ds_confirm_cancel}',
  95. yes: function(index, layero){
  96. $.getJSON("{:url('pic/del')}",{file_id: + file_id,pic_type:'product'}, function(result){
  97. if(result){
  98. $('#' + file_id).remove();
  99. layer.msg('{$Think.lang.del_succ}');
  100. layer.close(index);
  101. return;
  102. }else{
  103. layer.msg('{$Think.lang.del_fail}');
  104. layer.close(index);
  105. return;
  106. }
  107. });
  108. }
  109. });
  110. }
  111. </script>
  112. <script type="text/javascript">
  113. $("input#image").change(function () {
  114. //console.log($(this).val());
  115. if($(this).val() !=''){
  116. $("form#upForm").ajaxSubmit({
  117. url:"imgUp.php",
  118. type:"post",
  119. dataType:"json",
  120. data:$(this).serialize(),
  121. success:function (backData) {
  122. var $path=backData.uploaded_path;
  123. //console.log(backData);
  124. $("div.imgUp").css("backgroundImage","url("+$path+")");
  125. },
  126. error:function (e) {
  127. console.log(e);
  128. }
  129. })
  130. }
  131. })
  132. </script>
  133. {/block}