editNotice.blade.php 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207
  1. @extends('vip.layouts254js')
  2. @section('content')
  3. <link href={{ asset("baidu/themes/default/css/umeditor.css") }} type="text/css" rel="stylesheet">
  4. <form class="layui-form" action="{{ url()->full() }}" id="submitForm" name="submitForm" method="post"
  5. eventType=eventAjaxForm>
  6. {!! csrf_field() !!}
  7. <div class="layui-form-item">
  8. <label class="layui-form-label">标题</label>
  9. <div class="layui-input-block">
  10. <input type="text" name="title" required lay-verify="required" autocomplete="off" class="layui-input"
  11. value="{{isset($data['title'])?$data['title']:''}}">
  12. </div>
  13. </div>
  14. @if(isset($select))
  15. <div class="layui-form-item">
  16. <label class="layui-form-label">公告类型</label>
  17. <div class="layui-input-block">
  18. <select name="type" id="testSelect" class="Selects" lay-filter="testSelect">
  19. <option value="" selected>请选择</option>
  20. <option value="1" @if (isset($data['type']) && $data['type']==1 ) selected @endif>新闻</option>
  21. <option value="2" @if (isset($data['type']) && $data['type']==2 ) selected @endif>公告</option>
  22. <option value="3" @if (isset($data['type']) && $data['type']==3 ) selected @endif>优惠活动</option>
  23. <option value="11" @if (isset($data['type']) && $data['type']==11 ) selected @endif>新手指南</option>
  24. <option value="10" @if (isset($data['type']) && $data['type']==10 ) selected @endif>常见问题</option>
  25. <option value="20" @if (isset($data['type']) && $data['type']==20 ) selected @endif>彩金活动</option>
  26. </select>
  27. </div>
  28. </div>
  29. @endif
  30. <div class="layui-form-item">
  31. <label class="layui-form-label">电脑内容</label>
  32. <div class="layui-input-block">
  33. <textarea name="desc" id="myEditor"
  34. style="width:1000px;height:240px;">{{isset($data['content'])?$data['content']:''}}</textarea>
  35. </div>
  36. </div>
  37. <div class="layui-form-item">
  38. <label class="layui-form-label">电脑图片</label>
  39. <button type="button" class="layui-btn" id="test1">
  40. <i class="layui-icon">&#xe67c;</i>上传图片
  41. </button>
  42. @if (isset($data['img']) && !empty($data['img']) )
  43. <a href="{{$data['img']}}" target="_blank"><img src="{{$data['img']}}" width="50"></a>
  44. @endif
  45. <div class="layui-input-block">
  46. <input type="text" name="img" id="img" class="layui-input"
  47. value="{{isset($data['img'])?$data['img']:''}}">
  48. </div>
  49. </div>
  50. <div class="layui-form-item">
  51. <label class="layui-form-label">手机内容</label>
  52. <div class="layui-input-block">
  53. <textarea name="mobilecontent" id="myEditortwo"
  54. style="width:1000px;height:240px;">{{isset($data['mobilecontent'])?$data['mobilecontent']:''}}</textarea>
  55. </div>
  56. </div>
  57. <div class="layui-form-item">
  58. <label class="layui-form-label">手机图片</label>
  59. <button type="button" class="layui-btn" id="test2">
  60. <i class="layui-icon">&#xe67c;</i>上传图片
  61. </button>
  62. @if (isset($data['mobileimg']) && !empty($data['mobileimg']) )
  63. <a href="{{$data['mobileimg']}}" target="_blank"><img src="{{$data['mobileimg']}}" width="50"></a>
  64. @endif
  65. <div class="layui-input-block">
  66. <input type="text" name="mobileimg" id="mobileimg" class="layui-input"
  67. value="{{isset($data['mobileimg'])?$data['mobileimg']:''}}">
  68. </div>
  69. </div>
  70. @if(isset($list))
  71. <div class="layui-form-item">
  72. <label class="layui-form-label">作者</label>
  73. <div class="layui-input-block">
  74. <input type="text" name="author" required lay-verify="required" autocomplete="off"
  75. class="layui-input" value="{{isset($data['author'])?$data['author']:''}}">
  76. </div>
  77. </div>
  78. @endif
  79. <div class="layui-form-item">
  80. <label class="layui-form-label">绑定参数</label>
  81. <div class="layui-input-inline">
  82. <input type="text" name="typebind" autocomplete="off" class="layui-input"
  83. value="{{isset($data['typebind'])?$data['typebind']:''}}">
  84. </div>
  85. <div class="layui-form-mid layui-word-aux">
  86. 参数可填写【saveMoneyScanQRcode(存款二维码扫描教程),saveMoneyTobank(存款到银行卡教程),indexNotice(首页公告),sign
  87. (签到规则说明),chatroomExplain(聊天室说明),openhome(首页活动推荐弹图),shoppingcart(购物车帮助),chathelp(存聊天室的帮助教程)】
  88. </div>
  89. </div>
  90. <div class="layui-form-item">
  91. <label class="layui-form-label">排序</label>
  92. <div class="layui-input-block">
  93. <input type="text" name="sort" required lay-verify="required" autocomplete="off" class="layui-input"
  94. value="{{isset($data['sort'])?$data['sort']:''}}">
  95. </div>
  96. </div>
  97. <div class="layui-form-item">
  98. <div class="layui-input-block">
  99. @if(checkRriv('/admin/Notice/view'))
  100. <button class="layui-btn" lay-submit lay-filter="submitForm">立即提交</button>@endif
  101. <button type="reset" class="layui-btn layui-btn-normal">重置</button>
  102. </div>
  103. </div>
  104. </form>
  105. <script type="text/javascript" src={{ asset("baidu/third-party/jquery.min.js") }}></script>
  106. <script type="text/javascript" charset="utf-8" src={{ asset("baidu/umeditor.config.js") }}></script>
  107. <script type="text/javascript" charset="utf-8" src={{ asset("baidu/umeditor.min.js") }}></script>
  108. <script type="text/javascript" src={{ asset("baidu/lang/zh-cn/zh-cn.js") }}></script>
  109. <script>
  110. //Demo
  111. layui.use(['form', 'layedit', 'laydate', 'upload'], function () {
  112. var form = layui.form
  113. , layer = layui.layer
  114. , layedit = layui.layedit
  115. , laydate = layui.laydate
  116. , upload = layui.upload;
  117. //图片上传接口
  118. layedit.set({
  119. uploadImage: {
  120. url: '/admin/notice/upImg' //接口url
  121. , type: 'post' //默认post
  122. }
  123. });
  124. upload.render({
  125. elem: '#test1' //绑定元素
  126. , url: '/admin/notice/upImg' //上传接口
  127. , headers: {"X-CSRF-TOKEN": "{{ csrf_token() }}"}
  128. , done: function (res) {
  129. if (res.code == 0) {
  130. $("#img").val(res.data.src);
  131. layer.msg("上传图片成功!", {icon: 1});
  132. } else {
  133. layer.msg("上传图片发生错误!", {icon: 5});
  134. }
  135. }
  136. , error: function () {
  137. console.log('upload img error');
  138. }
  139. });
  140. //执行实例
  141. upload.render({
  142. elem: '#test2' //绑定元素
  143. , url: '/admin/notice/upImg' //上传接口
  144. , headers: {"X-CSRF-TOKEN": "{{ csrf_token() }}"}
  145. , done: function (res) {
  146. if (res.code == 0) {
  147. $("#mobileimg").val(res.data.src);
  148. layer.msg("上传图片成功!", {icon: 1});
  149. } else {
  150. layer.msg("上传图片发生错误!", {icon: 5});
  151. }
  152. }
  153. , error: function () {
  154. console.log('upload img error');
  155. }
  156. });
  157. //var um = UM.getEditor('myEditor');
  158. var um = UM.getEditor('myEditor', {
  159. initialFrameWidth: 1000,
  160. initialFrameHeight: 400
  161. });
  162. var umtwo = UM.getEditor('myEditortwo', {
  163. initialFrameWidth: 1000,
  164. initialFrameHeight: 400
  165. });
  166. /*var editIndex = layedit.build('LAY_demo_editor');*/
  167. form.verify({
  168. title: function (value) {
  169. if (value.length < 5) {
  170. return '标题至少得5个字符啊';
  171. }
  172. }
  173. , pass: [/(.+){6,12}$/, '密码必须6到12位']
  174. , content: function (value) {
  175. layedit.sync(editIndex);
  176. }
  177. });
  178. //监听提交
  179. form.on('submit(submitForm)', function (data) {
  180. return true;
  181. });
  182. });
  183. //创建一个编辑器
  184. function cbFormSuccess(data) {
  185. layer.msg(data.msg);
  186. setTimeout(function () {
  187. window.history.go(-1)
  188. }, 2500);
  189. }
  190. </script>
  191. @endsection