sell-order-add.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>添加销售订单</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <link rel="stylesheet" type="text/css" href="../../../css/common/mui.min.css" />
  10. <link rel="stylesheet" type="text/css" href="../../../css/common/mui.picker.min.css" />
  11. <link rel="stylesheet" href="../../../css/common/common.css">
  12. <link rel="stylesheet" type="text/css" href="../../../css/index/index-procurement/procurement-details.css" />
  13. </head>
  14. <body>
  15. <header id="header" class="mui-bar mui-bar-nav">
  16. <a class="mui-action-back mui-icon mui-icon-arrowleft">
  17. <span class="back">返回</span>
  18. </a>
  19. <h1 class="mui-title">添加销售订单</h1>
  20. <a class="right ca_right">确定</a>
  21. </header>
  22. <div class="mui-content">
  23. <div class="svm-details">
  24. <div class="svm-nav">
  25. <span></span>
  26. <span>基本信息</span>
  27. </div>
  28. <ul class="svm-con">
  29. <li>
  30. <span>客户</span>
  31. <span class="customerCode"><input type="text" readonly="readonly" placeholder="请选择客户" /></span>
  32. </li>
  33. <li>
  34. <span>销售单金额</span>
  35. <span class="orderMoney"><input type="text" placeholder="请输入销售单金额" /></span>
  36. </li>
  37. <li>
  38. <span>运费</span>
  39. <span class="Freight"><input type="text" placeholder="请输入运费" /></span>
  40. </li>
  41. <li>
  42. <span>发票类型</span>
  43. <span class="InvoiceType"><input type="text" placeholder="请输入发票类型" /></span>
  44. </li>
  45. <li>
  46. <span>审批人</span>
  47. <span class="approvalPson"><input type="text" readonly="readonly" placeholder="请选择审批人" /></span>
  48. </li>
  49. <li>
  50. <span>交货时间</span>
  51. <span class="DeliverTime"><input type="text" placeholder="请填写交货时间,如:2000-01-01" /></span>
  52. </li>
  53. <li>
  54. <span>税务登记号</span>
  55. <span class="TaxNumber"><input type="text" placeholder="请输入税务登记号" /></span>
  56. </li>
  57. <li>
  58. <span>付款方式</span>
  59. <span class="Move"><input type="text" placeholder="请输入付款方式" /></span>
  60. </li>
  61. <li>
  62. <span>交货地址</span>
  63. <span class="Address"><input type="text" placeholder="请输入交货地址" /></span>
  64. </li>
  65. <li>
  66. <span>交货联系人</span>
  67. <span class="DeliverUser"><input type="text" placeholder="请输入交货联系人" /></span>
  68. </li>
  69. <li>
  70. <span>备注</span>
  71. <span class="orderRemark"><input type="text" placeholder="请填写备注" /></span>
  72. </li>
  73. </ul>
  74. <!-- 选择产品 -->
  75. <div class="svm-nav ca_top" id="sell-order-add-popup.html">
  76. <span></span>
  77. <span>选择产品</span>
  78. <span class="mui-icon mui-icon-arrowright ca_float_right"></span>
  79. </div>
  80. <div class="svms">
  81. <ul>
  82. </ul>
  83. </div>
  84. </div>
  85. </div>
  86. <script src="../../../libs/mui.min.js"></script>
  87. <script src="../../../libs/href.js" type="text/javascript" charset="utf-8"></script>
  88. <script src="../../../libs/mui.picker.min.js" type="text/javascript" charset="utf-8"></script>
  89. <script type="text/javascript">
  90. (function($, doc) {
  91. $.plusReady(function() {
  92. var str = plus.storage.getItem('user');
  93. var user = JSON.parse(str);
  94. var token = user.Data.Token;
  95. //客户列表
  96. $(doc.body).on('tap', '.customerCode input', function() {
  97. $(this)[0].blur();
  98. //初始化popPicker组件
  99. var picker = new mui.PopPicker();
  100. //查询列表
  101. var postdata = {
  102. "": "-1"
  103. }
  104. $.ajax("http://www.bosshand.cn/api/Customer/GetCustomerList", {
  105. headers: {
  106. authorization: token,
  107. ContentType: 'application/x-www-form-urlencoded',
  108. },
  109. type: "post",
  110. data: postdata,
  111. dataType: 'json',
  112. success: function(data) {
  113. var data = data.Data.list;
  114. var html = [];
  115. for(var i = 0; i < data.length; i++) {
  116. html.push({
  117. text: data[i].CompanyName,
  118. code: data[i].Code
  119. })
  120. };
  121. picker.setData(html);
  122. }
  123. });
  124. picker.show(function(selectItems) {
  125. $(".customerCode input")[0].value = selectItems[0].text;
  126. $(".customerCode input")[0].id = selectItems[0].code;
  127. });
  128. });
  129. //审批人列表
  130. $(doc.body).on('tap', '.approvalPson input', function() {
  131. $(this)[0].blur();
  132. //初始化popPicker组件
  133. var picker = new mui.PopPicker();
  134. //查询列表
  135. var postdata = {
  136. "": "-1"
  137. }
  138. $.ajax("http://www.bosshand.cn/api/Customer/GetStaffList", {
  139. headers: {
  140. authorization: token,
  141. ContentType: 'application/x-www-form-urlencoded',
  142. },
  143. type: "post",
  144. data: postdata,
  145. dataType: 'json',
  146. success: function(data) {
  147. var data = data.Data.list;
  148. var html = [];
  149. for(var i = 0; i < data.length; i++) {
  150. html.push({
  151. text: data[i].Name,
  152. code: data[i].Code
  153. })
  154. };
  155. picker.setData(html);
  156. }
  157. });
  158. picker.show(function(selectItems) {
  159. $(".approvalPson input")[0].value = selectItems[0].text;
  160. $(".approvalPson input")[0].id = selectItems[0].code;
  161. });
  162. });
  163. //产品
  164. produceList();
  165. function produceList() {
  166. var postdata = {
  167. exist: "-1",
  168. pageIndex: 1, //页码
  169. pageSize: 1000, //页码大小
  170. }
  171. $.ajax("http://www.bosshand.cn/api/Customer/GetProductSKUPageList", {
  172. headers: {
  173. authorization: token
  174. },
  175. type: "post",
  176. data: postdata,
  177. success: function(data) {
  178. var data = data.Data.list;
  179. var html = '';
  180. for(var i = 0; i < data.length; i++) {
  181. html += '<li>'
  182. html += '<div class="mui-input-row mui-checkbox mui-left ca_float_left">'
  183. html += '<label class="sm-mo-word"></label>'
  184. html += '<input class="checked ' + data[i].Code + '" name="checkbox" type="checkbox" value="">'
  185. html += '</div>'
  186. html += '<div id="' + data[i].Code + '" class="ca_div">'
  187. html += '<p class="ca_p">'
  188. html += '<img src="http://www.bosshand.cn/' + data[i].SkuIcon + '"/>'
  189. html += '</p>'
  190. html += '<p>'
  191. html += '<span>' + data[i].ProductName + '</span>'
  192. html += '<span>' + data[i].SkuName + '</span>'
  193. html += '</p>'
  194. html += '</div>'
  195. html += '</li>'
  196. }
  197. $('.svms ul')[0].innerHTML = html
  198. },
  199. error: function(xhr, status) {
  200. }
  201. });
  202. }
  203. //点击跳转
  204. $(doc.body).on('tap', '.ca_div', function() {
  205. var exist = $(this)[0].id;
  206. $.openWindow({
  207. url: 'sell-order-add-popup.html',
  208. waiting: {
  209. autoShow: false, //自动显示等待框,默认为true
  210. },
  211. extras: {
  212. exist: exist
  213. },
  214. show: {
  215. autoShow: true, //页面loaded事件发生后自动显示,默认为true
  216. duration: 200, //页面动画持续时间,Android平台默认100毫秒,iOS平台默认200毫秒;
  217. }
  218. });
  219. });
  220. //
  221. window.addEventListener('sendValue', function(event) {
  222. $('.' + event.detail.arr[0])[0].value = event.detail.arr;
  223. });
  224. //确认修改
  225. $(doc.body).on('tap', '.ca_right', function() {
  226. if($(".customerCode input")[0].value != '' &&
  227. $(".orderMoney input")[0].value != '' &&
  228. $(".orderRemark input")[0].value != '' &&
  229. $(".approvalPson input")[0].value != '' &&
  230. $(".DeliverTime input")[0].value != '' &&
  231. $(".TaxNumber input")[0].value != '' &&
  232. $(".Move input")[0].value != '' &&
  233. $(".Freight input")[0].value != '' &&
  234. $(".Address input")[0].value != '' &&
  235. $(".InvoiceType input")[0].value != '' &&
  236. $(".DeliverUser input")[0].value != '') {
  237. for(var i = 0; i < $('input').length; i++) {
  238. $('input')[i].blur();
  239. }
  240. var check = mui('.checked');
  241. var ApprovalPeople = [];
  242. for(var i = 0; i < check.length; i++) {
  243. if(mui('.checked')[i].checked) {
  244. ApprovalPeople.push(mui('.checked')[i].value);
  245. }
  246. };
  247. var isAdd = true;
  248. for(var i = 0; i < ApprovalPeople.length; i++) {
  249. if(ApprovalPeople[i] == '') {
  250. $.toast('请点击产品完善订单');
  251. isAdd = false;
  252. break;
  253. }
  254. }
  255. if(isAdd) {
  256. AddOrder(ApprovalPeople)
  257. }
  258. } else {
  259. mui.toast('请将信息填写完整')
  260. }
  261. });
  262. //
  263. function AddOrder(ApprovalPeople) {
  264. //客户编码
  265. var customerCode = $(".customerCode input")[0].id;
  266. //订单金额
  267. var orderMoney = $(".orderMoney input")[0].value;
  268. //订单备注
  269. var orderRemark = $(".orderRemark input")[0].value;
  270. //审批人编码
  271. var approvalPson = $(".approvalPson input")[0].id;
  272. //交货时间
  273. var DeliverTime = $(".DeliverTime input")[0].value;
  274. //税务登记号
  275. var TaxNumber = $(".TaxNumber input")[0].value;
  276. //付款方式
  277. var Move = $(".Move input")[0].value;
  278. //运费
  279. var Freight = $(".Freight input")[0].value;
  280. //交货地址
  281. var Address = $(".Address input")[0].value;
  282. //发票类型
  283. var InvoiceType = $(".InvoiceType input")[0].value;
  284. //交货联系人
  285. var DeliverUser = $(".DeliverUser input")[0].value;
  286. var AppProductSKUCode = '';
  287. var AppSaleNumber = '';
  288. var AppPrice = '';
  289. var AppMoney = '';
  290. var AppRemark = '';
  291. for(var i = 0; i < ApprovalPeople.length; i++) {
  292. AppProductSKUCode += ApprovalPeople[i].split(',')[0] + ',';
  293. AppSaleNumber += ApprovalPeople[i].split(',')[1] + ',';
  294. AppPrice += ApprovalPeople[i].split(',')[2] + ',';
  295. AppMoney += ApprovalPeople[i].split(',')[3] + ',';
  296. AppRemark += ApprovalPeople[i].split(',')[4] + ',';
  297. };
  298. //销售模型
  299. var model = {
  300. CustomerCode: customerCode,
  301. SumMoney: orderMoney,
  302. Remark: orderRemark,
  303. ApprovalPson: approvalPson,
  304. DeliverTime: DeliverTime,
  305. TaxNumber: TaxNumber,
  306. Move: Move,
  307. Freight: Freight,
  308. Address: Address,
  309. InvoiceType: InvoiceType,
  310. DeliverUser: DeliverUser,
  311. AppProductSKUCode: AppProductSKUCode.substring(0, AppProductSKUCode.length - 1),
  312. AppSaleNumber: AppSaleNumber.substring(0, AppSaleNumber.length - 1),
  313. AppPrice: AppPrice.substring(0, AppPrice.length - 1),
  314. AppMoney: AppMoney.substring(0, AppMoney.length - 1),
  315. AppRemark: AppRemark.substring(0, AppRemark.length - 1),
  316. };
  317. $.ajax("http://www.bosshand.cn/api/Customer/AddUpdateSaleApp", {
  318. headers: {
  319. authorization: token,
  320. ContentType: 'application/x-www-form-urlencoded',
  321. },
  322. type: "post",
  323. data: model,
  324. dataType: 'json',
  325. success: function(data) {
  326. if(data.Code == 200) {
  327. mui.toast('发布成功');
  328. var old_back = mui.back;
  329. mui.back = function() {
  330. var wobj = plus.webview.getWebviewById("../home-index-sell/sell-order.html");
  331. wobj.reload(true);
  332. old_back();
  333. }
  334. mui.back();
  335. };
  336. }
  337. });
  338. }
  339. })
  340. })(mui, document)
  341. </script>
  342. </body>
  343. </html>