modals.blade.php 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368
  1. <style>
  2. .bootstrap-select{width:0;padding:0;margin:0;}
  3. .dropdown-toggle .pull-left{margin:0;line-height: 20px;}
  4. </style>
  5. <!-- 关闭订单 -->
  6. <div id="modal-close" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true" style="width:600px;margin:0px auto;">
  7. <form class="form-horizontal form" action="{!! yzWebUrl('order.operation.close') !!}" method="post" enctype="multipart/form-data">
  8. <input type="hidden" name="route" value="order.operation.close">
  9. <input type='hidden' name='order_id' value=''/>
  10. <div class="modal-dialog">
  11. <div class="modal-content">
  12. <div class="modal-header">
  13. <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
  14. <h3>关闭订单</h3>
  15. </div>
  16. <div class="modal-body">
  17. <label>关闭订单原因</label>
  18. <textarea style="height:150px;" class="form-control" name="reson" autocomplete="off"></textarea>
  19. <div id="module-menus"></div>
  20. </div>
  21. <div class="modal-footer">
  22. <button type="submit" class="btn btn-primary" name="close" value="yes">关闭订单</button>
  23. <a href="#" class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</a>
  24. </div>
  25. </div>
  26. </div>
  27. </form>
  28. </div>
  29. <!-- 手动退款 -->
  30. <div id="modal-manual-refund" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true" style="width:600px;margin:0px auto;">
  31. <form class="form-horizontal form" action="{!! yzWebUrl('order.operation.manualRefund') !!}" method="post" enctype="multipart/form-data">
  32. <input type="hidden" name="route" value="order.operation.manualRefund">
  33. <input type='hidden' name='order_id' value=''/>
  34. <div class="modal-dialog">
  35. <div class="modal-content">
  36. <div class="modal-header">
  37. <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
  38. <h3>退款并关闭订单</h3>
  39. </div>
  40. <div class="modal-body">
  41. <label>退款原因</label>
  42. <textarea style="height:150px;" class="form-control" name="reson" autocomplete="off"></textarea>
  43. <div id="module-menus"></div>
  44. </div>
  45. <div class="modal-footer">
  46. <button type="submit" class="btn btn-primary" name="close" value="yes">退款</button>
  47. <a href="#" class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</a>
  48. </div>
  49. </div>
  50. </div>
  51. </form>
  52. </div>
  53. <!-- 确认发货 -->
  54. <div id="modal-confirmsend" class="modal fade" role="dialog" style="width:600px;margin:0px auto;">
  55. <form class="form-horizontal form" action="" method="get"
  56. enctype="multipart/form-data">
  57. <input type='hidden' name='c' value='site'/>
  58. <input type='hidden' name='a' value='entry'/>
  59. <input type='hidden' name='m' value='yun_shop'/>
  60. <input type='hidden' name='do' value='{{YunShop::request()->do}}'/>
  61. <input type='hidden' name='order_id' value=''/>
  62. <input type='hidden' name='route' value='order.operation.send' id="send_form"/>
  63. <div class="modal-dialog">
  64. <div class="modal-content">
  65. <div class="modal-header">
  66. <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
  67. <h3>快递信息</h3>
  68. </div>
  69. <div class="modal-body">
  70. <div class="form-group">
  71. <label class="col-xs-10 col-sm-3 col-md-3 control-label">收件人信息</label>
  72. <div class="col-xs-12 col-sm-9 col-md-8 col-lg-8">
  73. <div class="form-control-static">
  74. 收 件 人: <span class="realname">{{$order['belongs_to_member']['realname']}}</span> / <span class="mobile">{{$order['belongs_to_member']['mobile']}}</span><br>
  75. 收货地址: <span class="address"></span>
  76. </div>
  77. </div>
  78. </div>
  79. <div class="form-group">
  80. <label class="col-xs-10 col-sm-3 col-md-3 control-label">配送方式</label>
  81. <div class="col-xs-12 col-sm-9 col-md-8 col-lg-8">
  82. <div>
  83. <label class="radio-inline">
  84. <input type="radio" name="dispatch_type_id" value="1" checked>
  85. 快递
  86. </label>
  87. </div>
  88. </div>
  89. </div>
  90. <div id="kuaidi">
  91. <div class="form-group" style="overflow: visible !important;">
  92. <label class="col-xs-10 col-sm-3 col-md-3 control-label">快递公司</label>
  93. <div class="col-xs-12 col-sm-9 col-md-8 col-lg-8">
  94. <select class="form-control selectpicker" data-live-search="true" name="express_code"
  95. id="express_company">
  96. <option value="" data-name="">其他快递</option>
  97. @include('express.companies')
  98. </select>
  99. <input type='hidden' name='express_company_name' id='expresscom'/>
  100. </div>
  101. </div>
  102. <div class="form-group">
  103. <label class="col-xs-10 col-sm-3 col-md-3 control-label">快递单号</label>
  104. <div class="col-xs-12 col-sm-9 col-md-8 col-lg-8">
  105. <input type="text" id="express_sn" name="express_sn" class="form-control"
  106. style="margin:0;width:100%;"/>
  107. </div>
  108. </div>
  109. </div>
  110. <div id="module-menus"></div>
  111. </div>
  112. <div class="modal-footer">
  113. <button type="submit" class="btn btn-primary span2" name="confirmsend" onclick="confirmSend()"
  114. value="yes">确认发货
  115. </button>
  116. <a href="#" class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</a>
  117. </div>
  118. </div>
  119. </div>
  120. </form>
  121. </div>
  122. <!-- 取消发货 -->
  123. <div id="modal-cancelsend" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true"
  124. style="width:600px;margin:0px auto;">
  125. <form class="form-horizontal form" action="{!! yzWebUrl('order.operation.cancel-send') !!}" method="post"
  126. enctype="multipart/form-data">
  127. <input type='hidden' name='order_id' value=''/>
  128. <div class="modal-dialog">
  129. <div class="modal-content">
  130. <div class="modal-header">
  131. <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
  132. <h3>取消发货</h3>
  133. </div>
  134. <div class="modal-body">
  135. <label>取消发货原因</label>
  136. <textarea style="height:150px;" class="form-control" name="cancelreson"
  137. autocomplete="off"></textarea>
  138. <div id="module-menus"></div>
  139. </div>
  140. <div class="modal-footer">
  141. <button type="submit" class="btn btn-primary span2" name="cancelsend" value="yes">取消发货</button>
  142. <a href="#" class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</a>
  143. </div>
  144. </div>
  145. </div>
  146. </form>
  147. </div>
  148. </form>
  149. </div>
  150. <div id='changeprice_container'>
  151. </div>
  152. @include('refund.modal')
  153. <script language='javascript'>
  154. function changePrice(orderid) {
  155. $.post("{!! yzWebUrl('order.change-order-price') !!}", {order_id: orderid}, function (html) {
  156. if (html == -1) {
  157. alert('订单不能改价!');
  158. return;
  159. }
  160. $('#changeprice_container').html(html);
  161. $('#modal-changeprice').modal().on('shown.bs.modal', function () {
  162. mc_init();
  163. })
  164. });
  165. }
  166. var order_price = 0;
  167. var dispatch_price = 0;
  168. function mc_init() {
  169. order_price = parseFloat($('#changeprice-orderprice').val());
  170. dispatch_price = parseFloat($('#changeprice-dispatchprice').val());
  171. $('input', $('#modal-changeprice')).blur(function () {
  172. if ($.isNumber($(this).val())) {
  173. mc_calc();
  174. }
  175. });
  176. }
  177. function mc_calc() {
  178. var change_dispatchprice = parseFloat($('#changeprice_dispatchprice').val());
  179. if (!$.isNumber($('#changeprice_dispatchprice').val())) {
  180. change_dispatchprice = dispatch_price;
  181. }
  182. var dprice = change_dispatchprice;
  183. if (dprice <= 0) {
  184. dprice = 0;
  185. }
  186. $('#dispatchprice').html(dprice.toFixed(2));
  187. var oprice = 0;
  188. $('.changeprice_orderprice').each(function () {
  189. var p = 0;
  190. if ($.trim($(this).val()) != '') {
  191. p = parseFloat($.trim($(this).val()));
  192. }
  193. oprice += p;
  194. });
  195. if (Math.abs(oprice) > 0) {
  196. if (oprice < 0) {
  197. $('#changeprice').css('color', 'red');
  198. $('#changeprice').html(" - " + Math.abs(oprice));
  199. } else {
  200. $('#changeprice').css('color', 'green');
  201. $('#changeprice').html(" + " + Math.abs(oprice));
  202. }
  203. }
  204. var lastprice = order_price + dprice + oprice;
  205. $('#lastprice').html(lastprice.toFixed(2));
  206. }
  207. function mc_check() {
  208. var can = true;
  209. var lastprice = 0;
  210. $('.changeprice').each(function () {
  211. if ($.trim($(this).val()) == '') {
  212. return true;
  213. }
  214. var p = 0;
  215. if (!$.isNumber($(this).val())) {
  216. $(this).select();
  217. alert('请输入数字!');
  218. can = false;
  219. return false;
  220. }
  221. var val = parseFloat($(this).val());
  222. if (val <= 0 && Math.abs(val) > parseFloat($(this).parent().prev().html())) {
  223. $(this).select();
  224. alert('单个商品价格不能优惠到负数!');
  225. can = false;
  226. return false;
  227. }
  228. lastprice += val;
  229. });
  230. var op = order_price + dispatch_price + lastprice;
  231. if (op < 0) {
  232. alert('订单价格不能小于0元!');
  233. return false;
  234. }
  235. if (!can) {
  236. return false;
  237. }
  238. return true;
  239. }
  240. </script>
  241. <script language="javascript">
  242. function confirmSend() {
  243. var numerictype = /^[a-zA-Z0-9]+$/;;
  244. if ($('#express_sn').val() == '' && $('#express_company').val() != '') {
  245. $('#send_form').val("order.list");
  246. return confirm('请填写快递单号!');
  247. }
  248. $('#expresscom').val($('#express_company option:selected').attr('data-name'));
  249. if ($('#express_sn').val() != '') {
  250. if (!numerictype.test($('#express_sn').val())) {
  251. $('#send_form').val("order.list");
  252. return confirm('快递单号格式不正确!');
  253. }
  254. }
  255. //todo 当未选择其他快递的时候,不允许提交
  256. }
  257. function send(btn) {
  258. var modal = $('#modal-confirmsend');
  259. $('#express_sn').val('');
  260. console.log($('#express_company').val());
  261. $('#express_company').val('');
  262. let dataids = $(".dropdown-toggle[data-id='express_company']");
  263. let dataspan = $(".dropdown-toggle[data-id='express_company'] .filter-option");
  264. console.log(dataspan)
  265. dataspan.text("其他快递")
  266. dataids.attr('title','其他快递')
  267. console.log(dataids.attr('title'))
  268. if(dataids == "express_company") {
  269. console.log(dataids)
  270. }
  271. // $('#express_company').selectpicker('val', "123");
  272. var itemid = $(btn).parent().find('.itemid').val();
  273. $(".id").val(itemid);
  274. $('#send_form').val('order.operation.send');
  275. modal.find(':input[name=order_id]').val(itemid);
  276. if ($(btn).parent().find('.addressdata').val()) {
  277. var addressdata = JSON.parse($(btn).parent().find('.addressdata').val());
  278. if (addressdata) {
  279. modal.find('.realname').html(addressdata.realname);
  280. modal.find('.mobile').html(addressdata.mobile);
  281. modal.find('.address').html(addressdata.address);
  282. }
  283. }
  284. }
  285. </script>
  286. <!-- 查看物流 -->
  287. <div id="modal-express" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true"
  288. style="width:620px;margin:0px auto;">
  289. <div class="modal-dialog">
  290. <div class="modal-content">
  291. <div class="modal-header">
  292. <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
  293. <h3>查看物流</h3></div>
  294. <div class="modal-body" style='max-height:500px;overflow: auto;'>
  295. <div class="form-group">
  296. <p class='form-control-static' id="module-menus-express"></p>
  297. </div>
  298. </div>
  299. <div class="modal-footer"><a href="#" class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</a>
  300. </div>
  301. </div>
  302. </div>
  303. </div>
  304. <script language='javascript'>
  305. function express_find(btn, orderid) {
  306. $(btn).button('loading');
  307. $.ajax({
  308. url: "{php echo $this->createWebUrl('order/list',array('op'=>'deal','to'=>'express'))}&id=" + orderid,
  309. cache: false,
  310. success: function (html) {
  311. $('#module-menus-express').html(html);
  312. $('#modal-express').modal();
  313. $(btn).button('reset');
  314. }
  315. })
  316. }
  317. function refundexpress_find(btn, orderid, flag) {
  318. $(btn).button('loading');
  319. $.ajax({
  320. url: "{php echo $this->createWebUrl('order/list',array('op'=>'deal','to'=>'refundexpress'))}&id=" + orderid + "&flag=" + flag,
  321. cache: false,
  322. success: function (html) {
  323. $('#module-menus-express').html(html);
  324. $('#modal-express').modal();
  325. $(btn).button('reset');
  326. }
  327. })
  328. }
  329. </script>