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.

198 lines
9.4 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
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
7 years ago
7 years ago
  1. @extends('admin.layouts.app')
  2. @section('title', '商品添加')
  3. @section('content')
  4. <script language="javascript" type="text/javascript" src="http://<?php echo env('APP_DOMAIN'); ?>/js/My97DatePicker/WdatePicker.js"></script>
  5. <h5 class="sub-header"><a href="/fladmin/goods">商品列表</a> > 添加商品</h5>
  6. <form id="addarc" method="post" action="/fladmin/goods/doadd" role="form" enctype="multipart/form-data" class="table-responsive">{{ csrf_field() }}
  7. <table class="table table-striped table-bordered">
  8. <tbody>
  9. <tr>
  10. <td align="right">商品标题:</td>
  11. <td><input name="title" type="text" id="title" value="" class="required" style="width:60%" placeholder="在此输入标题"></td>
  12. </tr>
  13. <tr>
  14. <td align="right">货号:</td>
  15. <td colspan="2"><input name="sn" type="text" id="sn" style="width:180px" value="">&nbsp;&nbsp; 运费:<input name="shipping_fee" type="text" id="shipping_fee" style="width:100px" value="">&nbsp;&nbsp; 销量:<input name="sale" type="text" id="sale" style="width:60px" value=""></td>
  16. </tr>
  17. <tr>
  18. <td align="right">商品价格:</td>
  19. <td colspan="2"><input name="price" type="text" id="price" style="width:100px" value="">&nbsp;&nbsp; 原价:<input name="market_price" type="text" id="market_price" style="width:100px" value="">&nbsp;&nbsp; 库存:<input name="goods_number" type="text" id="goods_number" style="width:60px" value="">&nbsp;&nbsp; 浏览次数:<input type="text" name="click" id="click" value="" style="width:60px;"></td>
  20. </tr>
  21. <tr>
  22. <td align="right">上架:</td>
  23. <td>
  24. <input type="radio" value='0' name="status" checked />&nbsp;&nbsp;&nbsp;
  25. <input type="radio" value='2' name="status" />&nbsp;
  26. </td>
  27. </tr>
  28. <tr>
  29. <td align="right">活动价:</td>
  30. <td colspan="2"><input name="promote_price" type="text" id="promote_price" style="width:80px" value="">&nbsp;&nbsp; 活动开始日期:<input name="promote_start_date" onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd HH:mm:ss'})" type="text" id="promote_start_date" style="width:185px" value="">&nbsp;&nbsp; 活动结束日期:<input name="promote_end_date" onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd HH:mm:ss'})" type="text" id="promote_end_date" style="width:185px" value=""></td>
  31. </tr>
  32. <tr>
  33. <td align="right">推荐:</td>
  34. <td>
  35. <select name="tuijian" id="tuijian">
  36. <?php $tuijian = config('custom.tuijian');
  37. for($i=0;$i<count($tuijian);$i++){ ?><option value="<?php echo $i; ?>"><?php echo $tuijian[$i]; ?></option><?php } ?>
  38. </select>
  39. </td>
  40. </tr>
  41. <tr>
  42. <td align="right">规格:</td>
  43. <td id="spec"><button type="button" id="add_spec_button">+添加规格</button>
  44. <script>
  45. var spec = '<div class="spec_li" style="margin-top:5px;"><input required="required" name="spec_name[]" type="text" value="" style="width:120px" placeholder="颜色"> <input placeholder="黑,白" name="spec_data[]" type="text" value="" style="width:200px" required="required"> <button type="button" onClick="remove_specli(\'spec_li\');">删除</button></div>';
  46. $("#add_spec_button").click(function(){var length=$(".spec_li").length+1;var reg=/spec_li/g;spec=spec.replace(reg,'spec_li'+length);$('#spec').append(spec);});
  47. function remove_specli(a){$("."+a).remove();}
  48. </script>
  49. </td>
  50. </tr>
  51. <tr>
  52. <td align="right">seoTitle:</td>
  53. <td><input name="seotitle" type="text" id="seotitle" value="" style="width:60%"></td>
  54. </tr>
  55. <tr>
  56. <td align="right" style="vertical-align:middle;">缩略图:</td>
  57. <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>
  58. </tr>
  59. <script type="text/javascript">
  60. var _editor;
  61. $(function() {
  62. //重新实例化一个编辑器,防止在上面的editor编辑器中显示上传的图片或者文件
  63. _editor = UE.getEditor('ueditorimg');
  64. _editor.ready(function () {
  65. //设置编辑器不可用
  66. _editor.setDisabled('insertimage');
  67. //隐藏编辑器,因为不会用到这个编辑器实例,所以要隐藏
  68. _editor.hide();
  69. //侦听图片上传
  70. _editor.addListener('beforeInsertImage', function (t, arg) {
  71. //将地址赋值给相应的input,只取第一张图片的路径
  72. $('#litpic').val(arg[0].src);
  73. //图片预览
  74. $('#picview').attr("src",arg[0].src).css("display","inline-block");
  75. })
  76. });
  77. });
  78. //弹出图片上传的对话框
  79. function upImage()
  80. {
  81. var myImage = _editor.getDialog("insertimage");
  82. myImage.render();
  83. myImage.open();
  84. }
  85. </script>
  86. <script type="text/plain" id="ueditorimg"></script>
  87. <tr>
  88. <td align="right" style="vertical-align:middle;">商品图片:</td>
  89. <td style="vertical-align:middle;" id="duotulist"><button type="button" onclick="upImage2();">选择图片</button></td>
  90. </tr>
  91. <script type="text/javascript">
  92. var _editor2;
  93. $(function() {
  94. //重新实例化一个编辑器,防止在上面的editor编辑器中显示上传的图片或者文件
  95. _editor2 = UE.getEditor('ueditordimg');
  96. _editor2.ready(function () {
  97. //设置编辑器不可用
  98. _editor2.setDisabled('insertimage');
  99. //隐藏编辑器,因为不会用到这个编辑器实例,所以要隐藏
  100. _editor2.hide();
  101. //侦听图片上传
  102. _editor2.addListener('beforeInsertImage', function (t, arg) {
  103. $("#duotulist").html('<button type="button" onclick="upImage2();">选择图片</button>');
  104. for (var i=0;i<arg.length;i++)
  105. {
  106. if(i<8)
  107. {
  108. $("#duotulist").append('<img style="margin-left:10px;" src="'+arg[i].src+'" width="120" height="80"><input name="goods_img[]" type="text" value="'+arg[i].src+'" style="display:none;">');
  109. }
  110. }
  111. })
  112. });
  113. });
  114. //弹出图片上传的对话框
  115. function upImage2()
  116. {
  117. var myImage = _editor2.getDialog("insertimage");
  118. myImage.render();
  119. myImage.open();
  120. }
  121. </script>
  122. <script type="text/plain" id="ueditordimg"></script>
  123. <tr>
  124. <td align="right">商品类目:</td>
  125. <td>
  126. <select name="typeid" id="typeid">
  127. <?php $catlist = category_tree(get_category('goods_type',0));if($catlist){foreach($catlist as $row){
  128. if($row["id"]==$catid){ ?>
  129. <option selected="selected" value="<?php echo $row["id"]; ?>"><?php for($i=0;$i<$row["deep"];$i++){echo "";}echo $row["name"]; ?></option>
  130. <?php }else{ ?>
  131. <option value="<?php echo $row["id"]; ?>"><?php for($i=0;$i<$row["deep"];$i++){echo "";}echo $row["name"]; ?></option>
  132. <?php }}} ?>
  133. </select>
  134. </td>
  135. </tr>
  136. <tr>
  137. <td align="right">商品品牌:</td>
  138. <td>
  139. <select name="brand_id" id="brand_id">
  140. <option value="0">请选择品牌</option>
  141. <?php foreach($goodsbrand_list as $row){ ?>
  142. <option value="<?php echo $row["id"]; ?>"><?php echo $row["title"]; ?></option>
  143. <?php } ?>
  144. </select>
  145. </td>
  146. </tr>
  147. <tr>
  148. <td align="right">关键词:</td>
  149. <td><input type="text" name="keywords" id="keywords" style="width:50%" value=""> (多个用","分开)</td>
  150. </tr>
  151. <tr>
  152. <td align="right" style="vertical-align:middle;">内容摘要:</td>
  153. <td><textarea name="description" rows="5" id="description" style="width:60%;height:70px;vertical-align:middle;"></textarea></td>
  154. </tr>
  155. <tr>
  156. <td colspan="2"><strong>图文描述:</strong></td>
  157. </tr>
  158. <tr>
  159. <td colspan="2">
  160. <!-- 加载编辑器的容器 --><script id="container" name="body" type="text/plain"></script>
  161. <!-- 配置文件 --><script type="text/javascript" src="/other/flueditor/ueditor.config.js"></script>
  162. <!-- 编辑器源码文件 --><script type="text/javascript" src="/other/flueditor/ueditor.all.min.js"></script>
  163. <!-- 实例化编辑器 --><script type="text/javascript">var ue = UE.getEditor('container',{maximumWords:100000,initialFrameHeight:320,enableAutoSave:false});</script></td>
  164. </tr>
  165. <tr>
  166. <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>
  167. </tr>
  168. </tbody></table></form><!-- 表单结束 -->
  169. <script>
  170. $(function(){
  171. $(".required").blur(function(){
  172. var $parent = $(this).parent();
  173. $parent.find(".formtips").remove();
  174. if(this.value=="")
  175. {
  176. $parent.append(' <small class="formtips onError"><font color="red">不能为空!</font></small>');
  177. }
  178. else
  179. {
  180. $parent.append(' <small class="formtips onSuccess"><font color="green">OK</font></small>');
  181. }
  182. });
  183. //重置
  184. $('#addarc input[type="reset"]').click(function(){
  185. $(".formtips").remove();
  186. });
  187. $("#addarc").submit(function(){
  188. $(".required").trigger('blur');
  189. var numError = $('#addarc .onError').length;
  190. if(numError){return false;}
  191. });
  192. });
  193. </script>
  194. @endsection