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.

136 lines
6.1 KiB

7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
  1. @extends('admin.layouts.app')
  2. @section('title', '商品添加')
  3. @section('content')
  4. <h5 class="sub-header"><a href="/fladmin/product">商品列表</a> > 添加商品</h5>
  5. <form id="addarc" method="post" action="/fladmin/product/doadd" role="form" enctype="multipart/form-data" class="table-responsive">{{ csrf_field() }}
  6. <table class="table table-striped table-bordered">
  7. <tbody>
  8. <tr>
  9. <td align="right">商品标题:</td>
  10. <td><input name="title" type="text" id="title" value="" class="required" style="width:60%" placeholder="在此输入标题"></td>
  11. </tr>
  12. <tr>
  13. <td align="right">货号:</td>
  14. <td colspan="2"><input name="serial_no" type="text" id="serial_no" style="width:180px" value="">&nbsp;&nbsp; 运费:<input name="delivery_fee" type="text" id="delivery_fee" style="width:100px" value="">&nbsp;&nbsp; 销量:<input name="sales" type="text" id="sales" style="width:60px" value=""></td>
  15. </tr>
  16. <tr>
  17. <td align="right">商品价格:</td>
  18. <td colspan="2"><input name="price" type="text" id="price" style="width:100px" value="">&nbsp;&nbsp; 原价:<input name="origin_price" type="text" id="origin_price" style="width:100px" value="">&nbsp;&nbsp; 库存:<input name="inventory" type="text" id="inventory" style="width:60px" value="">&nbsp;&nbsp; 浏览次数:<input type="text" name="click" id="click" value="" style="width:60px;"></td>
  19. </tr>
  20. <tr>
  21. <td align="right">上架:</td>
  22. <td>
  23. <input type="radio" value='0' name="status" checked />&nbsp;&nbsp;&nbsp;
  24. <input type="radio" value='1' name="status" />&nbsp;
  25. </td>
  26. </tr>
  27. <tr>
  28. <td align="right">推荐:</td>
  29. <td>
  30. <select name="tuijian" id="tuijian">
  31. <?php $tuijian = config('custom.tuijian');
  32. for($i=0;$i<count($tuijian);$i++){ ?><option value="<?php echo $i; ?>"><?php echo $tuijian[$i]; ?></option><?php } ?>
  33. </select>
  34. </td>
  35. </tr>
  36. <tr>
  37. <td align="right">seoTitle:</td>
  38. <td><input name="seotitle" type="text" id="seotitle" value="" style="width:60%"></td>
  39. </tr>
  40. <tr>
  41. <td align="right" style="vertical-align:middle;">缩略图:</td>
  42. <td style="vertical-align:middle;"><button type="button" onclick="upImage();">选择图片</button> <input name="litpic" type="text" id="litpic" value="" style="width:40%"> <img style="margin-left:20px;display:none;" src="" width="120" height="80" id="picview"></td>
  43. </tr>
  44. <script type="text/javascript">
  45. var _editor;
  46. $(function() {
  47. //重新实例化一个编辑器,防止在上面的editor编辑器中显示上传的图片或者文件
  48. _editor = UE.getEditor('ueditorimg');
  49. _editor.ready(function () {
  50. //设置编辑器不可用
  51. _editor.setDisabled('insertimage');
  52. //隐藏编辑器,因为不会用到这个编辑器实例,所以要隐藏
  53. _editor.hide();
  54. //侦听图片上传
  55. _editor.addListener('beforeInsertImage', function (t, arg) {
  56. //将地址赋值给相应的input,只取第一张图片的路径
  57. $('#litpic').val(arg[0].src);
  58. //图片预览
  59. $('#picview').attr("src",arg[0].src).css("display","inline-block");
  60. })
  61. });
  62. });
  63. //弹出图片上传的对话框
  64. function upImage()
  65. {
  66. var myImage = _editor.getDialog("insertimage");
  67. myImage.render();
  68. myImage.open();
  69. }
  70. </script>
  71. <script type="text/plain" id="ueditorimg"></script>
  72. <tr>
  73. <td align="right">商品类目:</td>
  74. <td>
  75. <select name="typeid" id="typeid">
  76. <?php $catlist = category_tree(get_category('product_type',0));if($catlist){foreach($catlist as $row){
  77. if($row["id"]==$catid){ ?>
  78. <option selected="selected" value="<?php echo $row["id"]; ?>"><?php for($i=0;$i<$row["deep"];$i++){echo "";}echo $row["name"]; ?></option>
  79. <?php }else{ ?>
  80. <option value="<?php echo $row["id"]; ?>"><?php for($i=0;$i<$row["deep"];$i++){echo "";}echo $row["name"]; ?></option>
  81. <?php }}} ?>
  82. </select>
  83. </td>
  84. </tr>
  85. <tr>
  86. <td align="right">关键词:</td>
  87. <td><input type="text" name="keywords" id="keywords" style="width:50%" value=""> (多个用","分开)</td>
  88. </tr>
  89. <tr>
  90. <td align="right" style="vertical-align:middle;">内容摘要:</td>
  91. <td><textarea name="description" rows="5" id="description" style="width:60%;height:70px;vertical-align:middle;"></textarea></td>
  92. </tr>
  93. <tr>
  94. <td colspan="2"><strong>图文描述:</strong></td>
  95. </tr>
  96. <tr>
  97. <td colspan="2">
  98. <!-- 加载编辑器的容器 --><script id="container" name="body" type="text/plain"></script>
  99. <!-- 配置文件 --><script type="text/javascript" src="/other/flueditor/ueditor.config.js"></script>
  100. <!-- 编辑器源码文件 --><script type="text/javascript" src="/other/flueditor/ueditor.all.js"></script>
  101. <!-- 实例化编辑器 --><script type="text/javascript">var ue = UE.getEditor('container',{maximumWords:100000,initialFrameHeight:320,enableAutoSave:false});</script></td>
  102. </tr>
  103. <tr>
  104. <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><input type="hidden"></input></td>
  105. </tr>
  106. </tbody></table></form><!-- 表单结束 -->
  107. <script>
  108. $(function(){
  109. $(".required").blur(function(){
  110. var $parent = $(this).parent();
  111. $parent.find(".formtips").remove();
  112. if(this.value=="")
  113. {
  114. $parent.append(' <small class="formtips onError"><font color="red">不能为空!</font></small>');
  115. }
  116. else
  117. {
  118. $parent.append(' <small class="formtips onSuccess"><font color="green">OK</font></small>');
  119. }
  120. });
  121. //重置
  122. $('#addarc input[type="reset"]').click(function(){
  123. $(".formtips").remove();
  124. });
  125. $("#addarc").submit(function(){
  126. $(".required").trigger('blur');
  127. var numError = $('#addarc .onError').length;
  128. if(numError){return false;}
  129. });
  130. });
  131. </script>
  132. @endsection