You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

113 lines
5.0 KiB

7 years ago
  1. <!DOCTYPE html><html><head><title>轮播图修改_后台管理</title>@include('admin.common.header')
  2. <div class="container-fluid">
  3. <div class="row">
  4. <!-- 左边开始 --><div class="col-sm-3 col-md-2 sidebar">@include('admin.common.leftmenu')</div><!-- 左边结束 -->
  5. <!-- 右边开始 --><div class="col-sm-9 col-md-10 rightbox"><div id="mainbox">
  6. <h5 class="sub-header"><a href="/fladmin/slide">轮播图列表</a> > 轮播图修改</h5>
  7. <form id="addarc" method="post" action="/fladmin/slide/doedit" role="form" enctype="multipart/form-data" class="table-responsive">{{ csrf_field() }}
  8. <table class="table table-striped table-bordered">
  9. <tbody>
  10. <tr>
  11. <td align="right">标题:</td>
  12. <td><input name="title" type="text" id="title" value="<?php echo $post['title']; ?>" class="required" style="width:30%" placeholder="在此输入关键词"><input style="display:none;" name="id" type="text" id="id" value="<?php echo $id; ?>"></td>
  13. </tr>
  14. <tr>
  15. <td align="right">链接网址:</td>
  16. <td><input name="url" type="text" id="url" value="<?php echo $post['url']; ?>" style="width:60%" class="required"> (请用绝对地址)</td>
  17. </tr>
  18. <tr>
  19. <td align="right">跳转方式:</td>
  20. <td>
  21. <input type="radio" value='0' name="target" <?php if(isset($post['target']) && $post['target']==0){echo 'checked';} ?> />&nbsp;_blank&nbsp;&nbsp;
  22. <input type="radio" value='1' name="target" <?php if(isset($post['target']) && $post['target']==1){echo 'checked';} ?> />&nbsp;_self
  23. </td>
  24. </tr>
  25. <tr>
  26. <td align="right">是否显示:</td>
  27. <td>
  28. <input type="radio" value='0' name="is_show" <?php if(isset($post['is_show']) && $post['is_show']==0){echo 'checked';} ?> />&nbsp;是&nbsp;&nbsp;
  29. <input type="radio" value='1' name="is_show" <?php if(isset($post['is_show']) && $post['is_show']==1){echo 'checked';} ?> />&nbsp;否
  30. </td>
  31. </tr>
  32. <tr>
  33. <td align="right">排序:</td>
  34. <td>
  35. <input name="rank" type="text" id="rank" value="<?php echo $post['rank']; ?>" size="3" />
  36. </td>
  37. </tr>
  38. <tr>
  39. <td align="right">所属的组:</td>
  40. <td>
  41. <input name="group_id" type="text" id="group_id" value="<?php echo $post['group_id']; ?>" size="3" />
  42. </td>
  43. </tr>
  44. <tr>
  45. <td style="vertical-align:middle;" align="right">图片:</td>
  46. <td style="vertical-align:middle;"><button type="button" onclick="upImage();">选择图片</button> <input name="pic" type="text" id="pic" value="<?php echo $post['pic']; ?>" style="width:40%"> <img style="margin-left:20px;<?php if(empty($post["pic"]) || !imgmatch($post["pic"])){ echo "display:none;"; } ?>" src="<?php if(imgmatch($post["pic"])){echo $post["pic"];} ?>" width="120" height="80" id="picview"></td>
  47. </tr>
  48. <!-- 配置文件 --><script type="text/javascript" src="/other/flueditor/ueditor.config.js"></script>
  49. <!-- 编辑器源码文件 --><script type="text/javascript" src="/other/flueditor/ueditor.all.js"></script>
  50. <script type="text/javascript">
  51. var _editor;
  52. $(function() {
  53. //重新实例化一个编辑器,防止在上面的editor编辑器中显示上传的图片或者文件
  54. _editor = UE.getEditor('ueditorimg');
  55. _editor.ready(function () {
  56. //设置编辑器不可用
  57. _editor.setDisabled('insertimage');
  58. //隐藏编辑器,因为不会用到这个编辑器实例,所以要隐藏
  59. _editor.hide();
  60. //侦听图片上传
  61. _editor.addListener('beforeInsertImage', function (t, arg) {
  62. //将地址赋值给相应的input,只取第一张图片的路径
  63. $('#pic').val(arg[0].src);
  64. //图片预览
  65. $('#picview').attr("src",arg[0].src).css("display","inline-block");
  66. })
  67. });
  68. });
  69. //弹出图片上传的对话框
  70. function upImage()
  71. {
  72. var myImage = _editor.getDialog("insertimage");
  73. myImage.render();
  74. myImage.open();
  75. }
  76. </script>
  77. <script type="text/plain" id="ueditorimg"></script>
  78. <tr>
  79. <td colspan="2"><button type="submit" class="btn btn-success" value="Submit">保存(Submit)</button>&nbsp;&nbsp;<button type="reset" class="btn btn-default" value="Reset">重置(Reset)</button></td>
  80. </tr>
  81. </tbody></table></form><!-- 表单结束 -->
  82. </div></div><!-- 右边结束 --></div></div>
  83. <script>
  84. $(function(){
  85. $(".required").blur(function(){
  86. var $parent = $(this).parent();
  87. $parent.find(".formtips").remove();
  88. if(this.value=="")
  89. {
  90. $parent.append(' <small class="formtips onError"><font color="red">不能为空!</font></small>');
  91. }
  92. else
  93. {
  94. $parent.append(' <small class="formtips onSuccess"><font color="green">OK</font></small>');
  95. }
  96. });
  97. //重置
  98. $('#addarc input[type="reset"]').click(function(){
  99. $(".formtips").remove();
  100. });
  101. $("#addarc").submit(function(){
  102. $(".required").trigger('blur');
  103. var numError = $('#addarc .onError').length;
  104. if(numError){return false;}
  105. });
  106. });
  107. </script>
  108. </body></html>