1
0

order.js 32 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789
  1. $(function () {
  2. let shippingStatus = getQueryString("shippingStatus");
  3. let payStatus = getQueryString("payStatus");
  4. let orderStatus = getQueryString("orderStatus");
  5. let merchOrderSn = getQueryString("merchOrderSn");
  6. let startTime = getQueryString("startTime");
  7. let endTime = getQueryString("endTime");
  8. let storeId = getQueryString("storeId");
  9. let orderBizType = getQueryString("orderBizType");
  10. let sku = getQueryString("sku");
  11. let url = '../order/list?1';
  12. if (shippingStatus) {
  13. url += '&shippingStatus=' + shippingStatus;
  14. }
  15. if (payStatus) {
  16. url += '&payStatus=' + payStatus;
  17. }
  18. if (orderStatus) {
  19. url += '&orderStatus=' + orderStatus;
  20. }
  21. if (merchOrderSn) {
  22. url += '&merchOrderSn=' + merchOrderSn;
  23. }
  24. if (startTime) {
  25. url += '&startTime=' + startTime;
  26. }
  27. if (endTime) {
  28. url += '&endTime=' + endTime;
  29. }
  30. if (storeId) {
  31. url += '&storeId=' + storeId;
  32. }
  33. if (orderBizType) {
  34. url += '&orderBizType=' + orderBizType;
  35. }
  36. if(sku){
  37. url += '&sku=' + sku;
  38. }
  39. $("#jqGrid").jqGrid({
  40. url: url,
  41. datatype: "json",
  42. colModel: [
  43. {label: 'id', name: 'id', index: 'id', key: true, hidden: true},
  44. {label: '所属门店', name: 'storeName', index: 'storeName',align: 'center', width: 180},
  45. {label: '订单号', name: 'orderSn', index: 'order_sn', align: 'center',width: 180},
  46. {label: '会员', name: 'userName', index: 'user_name',align: 'center', width: 80},
  47. {label: '支付类型', name: 'isMergePay', index: 'is_merge_pay',align: 'center', width: 80,
  48. formatter: function (value) {
  49. if (value == '2') {
  50. return '合并支付';
  51. }else if (value == '1') {
  52. return '合并支付';
  53. } else if (value == '0') {
  54. return '单笔支付';
  55. }
  56. return '-';
  57. }
  58. },
  59. {label: '商户订单号', name: 'merchOrderSn', index: 'merchOrderSn', align: 'center',width: 150},
  60. {
  61. label: '订单业务类型', name: 'orderBizType', index: 'order_biz_type', align: 'center',width: 100,
  62. formatter: function (value) {
  63. if (value == '00') {
  64. return '保税备货';
  65. } else if (value == '02') {
  66. return '保税展示补货';
  67. } else if (value == '10') {
  68. return '保税展示跨境';
  69. } else if (value == '11') {
  70. return '普通货物';
  71. }
  72. return '-';
  73. }
  74. },
  75. {
  76. label: '订单状态', name: 'orderStatus', index: 'order_status', align: 'center',width: 120,
  77. formatter: function (value) {
  78. if (value == '0') {
  79. return '订单创建成功等待付款';
  80. } else if (value == '100') {
  81. return '订单付款中';
  82. } else if (value == '101') {
  83. return '订单已取消';
  84. } else if (value == '102') {
  85. return '订单已删除';
  86. } else if (value == '201') {
  87. return '订单已付款,等待发货';
  88. } else if (value == '300') {
  89. return '订单已发货';
  90. } else if (value == '301') {
  91. return '用户确认收货';
  92. } else if (value == '401') {
  93. return '没有发货,退款';
  94. } else if (value == '402') {
  95. return '已收货,退款退货';
  96. }
  97. return value;
  98. }
  99. },
  100. {
  101. label: '订付人核验', name: 'buyerPayCheck', index: 'buyer_pay_check', align: 'center',width: 80,
  102. formatter: function (value) {//订购人支付人校验,0:未知,1:一致,2:不一致,3:校验异常
  103. if (value == '0') {
  104. return '未知';
  105. } else if (value == '1') {
  106. return '一致';
  107. } else if (value == '2') {
  108. return '不一致';
  109. }
  110. return "-";
  111. }
  112. },
  113. {
  114. label: '付款状态', name: 'payStatus', index: 'pay_status', align: 'center',width: 80,
  115. formatter: function (value) {
  116. if (value == '0') {
  117. return '未付款';
  118. } else if (value == '1') {
  119. return '付款中';
  120. } else if (value == '2') {
  121. return '已付款';
  122. } else if (value == '3') {
  123. return '退款中';
  124. } else if (value == '4') {
  125. return '退款';
  126. }
  127. return value;
  128. }
  129. },
  130. // {label: '收货人', name: 'consignee', index: 'consignee', width: 80},
  131. // {label: '收货地址', name: 'address', index: 'address', width: 80},
  132. // {label: '联系电话', name: 'mobile', index: 'mobile', width: 80},
  133. {label: '实际支付', name: 'actualPrice', index: 'actual_price', align: 'right',width: 80},
  134. {label: '订单总价', name: 'orderPrice', index: 'order_price', align: 'right',width: 80},
  135. {
  136. label: '下单时间', name: 'addTime', index: 'add_time',align: 'center', width: 160,
  137. formatter: function (value) {
  138. return transDate(value, 'yyyy-MM-dd hh:mm:ss');
  139. }
  140. },
  141. {label: '快递公司', name: 'shippingName', index: 'shipping_name', align: 'center',width: 80},
  142. {label: '配送单号', name: 'shippingNo', index: 'shipping_No',align: 'center', width: 180},
  143. {label: '快递费用', name: 'shippingFee', index: 'shipping_fee', width: 80},
  144. {
  145. label: '发货状态', name: 'shippingStatus', index: 'shipping_status', align: 'center',width: 80,
  146. formatter: function (value) {
  147. if (value == '0') {
  148. return '未发货';
  149. } else if (value == '1') {
  150. return '已发货';
  151. } else if (value == '2') {
  152. return '已收货';
  153. } else if (value == '4') {
  154. return '退货';
  155. }
  156. return value;
  157. }
  158. },
  159. {label: '修改人', name: 'moderSn', index: 'moderSn', align: 'center',width: 80},
  160. {
  161. label: '操作', width: 180, sortable: false,align: 'center',
  162. formatter: function (value, col, row) {
  163. let htmlStr = '<button class="btn btn-outline btn-info" onclick="vm.lookDetail(' + row.id + ')"><i class="fa fa-info-circle"></i>详情</button>&nbsp;';
  164. //订单状态: 0订单创建成功等待付款, 101订单已取消, 102订单已删除,201订单已付款,等待发货,300订单已发货, 301用户确认收货,401 没有发货,退款 402 已收货,退款退货
  165. if(hasPermission('order:printMsg')){
  166. // if (row.orderStatus == 300 && (row.orderBizType == '10' || row.orderBizType == '02')) {
  167. htmlStr += '<button class="btn btn-outline btn-primary" onclick="vm.printDetail(' + row.id + ')"><i class="fa fa-print"></i>打印</button>&nbsp;';
  168. // }
  169. }
  170. if (hasPermission('order:refund')) {
  171. if (row.orderStatus == 0) {
  172. htmlStr += '<button class="btn btn-outline btn-danger" onclick="vm.cancelUpdate(' + row.id + ')"><i class="fa fa-times-circle-o"></i>&nbsp;取消</button>&nbsp;';
  173. }
  174. if (row.orderStatus == 201) {
  175. if (row.isPaymentSend == 0 || row.isEleOrderSend == 0 || row.isCustomsSend == 0) {
  176. htmlStr += '<button class="btn btn-outline btn-danger" onclick="vm.refundUpdate(' + row.id + ')"><i class="fa fa-times-circle-o"></i>&nbsp;退款</button>&nbsp;';
  177. }
  178. }
  179. }
  180. return htmlStr;
  181. }
  182. }
  183. ],
  184. viewrecords: true,
  185. height: 550,
  186. rowNum: 10,
  187. rowList: [10, 30, 50],
  188. rownumbers: true,
  189. rownumWidth: 25,
  190. autowidth: true,
  191. shrinkToFit: false,
  192. autoScroll: true, //开启水平滚动条
  193. width: 1500,
  194. multiselect: true,
  195. pager: "#jqGridPager",
  196. jsonReader: {
  197. root: "page.list",
  198. page: "page.currPage",
  199. total: "page.totalPage",
  200. records: "page.totalCount"
  201. },
  202. prmNames: {
  203. page: "page",
  204. rows: "limit",
  205. order: "order"
  206. },
  207. gridComplete: function () {
  208. $("#jqGrid").closest(".ui-jqgrid-bdiv").css({"overflow-x": "scroll"});
  209. }
  210. });
  211. });
  212. let vm = new Vue({
  213. el: '#rrapp',
  214. data: {
  215. showDiv: 1, // 1查询 2编辑 3发货 4选择骑手 5退款
  216. title: null,
  217. order: {},
  218. shippings: [],
  219. q: {
  220. orderSn: '',
  221. orderStatus: '',
  222. merchOrderSn: '',
  223. startTime: '',
  224. endTime: '',
  225. storeId: '',
  226. payStatus:'',
  227. orderBizType:'',
  228. sku: '',
  229. thirdMerchSn:'',
  230. supplierThirdId:''
  231. },
  232. refundMoney: 0,
  233. shipping: {},
  234. logisticsInfo: {
  235. tracesList: [],
  236. logisticCode: '',
  237. shipperCode: ''
  238. },
  239. macros: [],
  240. orderProcessRecordEntity: {},
  241. orderGoodsList: [],
  242. stores: [],
  243. orderStatusList:[],
  244. payStatusList:[],
  245. ruleValidate: {
  246. /*name: [
  247. {required: true, message: '名称不能为空', trigger: 'blur'}
  248. ]*/
  249. },
  250. orderBizTypeList:[],
  251. thirdMerchantBizList:[],
  252. supplierThirdMerchantBizList:[],
  253. shippingList: []
  254. },
  255. methods: {
  256. query: function () {
  257. vm.reload(1);
  258. },
  259. getShipping: function () {
  260. $.get("../shipping/queryAll", function (r) {
  261. vm.shippingList = r.list;
  262. });
  263. },
  264. getMacro: function () {
  265. $.get("../sys/macro/queryMacrosByValue?value=goodsBizType", function (r) {
  266. vm.macros = r.list;
  267. });
  268. },
  269. getLogistics: function (event) {
  270. let id = getSelectedRow();
  271. if (id == null) {
  272. return;
  273. }
  274. $.get("../order/getLogistics/" + id, function (r) {
  275. if (r.code != 0) {
  276. alert(r.msg);
  277. return;
  278. }
  279. vm.logisticsInfo = r.result;
  280. vm.showDiv = 3;
  281. vm.title = "快递信息";
  282. });
  283. },
  284. getExpressInfo: function (event) {
  285. let id = getSelectedRow();
  286. if (id == null) {
  287. return;
  288. }
  289. $.get("../order/infos/" + id, function (r) {
  290. if(r.order.shippingStatus == 0){
  291. alert('该订单未发货,不能修改');
  292. return;
  293. }
  294. if(r.order.shippingStatus == 2){
  295. alert('该订单已收货,不能修改');
  296. return;
  297. }
  298. if(r.order.shippingStatus == 4){
  299. alert('该订单已退货,不能修改');
  300. return;
  301. }
  302. if(r.order.shippingStatus == 1){
  303. vm.order = r.order;
  304. vm.showDiv = 8;
  305. vm.title = "修改快递信息";
  306. vm.getShipping();
  307. }
  308. });
  309. },
  310. updateExpressInfo: function (event) {
  311. $.ajax({
  312. type: "POST",
  313. url: '../order/updateExpressInfo',
  314. contentType: "application/json",
  315. data: JSON.stringify(vm.order),
  316. success: function (r) {
  317. if (r.code === 0) {
  318. alert('操作成功', function (index) {
  319. vm.reload();
  320. });
  321. } else {
  322. alert(r.msg);
  323. }
  324. }
  325. });
  326. },
  327. handleSubmit: function (name) {
  328. // handleSubmitValidate(this, name, function () {
  329. vm.updateExpressInfo()
  330. // });
  331. },
  332. getProcess: function (event) {
  333. let orderSn = getSelectedRowData().orderSn;
  334. if (orderSn == null) {
  335. return;
  336. }
  337. $.get("../order/getProcess/" + orderSn, function (r) {
  338. if (r.code != 0) {
  339. alert(r.msg);
  340. return;
  341. }
  342. if (r.orderProcessRecordEntity != null) {
  343. vm.orderProcessRecordEntity = r.orderProcessRecordEntity;
  344. vm.showDiv = 7;
  345. } else {
  346. alert(orderSn + "暂无清关信息");
  347. }
  348. });
  349. },
  350. confirm: function (event) {
  351. let id = getSelectedRow();
  352. if (id == null) {
  353. return;
  354. }
  355. confirm('确定收货?', function () {
  356. $.ajax({
  357. type: "POST",
  358. url: "../order/confirm",
  359. contentType: "application/json",
  360. data: JSON.stringify(id),
  361. dataType: "json",
  362. success: function (r) {
  363. if (r.code == 0) {
  364. alert('操作成功', function (index) {
  365. $("#jqGrid").trigger("reloadGrid");
  366. });
  367. } else {
  368. alert(r.msg);
  369. }
  370. }
  371. });
  372. });
  373. },
  374. openComment: function (event) {
  375. let id = getSelectedRow();
  376. if (id == null) {
  377. return;
  378. }
  379. openWindow({
  380. type: 2,
  381. title: '评价',
  382. content: '../shop/comment.html?orderId=' + id
  383. });
  384. },
  385. shippingChange: function (opt) {
  386. vm.order.shippingName = opt.label;
  387. vm.order.shippingCode = opt.value;
  388. },
  389. saveOrUpdate: function (event) {
  390. $.ajax({
  391. type: "POST",
  392. url: '../order/sendGoods',
  393. contentType: "application/json",
  394. data: JSON.stringify(vm.order),
  395. success: function (r) {
  396. if (r.code === 0) {
  397. alert('操作成功', function (index) {
  398. vm.reload();
  399. });
  400. } else {
  401. alert(r.msg);
  402. }
  403. }
  404. });
  405. },
  406. reload: function (event) {
  407. vm.showDiv = 1;
  408. let page = event;
  409. if (event != 1) {
  410. page = $("#jqGrid").jqGrid('getGridParam', 'page');
  411. }
  412. $("#jqGrid").jqGrid('setGridParam', {
  413. postData: {
  414. 'orderSn': vm.q.orderSn,
  415. 'orderStatus': vm.q.orderStatus,
  416. 'merchOrderSn': vm.q.merchOrderSn,
  417. 'startTime': vm.q.startTime,
  418. 'endTime': vm.q.endTime,
  419. 'storeId': vm.q.storeId,
  420. 'payStatus': vm.q.payStatus,
  421. 'orderBizType': vm.q.orderBizType,
  422. 'sku': vm.q.sku,
  423. 'thirdMerchSn': vm.q.thirdMerchSn,
  424. 'supplierThirdId':vm.q.supplierThirdId
  425. },
  426. page: page
  427. }).trigger("reloadGrid");
  428. },
  429. reloadSearch: function () {
  430. vm.q = {
  431. orderSn: '',
  432. orderStatus: '',
  433. merchOrderSn: '',
  434. startTime: '',
  435. endTime: '',
  436. storeId: '',
  437. payStatus: '',
  438. orderBizType: '',
  439. sku: '',
  440. thirdMerchSn:'',
  441. supplierThirdId:''
  442. };
  443. },
  444. lookDetail: function (rowId) { //第三步:定义编辑操作
  445. vm.showDiv = 2;
  446. vm.title = "订单详情";
  447. $.get("../order/infos/" + rowId, function (r) {
  448. vm.order = r.order;
  449. vm.orderGoodsList = r.order.orderGoodsEntityList;
  450. });
  451. vm.getMacro();
  452. },
  453. printDetail: function (rowId) {
  454. confirm('确定连接打票机打印出票?', function () {
  455. $.ajax({
  456. type: "POST",
  457. url: "../order/printMsg",
  458. contentType: "application/json",
  459. data: JSON.stringify(rowId),
  460. success: function (r) {
  461. if (r.ticket != null) {
  462. // printArea(r.ticket);
  463. var content = getPrintContent(r.ticket);
  464. printArea(content);
  465. alert('打印小票完成');
  466. }else{
  467. alert("打印小票失败");
  468. }
  469. }
  470. });
  471. })
  472. },
  473. shippingBind: function (event) {
  474. let orderId = vm.order.id;
  475. $.ajax({
  476. type: "POST",
  477. url: '../order/shippingBind',
  478. data: {orderId: orderId, shippingCode: vm.shipping},
  479. success: function (r) {
  480. if (r.code === 0) {
  481. alert('操作成功', function (index) {
  482. vm.reload();
  483. });
  484. } else {
  485. alert(r.msg);
  486. }
  487. }
  488. });
  489. },
  490. refund: function (rowId) {
  491. vm.showDiv = 5;
  492. vm.refundMoney = 0;
  493. Ajax.request({
  494. url: "../order/info/" + rowId,
  495. async: true,
  496. successCallback: function (r) {
  497. vm.order = r.order;
  498. vm.refundMoney = r.order.actualPrice;
  499. }
  500. });
  501. },
  502. cancelUpdate: function (rowId) {
  503. let params = {};
  504. params.orderId = rowId;
  505. $.ajax({
  506. type: "POST",
  507. url: '../order/cancel',
  508. data: params,
  509. success: function (r) {
  510. if (r.code === 0) {
  511. alert('取消成功', function (index) {
  512. vm.reload();
  513. });
  514. } else {
  515. alert(r.msg);
  516. }
  517. }
  518. });
  519. },
  520. refundUpdate: function (rowId) {
  521. let params = {};
  522. params.orderId = rowId;
  523. $.ajax({
  524. type: "POST",
  525. url: '../order/refund',
  526. data: params,
  527. success: function (r) {
  528. if (r.code === 0) {
  529. alert('退款成功', function (index) {
  530. vm.reload();
  531. });
  532. } else {
  533. alert(r.msg);
  534. }
  535. }
  536. });
  537. },
  538. exportOrder: function() {
  539. var params = {};
  540. params.orderSn = vm.q.orderSn, params.orderStatus = vm.q.orderStatus, params.merchOrderSn = vm.q.merchOrderSn
  541. , params.startTime = vm.q.startTime, params.endTime = vm.q.endTime, params.storeId = vm.q.storeId,params.payStatus = vm.q.payStatus,
  542. params.orderBizType = vm.q.orderBizType,params.sku = vm.q.sku,
  543. params.thirdMerchSn=vm.q.thirdMerchSn,
  544. params.supplierThirdId=vm.q.supplierThirdId;
  545. exportFile('#rrapp', '../order/export', params);
  546. /*$.ajax({
  547. type: "get",
  548. url: '../order/export',
  549. data: params,
  550. success: function (r) {
  551. if (r.code === 0) {
  552. alert('导出成功', function (index) {
  553. vm.reload();
  554. });
  555. } else {
  556. alert(r.msg);
  557. }
  558. }
  559. });*/
  560. },
  561. uploadExcelSuccess: function (data) {
  562. if(data.code==0){
  563. alert('导入成功', function (index) {
  564. $("#jqGrid").trigger("reloadGrid");
  565. });
  566. }else{
  567. alert(data.msg);
  568. }
  569. },
  570. uploadExcelError: function () {
  571. alert('上传出现异常,请重试!');
  572. },
  573. uploadExcelFormatError: function (file) {
  574. this.$Notice.warning({
  575. title: '文件格式不正确',
  576. desc: '文件 ' + file.name + ' 格式不正确,请上传 xls 或 xlsx 格式的文件。'
  577. });
  578. }
  579. },
  580. created: function () {
  581. $.get("../shipping/queryAll", function (r) {
  582. vm.shippings = r.list;
  583. });
  584. },
  585. mounted() {
  586. $.get("../store/queryAll", function (r) {
  587. vm.stores = r.list;
  588. });
  589. $.get("../sys/macro/queryMacrosByValue?value=orderStatus", function (r) {
  590. vm.orderStatusList = r.list;
  591. });
  592. $.get("../sys/macro/queryMacrosByValue?value=payStatus", function (r) {
  593. vm.payStatusList = r.list;
  594. });
  595. $.get("../sys/macro/queryMacrosByValue?value=goodsBizType", function (r) {
  596. vm.orderBizTypeList = r.list;
  597. });
  598. $.get("../thirdmerchantbiz/queryAll", function (r) {
  599. vm.thirdMerchantBizList = r.list;
  600. });
  601. $.get("../thirdmerchantbiz/queryAlls", function (r) {
  602. vm.supplierThirdMerchantBizList = r.list;
  603. });
  604. }
  605. });
  606. // var printAreaCount = 0;
  607. // function printArea(ticket) {
  608. // var idPrefix = "printArea_";
  609. // removePrintArea(idPrefix + printAreaCount);
  610. // printAreaCount++;
  611. // var iframeId = idPrefix + printAreaCount;
  612. // var iframeStyle = 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;';
  613. // iframe = document.createElement('IFRAME');
  614. // $(iframe).attr({
  615. // style: iframeStyle,
  616. // id: iframeId
  617. // });
  618. // document.body.appendChild(iframe);
  619. // var doc = iframe.contentWindow.document;
  620. // $(document).find("link").filter(function () {
  621. // return $(this).attr("rel").toLowerCase() == "stylesheet";
  622. // }).each(
  623. // function () {
  624. // doc.write('<link type="text/css" rel="stylesheet" href="'
  625. // + $(this).attr("href") + '" >');
  626. // });
  627. // doc.write('<div class="">' + content
  628. // + '</div>');
  629. // doc.close();
  630. // var frameWindow = iframe.contentWindow;
  631. // frameWindow.close();
  632. // frameWindow.focus();
  633. // frameWindow.print();
  634. // }
  635. // var removePrintArea = function (id) {
  636. // $("iframe#" + id).remove();
  637. // };
  638. function getPrintContent(ticket) {
  639. var content = "<div style=\"width: 250px;font-family: 微软雅黑;font-size: 8px;\">";
  640. //小票头
  641. content += "<div style=\"text-align: center;width: 100%;font-weight:bold;font-size: 13px;\">";
  642. content += ticket.ticketHead.title;
  643. content += "</div>";
  644. content += "<div style=\"width: 100%;\">";
  645. content += "会员:" + ticket.ticketHead.memberId;
  646. content += "</div>";
  647. content += "<div style=\"width: 100%;\">";
  648. content += "订单号:" + ticket.ticketHead.orderId;
  649. content += "</div>";
  650. content += "<div style=\"width: 100%;\">";
  651. content += "交易时间:" + ticket.ticketHead.tradeTime;
  652. content += "</div>";
  653. content += "<div style=\"width: 100%;overflow:hidden;white-space: nowrap;\">--------------------------------------------------</div>";
  654. //商品信息
  655. content += "<table style=\"width: 100%;\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
  656. content += "<tr>";
  657. content += "<td style=\"width: 50%;text-align: left;font-size: 10px;font-weight: bold;\">商品名称</td>";
  658. content += "<td style=\"width: 17%;text-align: right;font-size: 10px;font-weight: bold;\">单价</td>";
  659. content += "<td style=\"width: 15%;text-align: right;font-size: 10px;font-weight: bold;\">数量</td>";
  660. content += "<td style=\"width: 18%;text-align: right;font-size: 10px;font-weight: bold;\">小计</td>";
  661. content += "</tr>";
  662. content += "</table>";
  663. content += "<div style=\"width: 100%;overflow:hidden;white-space: nowrap;\">--------------------------------------------------</div>";
  664. content += "<table style=\"width: 100%;\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
  665. for (var i=0;i< ticket.goods.length;i++){
  666. content += "<tr>";
  667. content += "<td style=\"width: 50%;text-align: left;font-size: 8px;padding-top: 8px;\">";
  668. content += "<table style=\"width: 100%;\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
  669. content += "<tr>";
  670. content += "<td style=\"text-align: left;font-size: 8px;vertical-align:top;\">#</td>";
  671. content += "<td style=\"text-align: left;font-size: 8px;\">" + ticket.goods[i].gname + "</td>";
  672. content += "</tr>";
  673. content += "</table>";
  674. content += "</td>";
  675. content += "<td style=\"width: 17%;text-align: right;font-size: 8px;vertical-align:bottom;padding-top: 8px;\">" + ticket.goods[i].uprice + "</td>";
  676. content += "<td style=\"width: 15%;text-align: right;font-size: 8px;vertical-align:bottom;padding-top: 8px;\">" + ticket.goods[i].num + "</td>";
  677. content += "<td style=\"width: 18%;text-align: right;font-size: 8px;vertical-align:bottom;padding-top: 8px;\">" + ticket.goods[i].subtotal + "元</td>";
  678. content += "</tr>";
  679. }
  680. content += "</table>";
  681. content += "<div style=\"width: 100%;overflow:hidden;white-space: nowrap;\">--------------------------------------------------</div>";
  682. //收银信息
  683. content += "<div style=\"width: 100%;\">";
  684. content += "<span style=\"float: left;width: 50%;text-align: left;\">商品合计:</span>";
  685. content += "<span style=\"float: left;width: 17%;text-align: left;\">" + ticket.cashInfo.goodsTotal + "件</span>";
  686. content += "<span style=\"float: right;width: 33%;text-align: right;\">" + ticket.cashInfo.total + "元</span>";
  687. content += "</div>";
  688. content += "<div style=\"width: 100%;\">";
  689. content += "<span style=\"float: left;width: 50%;text-align: left;\">实收:</span>";
  690. content += "<span style=\"float: right;width: 50%;text-align: right;\">" + ticket.cashInfo.receipts + "元</span>";
  691. content += "</div>";
  692. content += "<div style=\"width: 100%;\">";
  693. content += "<span style=\"float: left;width: 50%;text-align: left;\">找零:</span>";
  694. content += "<span style=\"float: right;width: 50%;text-align: right;\">" + ticket.cashInfo.oddChange + "元</span>";
  695. content += "</div>";
  696. content += "<div style=\"width: 100%;\">";
  697. content += "<span style=\"float: left;width: 50%;text-align: left;\">优惠券:</span>";
  698. content += "<span style=\"float: right;width: 50%;text-align: right;\">" + ticket.cashInfo.coupon + "元</span>";
  699. content += "</div>";
  700. content += "<div style=\"width: 100%;\">";
  701. content += "<span style=\"float: left;width: 50%;text-align: left;\">运费:</span>";
  702. content += "<span style=\"float: right;width: 50%;text-align: right;\">" + ticket.cashInfo.freight + "元</span>";
  703. content += "</div>";
  704. content += "<div style=\"width: 100%;\">";
  705. content += "<span style=\"float: left;width: 50%;text-align: left;\">支付渠道:</span>";
  706. content += "<span style=\"float: right;width: 50%;text-align: right;\">" + ticket.cashInfo.paymentMode + "</span>";
  707. content += "</div>";
  708. content += "<div style=\"width: 100%;overflow:hidden;white-space: nowrap;\">--------------------------------------------------</div>";
  709. //海关清单信息
  710. content += "<div style=\"width: 100%;\">";
  711. content += "订单号:" + ticket.cusListing.orderId;
  712. content += "</div>";
  713. content += "<div style=\"width: 100%;\">";
  714. content += "运单编号:" + ticket.cusListing.waybillId;
  715. content += "</div>";
  716. content += "<div style=\"width: 100%;\">";
  717. content += "海关清单号:" + ticket.cusListing.invtNo;
  718. content += "</div>";
  719. content += "<div style=\"width: 100%;\">";
  720. content += "收货人:" + ticket.cusListing.consignee;
  721. content += "</div>";
  722. content += "<div style=\"width: 100%;\">";
  723. content += "收货人电话:" + ticket.cusListing.consigneeTel;
  724. content += "</div>";
  725. content += "<div style=\"width: 100%;\">";
  726. content += "始发地:" + ticket.cusListing.originAddress;
  727. content += "</div>";
  728. content += "<div style=\"width: 100%;\">";
  729. content += "交货地:" + ticket.cusListing.deliveryAddress;
  730. content += "</div>";
  731. content += "<div style=\"width: 100%;overflow:hidden;white-space: nowrap;\">--------------------------------------------------</div>";
  732. content += "<div style=\"width: 100%;\">";
  733. content += ticket.ticketFoot.summary;
  734. content += "</div>";
  735. content += "<div style=\"width: 100%;\">";
  736. content += "客服电话:" + ticket.ticketFoot.serviceTel;
  737. content += "</div>";
  738. content += "<div style=\"width: 100%;\">";
  739. content += "网址:" + ticket.ticketFoot.url1;
  740. content += "</div>";
  741. content += "<div style=\"width: 100%;\">";
  742. content += ticket.ticketFoot.welcome;
  743. content += "</div>";
  744. return content;
  745. }
  746. var printAreaCount = 0;
  747. function printArea(content) {
  748. var idPrefix = "printArea_";
  749. removePrintArea(idPrefix + printAreaCount);
  750. printAreaCount++;
  751. var iframeId = idPrefix + printAreaCount;
  752. var iframeStyle = 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;';
  753. iframe = document.createElement('IFRAME');
  754. $(iframe).attr({
  755. style: iframeStyle,
  756. id: iframeId
  757. });
  758. document.body.appendChild(iframe);
  759. var doc = iframe.contentWindow.document;
  760. doc.open();
  761. //$(document).find("link").filter(function () {
  762. //return $(this).attr("rel").toLowerCase() == "stylesheet";
  763. //}).each(
  764. //function () {
  765. //doc.write('<link type="text/css" rel="stylesheet" href="'
  766. //+ $(this).attr("href") + '" >');
  767. //});
  768. doc.write('<div class="">' + content
  769. + '</div>');
  770. doc.close();
  771. var frameWindow = iframe.contentWindow;
  772. frameWindow.close();
  773. frameWindow.focus();
  774. frameWindow.print();
  775. }
  776. var removePrintArea = function (id) {
  777. $("iframe#" + id).remove();
  778. };