edit.html 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181
  1. {extend name="layout/content" /}
  2. {block name="header"}
  3. <title>编辑新闻</title>
  4. <link rel="stylesheet" href="__STATIC__/css/FuzzySearch.css?v={$Think.STATIC_VERSION}">
  5. <style>
  6. .layui-form-selected dl {
  7. z-index: 100000;
  8. }
  9. .layui-form-checkbox i {
  10. border-left: 1px solid #d2d2d2;
  11. }
  12. #showPos-container div span{
  13. margin-right: 10px;
  14. }
  15. .layui-form-item .layui-form-checkbox[lay-skin=primary] {
  16. margin-top: 0;
  17. }
  18. .layui-form-label {
  19. width: 110px;
  20. }
  21. </style>
  22. {/block}
  23. {block name="content"}
  24. <div class="x-body">
  25. <form class="layui-form" action="{:url('edit')}" method="post" enctype="multipart/form-data">
  26. <div class="layui-form-item">
  27. <label for="title" class="layui-form-label">标题:<span class="x-red">*</span></label>
  28. <div class="layui-input-inline">
  29. <input type="text" name="title" id="title" required class="layui-input" placeholder="" value="{$articleInfo.title}">
  30. </div>
  31. </div>
  32. <div class="layui-form-item">
  33. <label for="gameid" class="layui-form-label">游戏:</label>
  34. <div class="layui-input-inline FuzzySearch_Container">
  35. <div>
  36. <input type="hidden" id='gameid' name="gameid" value="{$articleInfo.gameid}" />
  37. </div>
  38. </div>
  39. <div class="layui-form-mid layui-word-aux">不选择时,默认为所有游戏</div>
  40. </div>
  41. <div class="layui-form-item">
  42. <label for="top" class="layui-form-label">置顶:</label>
  43. <div class="layui-input-inline">
  44. <select name="top" id="top" lay-search>
  45. <option value="1" {if condition="$articleInfo.zhiding eq 1"} selected {/if}>是</option>
  46. <option value="0" {if condition="$articleInfo.zhiding eq 0"} selected {/if}>否</option>
  47. </select>
  48. </div>
  49. </div>
  50. <div class="layui-form-item">
  51. <label for="type" class="layui-form-label">类型:<span class="x-red">*</span></label>
  52. <div class="layui-input-inline">
  53. <select name="type" lay-search>
  54. <option value="">选择类型</option>
  55. <option value="1" {if condition="$articleInfo.type eq 1"} selected {/if}>资讯</option>
  56. <option value="2" {if condition="$articleInfo.type eq 2"} selected {/if}>祈盟网络</option>
  57. <option value="3" {if condition="$articleInfo.type eq 3"} selected {/if}>评测</option>
  58. <option value="4" {if condition="$articleInfo.type eq 4"} selected {/if}>攻略</option>
  59. <option value="5" {if condition="$articleInfo.type eq 5"} selected {/if}>视频</option>
  60. <option value="6" {if condition="$articleInfo.type eq 6"} selected {/if}>活动(后台)</option>
  61. <option value="7" {if condition="$articleInfo.type eq 7"} selected {/if}>更新(后台)</option>
  62. <option value="8" {if condition="$articleInfo.type eq 8"} selected {/if}>新闻(后台)</option>
  63. <option value="9" {if condition="$articleInfo.type eq 9"} selected {/if}>充值活动(后台)</option>
  64. </select>
  65. </div>
  66. </div>
  67. <div class="layui-form-item">
  68. <label class="layui-form-label">新闻图片:</label>
  69. <div class="layui-input-block" style="width:auto">
  70. <div id="localImag">
  71. <img src="{$Think.STATIC_DOMAIN}{$articleInfo.image}" id="local_preview" alt="新闻图片">
  72. </div>
  73. <div>
  74. <input type="file" name="image" onchange="setImagePreview(this,'localImag','local_preview')" accept=".jpg,.jpeg,.png,.gif">
  75. </div>
  76. <div class="layui-form-mid layui-word-aux margin-left-120">
  77. <span class="x-red">选填。请上传jpg、png、gif的图片,最大不超过1M</span>
  78. </div>
  79. </div>
  80. </div>
  81. <div class="layui-form-item" id="showPos-container">
  82. <label for="top" class="layui-form-label">显示位置:</label>
  83. <div class="layui-input-inline" style="width:600px;padding: 8px">
  84. <input lay-skin="primary" type="checkbox" name="position[]" value="a" {if(strrpos($articleInfo.position, "a")!==false)}checked{/if} title="首页资讯">
  85. <input lay-skin="primary" type="checkbox" name="position[]" value="b" {if(strrpos($articleInfo.position, "b")!==false)}checked{/if} title="首页攻略">
  86. <input lay-skin="primary" type="checkbox" name="position[]" value="c" {if(strrpos($articleInfo.position, "c")!==false)}checked{/if} title="新游评测">
  87. <input lay-skin="primary" type="checkbox" name="position[]" value="d" {if(strrpos($articleInfo.position, "d")!==false)}checked{/if} title="新闻热点">
  88. <input lay-skin="primary" type="checkbox" name="position[]" value="e" {if(strrpos($articleInfo.position, "e")!==false)}checked{/if} title="新游视频">
  89. </div>
  90. </div>
  91. <div class="layui-form-item">
  92. <label for="" class="layui-form-label">内容:<span class="x-red">*</span></label>
  93. <div class="layui-input-inline" style="width:50%">
  94. <textarea name="content" id="J_content" rows="30" cols="100" lay-verify="required">{$content}</textarea>
  95. </div>
  96. </div>
  97. <div class="layui-form-item">
  98. <div class="layui-input-block">
  99. <input type="hidden" value="{$articleInfo.id}" name="id">
  100. <button type="submit" class="layui-btn" id="J_submit_btn">提交</button>
  101. <a href="javascript:;" onclick="back_info(this)" class="layui-btn">返回</a>
  102. </div>
  103. </div>
  104. </form>
  105. </div>
  106. {/block}
  107. {block name="footer"}
  108. <script type="text/javascript" charset="utf-8" src="__STATIC__/ueditor/ueditor.config.js?v={$Think.STATIC_VERSION}"></script>
  109. <script type="text/javascript" charset="utf-8" src="__STATIC__/ueditor/ueditor.all.min.js"></script>
  110. <script type="text/javascript" charset="utf-8" src="__STATIC__/ueditor/lang/zh-cn/zh-cn.js"></script>
  111. <script type="text/javascript" charset="utf-8" src="__STATIC__/js/FuzzySearch.js?v={$Think.STATIC_VERSION}"></script>
  112. <script>
  113. window.onload=function(){
  114. $("#gameid").FuzzySearch({
  115. inputID : 'gameid',
  116. title : '请输入游戏名称',
  117. data :{:json_encode([-1=>(object)['id'=>'0','name'=>'所有游戏']]+$game_list)},
  118. searchBtn :'J_submit_btn',
  119. });
  120. layui.use(['form'], function () {
  121. var form = layui.form;
  122. var ue = UE.getEditor('J_content');
  123. });
  124. }
  125. function back_info(obj) {
  126. layer.confirm('是否放弃修改?', {shade: 0.4}, function (index) {
  127. location.href = '{:url("index")}';
  128. });
  129. }
  130. function setImagePreview(avalue, div_id, preview_id) {
  131. var docObj = avalue;
  132. //img
  133. var imgObjPreview = document.getElementById(preview_id);
  134. if (docObj.files && docObj.files[0]) {
  135. //imgObjPreview.src = docObj.files[0].getAsDataURL();
  136. //火狐7以上版本不能用上面的getAsDataURL()方式获取,需要一下方式
  137. imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]);
  138. } else {
  139. //IE下,使用滤镜
  140. docObj.select();
  141. var imgSrc = document.selection.createRange().text;
  142. var localImagId = document.getElementById(div_id);
  143. //图片异常的捕捉,防止用户修改后缀来伪造图片
  144. try {
  145. localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)"
  146. localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
  147. } catch (e) {
  148. alert("您上传的图片格式不正确,请重新选择!");
  149. return false;
  150. }
  151. imgObjPreview.style.display = 'none';
  152. document.selection.empty();
  153. }
  154. return true;
  155. }
  156. </script>
  157. {/block}