editor.php 7.0 KB

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