No Description

customerServiceAfterSaleCreate.blade.php 15KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372
  1. @extends('admin/master')
  2. @section('content')
  3. <body>
  4. @if(count($errors) > 0)
  5. <div class="Huialert Huialert-info" id="error">
  6. @foreach($errors->all() as $error)
  7. <li>{{$error}}</li>
  8. @endforeach
  9. </div>
  10. @endif
  11. <style type="text/css">
  12. #good_sku{
  13. position: absolute;
  14. z-index: 9;
  15. background: #ffffff;
  16. box-shadow: 1px 1px 1px 1px #ccc;
  17. width: calc(100% - 30px);
  18. }
  19. #good_sku li{
  20. font-size: 12px;
  21. line-height: 24px;
  22. cursor: pointer;
  23. padding: 5px 10px;
  24. }
  25. #good_sku li:hover{
  26. background: #eaeaea;
  27. }
  28. </style>
  29. <div class="page-container">
  30. <form id='order-form' action="/admin/customerServiceAfterSale/store" method="post" class="form form-horizontal" enctype="multipart/form-data" onkeypress="return event.keyCode != 13;">
  31. <input type="hidden" name="_token" value="{{ csrf_token() }}" />
  32. @if($order)
  33. <input type="hidden" name="order_id" value="{{$order['id']}}" />
  34. <div class="row cl">
  35. <label class="form-label col-xs-4 col-sm-2">
  36. <font color='red'>* </font>买家姓名:</label>
  37. <div class="formControls col-xs-6 col-sm-6">
  38. <span>{{$order['customerName']}}</span>
  39. </div>
  40. </div>
  41. <div class="row cl">
  42. <label class="form-label col-xs-4 col-sm-2">
  43. <font color='red'>* </font>买家手机号:</label>
  44. <div class="formControls col-xs-6 col-sm-6">
  45. <span>{{$order['buyer_phone']}}</span>
  46. </div>
  47. </div>
  48. <div id='use_coupon_div' class="row cl" @if($order['use_coupon'] !='1' && $cust_info['coupons'] != '1') style="display: none" @endif>
  49. <label class="form-label col-xs-4 col-sm-2">
  50. <font color='red'>* </font>是否使用优惠券:</label>
  51. <div class="formControls col-xs-6 col-sm-6">
  52. @if($order['use_coupon']=='0') 否 @else 是 @endif
  53. </div>
  54. </div>
  55. <div class="row cl">
  56. <label class="form-label col-xs-4 col-sm-2">
  57. <font color='red'>* </font>收件人姓名:</label>
  58. <div class="formControls col-xs-6 col-sm-6">
  59. <span>{{$order['receiverName']}}</span>
  60. <input type="hidden" name="receiverName" value="{{$order['receiverName']}}" />
  61. </div>
  62. </div>
  63. <div class="row cl">
  64. <label class="form-label col-xs-4 col-sm-2">
  65. <font color='red'>* </font>收件人手机号:</label>
  66. <div class="formControls col-xs-6 col-sm-6">
  67. <span>{{$order['receiverMobile']}}</span>
  68. <input type="hidden" name="receiverMobile" value="{{$order['deposit_phone']}}" />
  69. </div>
  70. </div>
  71. <div class="row cl">
  72. <label class="form-label col-xs-4 col-sm-2">
  73. <font color='red'>* </font>省/直辖市:</label>
  74. <div class="formControls col-xs-6 col-sm-6">
  75. <span>{{$order['receiverState']}}</span>
  76. </div>
  77. </div>
  78. <div class="row cl">
  79. <label class="form-label col-xs-4 col-sm-2">
  80. <font color='red'>* </font>市:</label>
  81. <div class="formControls col-xs-6 col-sm-6">
  82. <span>{{$order['receiverCity']}}</span>
  83. </div>
  84. </div>
  85. <div class="row cl">
  86. <label class="form-label col-xs-4 col-sm-2">
  87. <font color='red'>* </font>详细地址:</label>
  88. <div class="formControls col-xs-6 col-sm-6">
  89. <span>{{$order['receiverAddress']}}</span>
  90. </div>
  91. </div>
  92. <div class="row cl">
  93. <label class="form-label col-xs-4 col-sm-2">
  94. <font color='red'>* </font>预发货时间:</label>
  95. <div class="formControls col-xs-6 col-sm-6">
  96. <span>{{$order['delivery_date']}}</span>
  97. </div>
  98. </div>
  99. <div class="row cl">
  100. <label class="form-label col-xs-4 col-sm-2">
  101. <font color='red'>* </font>发货仓库:</label>
  102. <div class="formControls col-xs-6 col-sm-6">
  103. <span>
  104. @if($order['warehouse']=='1') A仓库 @endif
  105. @if($order['warehouse']=='2') B仓库 @endif
  106. @if($order['warehouse']=='3') C仓库 @endif
  107. @if($order['warehouse']=='4') D仓库 @endif
  108. </span>
  109. </div>
  110. </div>
  111. <div class="row cl">
  112. <label class="form-label col-xs-4 col-sm-2">
  113. <font color='red'>* </font>已选择商品:</label>
  114. <div id='goods_o' class="formControls col-xs-6 col-sm-6">
  115. @if($order['goods'])
  116. @foreach($order['goods'] as $k=>$good)
  117. <p>{{$good['name']}} 【 规格:{{$good['props_name']}} 库存:{{$good['quantity_str']}}】&nbsp;
  118. <input type='hidden' name='skus[]' value="{{$good['sku_id']}}" />
  119. <p>原订单@if($good['is_weigh']==0) 数量 @else重量 @endif{{$good['num']}}<input type="hidden" name="oldnums[]" value="{{$good['num']}}"></p>
  120. <font style="font-weight: bold;">修改后@if($good['is_weigh']==0) 数量 @else重量 @endif</font>
  121. <button style='width:14px;' type='button' onclick="cut_num({{$good['sku_id']}},{{$good['price']}})">-</button><input style='width:45px;' id='gnum{{$good["sku_id"]}}' class='gnums' price='{{$good["price"]}}' is_weigh='{{$good["is_weigh"]}}' quantity='{{$good["quantity"]}}' is_white='{{$good["is_white"]}}' type='text' name='gnum[]' value='{{$good["num"]}}' /><button style='width:14px;' type='button' onclick="add_num({{$good['sku_id']}},{{$good['price']}})">+</button>@if($good['is_weigh']==1)(斤)
  122. @if($good['is_weigh']==1) &nbsp;&nbsp;<font color='red'>(称重商品,至少0.5斤) </font> @endif @else :{{$good["num"]}} @if($good['is_weigh']==1)斤【称重商品】 @endif<input type='hidden' id='gnum{{$good["sku_id"]}}' class='gnums' price='{{$good["price"]}}' name='gnum[]' value='{{$good["num"]}}' /> @endif </p>
  123. <br>
  124. @endforeach
  125. @endif
  126. </div>
  127. </div>
  128. <div class="row cl">
  129. <label for="" class="form-label col-xs-4 col-sm-2">
  130. <font color='red'>* </font>售后类型:</label>
  131. <div class="formControls col-xs-6 col-sm-6">
  132. <input type="radio" name="service_type" value="1" checked>退补&nbsp;&nbsp;
  133. <input type="radio" name="service_type" value="2">售后
  134. </div>
  135. </div>
  136. <div class="row cl" style='display: none'>
  137. <label class="form-label col-xs-4 col-sm-2">应收金额:</label>
  138. <div class="formControls col-xs-6 col-sm-6">
  139. <span id='should_amount_show'>{{$order['should_amount']}}</span>
  140. </div>
  141. </div>
  142. <div class="row cl">
  143. <label class="form-label col-xs-4 col-sm-2">
  144. <font color='red'>* </font>实付金额:</label>
  145. <div class="formControls col-xs-6 col-sm-6">
  146. <span>{{$order['receivedAmount']}}</span>
  147. </div>
  148. </div>
  149. <div class="row cl">
  150. <label class="form-label col-xs-4 col-sm-2">
  151. <font color='red'>* </font>支付方式:</label>
  152. <div class="formControls col-xs-6 col-sm-6">
  153. <span>
  154. @if($order['payment_type']=='1') 微信支付 @endif
  155. @if($order['payment_type']=='2') 付款码支付 @endif
  156. @if($order['payment_type']=='3') 个体户支付 @endif
  157. @if($order['payment_type']=='4') 充值卡支付 @endif
  158. </span>
  159. </div>
  160. </div>
  161. @if($order['payment_type'] != 4)
  162. <div class="row cl" style="display: none" id='deposit_div'>
  163. <label class="form-label col-xs-4 col-sm-2">
  164. <font color='red'> </font>充值卡号:</label>
  165. <div class="formControls col-xs-6 col-sm-6">
  166. </div>
  167. </div>
  168. @else
  169. <div class="row cl" id='deposit_div'>
  170. <label class="form-label col-xs-4 col-sm-2">
  171. <font color='red'> </font>充值卡号:</label>
  172. <div class="formControls col-xs-6 col-sm-6">
  173. <span>{{$deposit_phone}}</span>
  174. </div>
  175. </div>
  176. @endif
  177. <div class="row cl">
  178. <label class="form-label col-xs-4 col-sm-2">
  179. <font color='red'>* </font>是否退补单:</label>
  180. <div class="formControls col-xs-6 col-sm-6">
  181. <span>
  182. @if($order['is_refund']=='0') 否 @endif
  183. @if($order['is_refund']=='1') 是 @endif
  184. </span>
  185. </div>
  186. </div>
  187. {{--<div class="row cl">--}}
  188. {{--<label class="form-label col-xs-4 col-sm-2">应该退补差价:</label>--}}
  189. {{--<div class="formControls col-xs-6 col-sm-6">--}}
  190. {{--<span>{{$order['refund_price']}}</span>--}}
  191. {{--</div>--}}
  192. {{--</div>--}}
  193. <div class="row cl">
  194. <label class="form-label col-xs-4 col-sm-2">
  195. <font color='red'>* </font>是否复购:</label>
  196. <div class="formControls col-xs-6 col-sm-6">
  197. <span>
  198. @if($order['is_fugou']=='0') 否 @endif
  199. @if($order['is_fugou']=='1') 是 @endif
  200. </span>
  201. </div>
  202. </div>
  203. <div class="row cl">
  204. <label class="form-label col-xs-4 col-sm-2">
  205. <font color='red'>* </font>是否退款:</label>
  206. <div class="formControls col-xs-6 col-sm-6">
  207. <span>
  208. @if($order['order_status']=='0') 否 @endif
  209. @if($order['order_status']=='2') 是 @endif
  210. </span>
  211. </div>
  212. </div>
  213. <div class="row cl">
  214. <label class="form-label col-xs-4 col-sm-2">
  215. <font color='red'>* </font>下单时间:</label>
  216. <div class="formControls col-xs-6 col-sm-6">
  217. <span>{{$order['createTime']}}</span>
  218. </div>
  219. </div>
  220. <div class="row cl">
  221. <label class="form-label col-xs-4 col-sm-2">买家备注:</label>
  222. <div class="formControls col-xs-6 col-sm-6">
  223. <textarea class="textarea" placeholder="填写买家备注..." readonly>{{$order['buyerMemo']}}</textarea>
  224. </div>
  225. </div>
  226. <div class="row cl">
  227. <label class="form-label col-xs-4 col-sm-2">卖家备注:</label>
  228. <div class="formControls col-xs-6 col-sm-6">
  229. <textarea class="textarea" placeholder="填写卖家备注..." readonly>{{$order['sellerMemo']}}</textarea>
  230. </div>
  231. </div>
  232. @endif
  233. <div class="row cl">
  234. <div class="col-9 col-offset-2">
  235. <button class="btn btn-primary radius" type="button" onclick="to_submit()" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">&nbsp;&nbsp;提交&nbsp;&nbsp;</button>&nbsp;
  236. <button class="btn btn-default" type="reset" onclick="return_index();">&nbsp;&nbsp;返回&nbsp;&nbsp;</button>&nbsp;
  237. </div>
  238. </div>
  239. </form>
  240. </div>
  241. <!--_footer 作为公共模版分离出去-->
  242. <script type="text/javascript" src="/admin/lib/jquery/1.9.1/jquery.min.js"></script>
  243. <script type="text/javascript" src="/admin/lib/layer/2.4/layer.js"></script>
  244. <script type="text/javascript" src="/admin/static/h-ui/js/H-ui.min.js"></script>
  245. <script type="text/javascript" src="/admin/static/h-ui.admin/js/H-ui.admin.js"></script>
  246. <!--/_footer 作为公共模版分离出去-->
  247. <!--请在下方写此页面业务相关的脚本-->
  248. <script type="text/javascript" src="/admin/lib/My97DatePicker/4.8/WdatePicker.js"></script>
  249. <script type="text/javascript">
  250. $(function(){
  251. setTimeout("$('#error').hide()",3000);
  252. });
  253. /*返回*/
  254. function return_index(){
  255. location.href='/admin/customerServiceAfterSale/index';
  256. }
  257. function add_num(sku_id, price){
  258. var gnum = $("#gnum"+sku_id).val();
  259. var n = gnum;
  260. n = parseFloat(n)+1
  261. $("#gnum"+sku_id).val(n);
  262. // sync_money()
  263. return false;
  264. }
  265. function cut_num(sku_id, price){
  266. var gnum = $("#gnum"+sku_id).val();
  267. var n = gnum;
  268. if(n <= 1){
  269. return false;
  270. }
  271. n = parseFloat(n)-1;
  272. $("#gnum"+sku_id).val(n);
  273. // sync_money()
  274. return false;
  275. }
  276. function sync_money(){
  277. var gnums = new Array();
  278. var total = 0;
  279. $('.gnums').each(function(key, value){
  280. var gnum = $(this).val();
  281. var price = $(this).attr('price');
  282. total = total + parseFloat(price) * parseFloat(gnum);
  283. });
  284. if(total>0){
  285. $("#should_amount").val(total);
  286. $("#should_amount_show").html(total);
  287. }else{
  288. $("#should_amount").val('');
  289. $("#should_amount_show").html('');
  290. }
  291. return false;
  292. }
  293. $('body').on('click', function(){
  294. $('input[name=goods_name]').on('click',function(e){
  295. e.stopPropagation();
  296. });
  297. document.getElementById('good_sku').style.display='none'
  298. })
  299. function to_submit(){
  300. if(!form_verify()){
  301. return false;
  302. }
  303. $(".btn").attr("disabled",true);
  304. $("#order-form").submit();
  305. return true;
  306. }
  307. function weigh_verify(){
  308. var if_no = 0;
  309. $('.gnums').each(function(key, value){
  310. var gnum = $(this).val();
  311. gnum = parseFloat(gnum);
  312. var is_weigh = $(this).attr('is_weigh');
  313. if(gnum<0.5){
  314. if_no = 1;
  315. return;
  316. }
  317. if(is_weigh == 0 && gnum%1 != 0){
  318. if_no = 2;
  319. return;
  320. }
  321. if(is_weigh == 1 && gnum%0.5 != 0){
  322. if_no = 3;
  323. return;
  324. }
  325. var quantity = $(this).attr('quantity');
  326. var is_white = $(this).attr('is_white');
  327. if(is_white==0){
  328. // if(is_white==0 && gnum>quantity){
  329. if_no=4;
  330. return;
  331. }
  332. });
  333. return if_no;
  334. }
  335. function form_verify(){
  336. //验证称重>0.5
  337. var if_no = weigh_verify();
  338. if(if_no > 0){
  339. if(if_no == 1){
  340. layer.msg('商品数量填写有误!',{icon:2,time:1500});
  341. }
  342. if(if_no == 2){
  343. layer.msg('非称重商品数量必须为整数!',{icon:2,time:1500});
  344. }
  345. if(if_no == 3){
  346. layer.msg('称重商品重量必须为0.5的倍数!',{icon:2,time:1500});
  347. }
  348. if(if_no == 4){
  349. layer.msg('商品数量不得大于库存量!',{icon:2,time:1500});
  350. }
  351. return false;
  352. }
  353. return true;
  354. }
  355. </script>
  356. </body>
  357. @endsection