editor.php 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. <div class="row content-nav">
  2. <div class="col-xs-12">
  3. <ul>
  4. <li><a href="javascript:;"><i></i>&nbsp;单页管理</a></li>
  5. <li><a href="javascript:;">编辑单页</a></li>
  6. </ul>
  7. </div>
  8. </div>
  9. <section class="content clearfix">
  10. <div class="layui-editor-box">
  11. <form action="" class="layui-form layui-form-pane">
  12. <div class="layui-tab layui-tab-brief layui-tab-bg layui-tab-content-box">
  13. <ul class="layui-tab-title">
  14. <li class="layui-this">基本信息</li>
  15. </ul>
  16. <div class="layui-tab-content">
  17. <div class="layui-tab-item layui-show">
  18. <div class="layui-form-item">
  19. <label class="layui-form-label">选择分类</label>
  20. <div class="layui-input-block">
  21. <select lay-verify="required" name="pid">
  22. <option value="0">顶级分类</option>
  23. {volist name="cat" id="v"}
  24. <option value="{$v.id}" {if !empty($data.pid) && $v.id == $data.pid}selected{/if}>{$v.level|raw}{$v.title|raw}</option>
  25. {/volist}
  26. </select>
  27. </div>
  28. </div>
  29. <div class="layui-form-item">
  30. <label class="layui-form-label">名称</label>
  31. <div class="layui-input-block">
  32. <input type="text" name="title" value="{$data.title|default=''}" lay-reqtext="请填写名称" lay-verify="required" placeholder="请输入名称" autocomplete="off" class="layui-input">
  33. </div>
  34. </div>
  35. <div class="layui-form-item">
  36. <label class="layui-form-label">封面</label>
  37. <div class="layui-input-block">
  38. <button type="button" class="layui-btn" id="uploadfiy">
  39. <i class="layui-icon">&#xe67c;</i>上传图片
  40. </button>
  41. <img id="uploadfiy-image" src="{if !empty($data.photo)}{$data.photo}{else}{__STATIC_PATH__}/images/default.jpg{/if}" width="50" height="38">
  42. <input type="hidden" name="photo" value="{$data.photo|default=''}">
  43. </div>
  44. </div>
  45. <div class="layui-form-item">
  46. <script id="container" style="width:100%;height: 500px;" name="content" type="text/plain">{$data.content|raw|default=""}</script>
  47. </div>
  48. <div class="layui-form-item">
  49. <label class="layui-form-label">排序</label>
  50. <div class="layui-input-block">
  51. <input type="text" name="sort" value="{$data.sort|default='0'}" placeholder="请输入排序" autocomplete="off" class="layui-input">
  52. </div>
  53. </div>
  54. <div class="layui-form-item">
  55. <label class="layui-form-label">状态</label>
  56. <div class="layui-input-block">
  57. <input type="radio" name="status" title="开启" value="0" {if empty($data.status) || $data.status==0}checked="checked"{/if}>
  58. <input type="radio" name="status" title="关闭" value="1" {if isset($data.status) && $data.status==1}checked="checked"{/if}>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. <div class="layui-form-item">
  64. <div class="layui-input-block">
  65. <input name="id" type="hidden" value="{$data.id|default='0'}">
  66. <button class="layui-btn layui-bg-light-blue" lay-filter="layui-submit-filter" lay-submit="">立即提交</button>
  67. <button class="layui-btn layui-btn-primary" type="reset">重置</button>
  68. </div>
  69. </div>
  70. </div>
  71. </form>
  72. </div>
  73. </section>
  74. <script type="text/javascript" src="{__SYSTEM_PATH__}/js/ueditor/ueditor.config.js"></script>
  75. <script type="text/javascript" src="{__SYSTEM_PATH__}/js/ueditor/ueditor.all.min.js"></script>
  76. <script type="text/javascript">
  77. function photo(array){
  78. $("#uploadfiy-image").attr("src",array[0]);
  79. $('[name="photo"]').val(array[0]);
  80. layui.layer.closeAll();
  81. }
  82. $(function () {
  83. setUEUpload("container",'{:createUrl("common.material/index",["type"=>"image","callback"=>"upload","module"=>"page","method"=>"image"])}');
  84. layui.use(["form", "element",'layer','upload'], function () {
  85. var form = layui.form;
  86. var layer = layui.layer;
  87. var upload = layui.upload;
  88. $("#uploadfiy").on("click",function (){
  89. layer.open({
  90. type: 2,
  91. title: '图库列表',
  92. shadeClose: true,
  93. shade: 0.3,
  94. area: ['1100px', '600px'],
  95. content: '{:createUrl("common.material/index",["type"=>"image","callback"=>"photo","module"=>"page","method"=>""])}'
  96. });
  97. });
  98. form.on('submit(layui-submit-filter)', function (data) {
  99. var index = layer.load(1, { shade: [0.2,'#fff'] });
  100. $.post('{:createUrl("editor")}', data.field, function (result) {
  101. layer.close(index);
  102. if(result.code){
  103. layer.msg(result.msg, {
  104. time: 0
  105. ,btn: ['继续发布', '返回列表']
  106. ,yes: function(index){
  107. window.location.href = '{:createUrl("editor")}';
  108. }
  109. ,btn2: function (index, layero){
  110. window.location.href = '{:createUrl("index")}';
  111. }
  112. });
  113. }else{
  114. layer.msg(result.msg,{ icon :2 });
  115. }
  116. }, "json");
  117. return false;
  118. });
  119. });
  120. });
  121. </script>