kmall-haikong/kmall-admin/src/main/webapp/js/sale/pickupcode.js

$(function () {
	vm.query();
    /*$("#jqGrid").jqGrid({
        url: '../order/pickUpCodeList',
        datatype: "json",
        colModel: [
			{label: 'orderSn', name: 'orderSn', index: 'order_sn', key: true, hidden: true},
			{label: '订单号', name: 'orderSn', index: 'order_sn', align: 'center', width: 80},
			{label: '取货码', name: 'pickUpCodeSn', index: 'pick_up_code_sn', align: 'center', width: 80},
			{
				label: '取货码状态', name: 'pickUpCodeStatus', index: 'pick_up_code_status', align: 'center',width: 100,
				formatter: function (value) {
					if (value == '0') {
						return '待清关';
					} else if (value == '1') {
						return '核销成功';
					} else if (value == '2') {
						return '清关成功';
					} else if (value == '3') {
						return '退款';
					} else if (value == '4'){
						return '清关失败';
					}
					return '-';
				}
			},
			{label: '购买人姓名', name: 'payName', index: 'pay_name', align: 'center', width: 100},
			{label: '购买人电话', name: 'payMobile', index: 'pa_mobile', align: 'center', width: 100},
			{
				label: '订单状态', name: 'orderStatus', index: 'order_status', align: 'center',width: 180,
				formatter: function (value) {
					if (value == '0') {
						return '订单创建成功等待付款';
					} else if (value == '100') {
						return '订单付款中';
					} else if (value == '101') {
						return '订单已取消';
					} else if (value == '102') {
						return '订单已删除';
					} else if (value == '201') {
						return '订单已付款';
					} else if (value == '300') {
						return '订单已发货';
					} else if (value == '301') {
						return '用户确认收货';
					} else if (value == '401') {
						return '没有发货，退款';
					} else if (value == '402') {
						return '已收货，退款退货';
					}
					return value;
				}
			},
			{
				label: '付款状态', name: 'payStatus', index: 'pay_status', align: 'center',width: 80,
				formatter: function (value) {
					if (value == '0') {
						return '未付款';
					} else if (value == '1') {
						return '付款中';
					} else if (value == '2') {
						return '已付款';
					} else if (value == '3') {
						return '退款中';
					} else if (value == '4') {
						return '退款';
					}
					return value;
				}
			},
			{label: '实际支付', name: 'actualPrice', index: 'actual_price', align: 'center',width: 80},
			{label: '预计税额', name: 'tax', index: 'tax', align: 'center',width: 80},
			{label: '订单总价', name: 'orderPrice', index: 'order_price',align: 'center', width: 80},
			{label: '下单时间', name: 'addTime', index: 'add_time', align: 'center', width: 80,
				formatter: function (value) {
					return transDate(value, 'yyyy-MM-dd hh:mm:ss');
				}
			}
		],
		viewrecords: true,
        height: 550,
        rowNum: 10,
        rowList: [10, 30, 50],
        rownumbers: true,
        rownumWidth: 25,
        autowidth: true,
        multiselect: true,
        pager: "#jqGridPager",
        jsonReader: {
            root: "page.list",
            page: "page.currPage",
            total: "page.totalPage",
            records: "page.totalCount"
        },
        prmNames: {
            page: "page",
            rows: "limit",
            order: "order"
        },
        gridComplete: function () {
            $("#jqGrid").closest(".ui-jqgrid-bdiv").css({"overflow-x": "hidden"});
        }
    });*/
});


let vm = new Vue({
	el: '#rrapp',
	data: {
        showList: true,
        title: null,
		pickUpCode: {},
		q: {
			orderSn: '',
			payName: '',
			payMobile: '',
			startTime: '',
			endTime: ''
		},
		pickUpCodeList: {},
		orderProcessRecord: {},
		orderEntity: {},
		goodsDetailList: [],
		currentOrderNo: null,
		pickUpCode: null,
		tax:0,
		response: ""
	},
	methods: {
		query: function () {
			vm.reload();
		},
		/*add: function () {
			vm.showList = false;
			vm.title = "新增";
			vm.pickUpCode = {};
		},
		update: function (event) {
            let orderSn = getSelectedRow();
			if (orderSn == null) {
				return;
			}
			vm.showList = false;
            vm.title = "修改";

            vm.getInfo(orderSn)
		},
		saveOrUpdate: function (event) {
            let url = vm.pickUpCode.orderSn == null ? "../pickupcode/save" : "../pickupcode/update";
			$.ajax({
				type: "POST",
			    url: url,
			    contentType: "application/json",
			    data: JSON.stringify(vm.pickUpCode),
                success: function (r) {
                    if (r.code === 0) {
                        alert('操作成功', function (index) {
                            vm.reload();
                        });
                    } else {
                        alert(r.msg);
                    }
                }
			});
		},
		del: function (event) {
            let orderSns = getSelectedRows();
			if (orderSns == null){
				return;
			}

			confirm('确定要删除选中的记录？', function () {
				$.ajax({
					type: "POST",
				    url: "../pickupcode/delete",
				    contentType: "application/json",
				    data: JSON.stringify(orderSns),
				    success: function (r) {
						if (r.code == 0) {
							alert('操作成功', function (index) {
								$("#jqGrid").trigger("reloadGrid");
							});
						} else {
							alert(r.msg);
						}
					}
				});
			});
		},
		getInfo: function(orderSn){
			$.get("../pickupcode/info/"+orderSn, function (r) {
                vm.pickUpCode = r.pickUpCode;
            });
		},*/
        reloadSearch: function() {
            vm.q = {
				orderSn: '',
				payName: '',
				payMobile: '',
				startTime: '',
				endTime: ''
            }
            vm.reload();
		},
		reload: function () {
			let url = "../order/pickUpCodeList";
			let params = {
				'orderSn': vm.q.orderSn,
				'payName': vm.q.payName,
				'payMobile': vm.q.payMobile,
				'startTime': vm.timestampToDate(vm.q.startTime)/* ? vm.timestampToDate(vm.q.startTime) : new Date().toLocaleDateString().replace(/\//g, '-')*/,
				'endTime': vm.timestampToDate(vm.q.endTime)
			}
			console.log(JSON.stringify(params));
			$.ajax({
				type: "POST",
				url: url,
				contentType: "application/json",
				data: JSON.stringify(params),
				success: function (r) {
					if (r.code === 0) {
						vm.pickUpCodeList = r.list;
					} else {
						alert(r.msg);
					}
				}
			});
			/*vm.showList = true;
            let page = $("#jqGrid").jqGrid('getGridParam', 'page');
			$("#jqGrid").jqGrid('setGridParam', {
                postData: {
                	'orderSn': vm.q.orderSn,
					'payName': vm.q.payName,
					'payMobile': vm.q.payMobile,
					'startTime': vm.timestampToDate(vm.q.startTime),
					'endTime': vm.timestampToDate(vm.q.endTime)
				},
                page: page
            }).trigger("reloadGrid");
            vm.handleReset('formValidate');*/
		},
        handleSubmit: function (name) {
            handleSubmitValidate(this, name, function () {
                vm.saveOrUpdate()
            });
        },
        handleReset: function (name) {
            handleResetForm(this, name);
        },
		timestampToDate: function (timestamp){
			if(timestamp){
				return new Date(timestamp).toLocaleDateString().replace(/\//g, '-')
			}
			return '';
		},
		//订单详情
		queryOrderDetail:function(orderSn,pickUpCode){
			var storeId = sessionStorage.getItem("storeId");
			$.get("../order/orderDetail/"+orderSn, function (r) {
				if (r.code == 0) {
					vm.orderProcessRecord = r.resultObj.orderProcessRecordEntity;
					vm.orderEntity = r.resultObj.orderEntity;
					vm.goodsDetailList = r.resultObj.goodsList;
					vm.currentOrderNo = r.resultObj.orderEntity.id;
					vm.pickUpCode = pickUpCode;
					vm.tax = r.resultObj.tax;
					vm.response = r.resultObj.response;
					if(vm.orderProcessRecord.eleOrderStartTime){
						vm.orderProcessRecord.eleOrderStartTime = parsedate(vm.orderProcessRecord.eleOrderStartTime);
					}
					if(vm.orderProcessRecord.paymentStartTime){
						vm.orderProcessRecord.paymentStartTime = parsedate(vm.orderProcessRecord.paymentStartTime);
					}
					if(vm.orderProcessRecord.waybillStartTime){
						vm.orderProcessRecord.waybillStartTime = parsedate(vm.orderProcessRecord.waybillStartTime);
					}
					if(vm.orderProcessRecord.customsSuccTime){
						vm.orderProcessRecord.customsSuccTime = parsedate(vm.orderProcessRecord.customsSuccTime);
					}
					if(vm.orderProcessRecord.addOrderStartTime){
						vm.orderProcessRecord.addOrderStartTime = parsedate(vm.orderProcessRecord.addOrderStartTime);
					}
				}
			});
		},
		//退款
		refundOrder:function(){
			confirm('确认退款吗？', function () {
				$.ajax({
					type: "POST",
					url: "../order/orderRefund",
					contentType: "application/json",
					data: JSON.stringify({'orderId':vm.currentOrderNo,'sessionId':vm.sessionId}),
					success: function (r) {
						if (r.code == 0) {
							alert("退款成功")
						}else{
							alert("退款失败，请联系管理员");
						}
					}
				});
			})
		},
		//核销
		verification:function(){
			if(vm.orderProcessRecord.isCustomsSend != 1){
				alert("请等待清关完成");
				return ;
			}

			confirm('确认核销吗？', function () {
				$.ajax({
					type: "POST",
					url: "../order/printMsgAndChangeCode",
					contentType: "application/json",
					data: JSON.stringify({'id':vm.currentOrderNo,'sessionId':vm.sessionId}),
					success: function (r) {
						if (r.ticket != null) {
							var content = getPrintContentOrder(r.ticket);
							printArea(content);
						}else{
							alert("打印小票失败");
						}
					}
				});
			})
		}
	}
});

//填充小票样式
function getPrintContentOrder(ticket) {
	var content = "<div style=\"width: 250px;font-family: 微软雅黑;font-size: 8px;\">";
	// 打印ogo
	content += "<div style=\"text-align: center;width: 100%;height: 260px;\">";
	content += "<img src='/statics/img/cw_logo2.png' style='width: 100%;height: 100%;' />";
	content += "</div>";
	//小票头
	content += "<div style=\"text-align: center;width: 100%;font-weight:bold;font-size: 13px;\">";
	content += ticket.ticketHead.title;
	content += "</div>";
	/*content += "<div style=\"width: 100%;\">";
    content += "会员:" + ticket.ticketHead.memberId;
    content += "</div>";*/
	content += "<div style=\"width: 100%;font-size: 25px;\">";
	content += "取货码:" + vm.pickUpCode;
	content += "</div>";
	content += "<div style=\"width: 100%;\">";
	content += "订单号:" + ticket.ticketHead.orderId;
	content += "</div>";
	content += "<div style=\"width: 100%;\">";
	content += "交易时间:" + ticket.ticketHead.tradeTime;
	content += "</div>";
	content += "<div style=\"width: 100%;overflow:hidden;white-space: nowrap;\">--------------------------------------------------</div>";
	//商品信息
	content += "<table style=\"width: 100%;\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
	content += "<tr>";
	content += "<td style=\"width: 40%;text-align: left;font-size: 10px;font-weight: bold;\">商品名称</td>";
	content += "<td style=\"width: 17%;text-align: right;font-size: 10px;font-weight: bold;\">单价</td>";
	content += "<td style=\"width: 17%;text-align: right;font-size: 10px;font-weight: bold;\">优惠</td>";
	// content += "<td style=\"width: 16%;text-align: right;font-size: 10px;font-weight: bold;\">税费</td>";
	content += "<td style=\"width: 15%;text-align: right;font-size: 10px;font-weight: bold;\">数量</td>";
	content += "<td style=\"width: 18%;text-align: right;font-size: 10px;font-weight: bold;\">小计</td>";
	content += "</tr>";
	content += "</table>";
	content += "<div style=\"width: 100%;overflow:hidden;white-space: nowrap;\">--------------------------------------------------</div>";
	content += "<table style=\"width: 100%;\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
	for (var i=0;i< ticket.goods.length;i++){
		content += "<tr>";
		content += "<td style=\"width: 40%;text-align: left;font-size: 8px;padding-top: 8px;\">";
		content += "<table style=\"width: 100%;\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
		content += "<tr>";
		content += "<td style=\"text-align: left;font-size: 8px;vertical-align:top;\">#</td>";
		content += "<td style=\"text-align: left;font-size: 8px;\">" + ticket.goods[i].gname + "</td>";
		content += "</tr>";
		content += "</table>";
		content += "</td>";
		content += "<td style=\"width: 17%;text-align: right;font-size: 8px;vertical-align:bottom;padding-top: 8px;\">" + ticket.goods[i].uprice + "</td>";
		content += "<td style=\"width: 17%;text-align: right;font-size: 8px;vertical-align:bottom;padding-top: 8px;\">" + ticket.goods[i].discountPrice + "</td>";
		// content += "<td style=\"width: 17%;text-align: right;font-size: 8px;vertical-align:bottom;padding-top: 8px;\">" + ticket.goods[i].taxation + "</td>";
		content += "<td style=\"width: 15%;text-align: center;font-size: 8px;vertical-align:bottom;padding-top: 8px;\">" + ticket.goods[i].num + "</td>";
		content += "<td style=\"width: 18%;text-align: right;font-size: 8px;vertical-align:bottom;padding-top: 8px;\">" + ticket.goods[i].subtotal + "</td>";
		content += "</tr>";

	}
	content += "</table>";
	content += "<div style=\"width: 100%;overflow:hidden;white-space: nowrap;\">--------------------------------------------------</div>";
	//收银信息
	content += "<div style=\"width: 100%;\">";
	content += "<span style=\"float: left;width: 50%;text-align: left;\">商品合计:</span>";
	content += "<span style=\"float: left;width: 17%;text-align: left;\">" + ticket.cashInfo.goodsTotal + "件</span>";
	content += "<span style=\"float: right;width: 33%;text-align: right;\">" + ticket.cashInfo.total + "元</span>";
	content += "</div>";
	content += "<div style=\"width: 100%;\">";
	content += "<span style=\"float: left;width: 50%;text-align: left;\">税费合计:</span>";
	content += "<span style=\"float: left;width: 17%;text-align: left;\">" + ticket.cashInfo.goodsTotal + "件</span>";
	content += "<span style=\"float: right;width: 33%;text-align: right;\">" + ticket.cashInfo.taxTotal + "元</span>";
	content += "</div>";
	content += "<div style=\"width: 100%;\">";
	content += "<span style=\"float: left;width: 50%;text-align: left;\">优惠合计:</span>";
	content += "<span style=\"float: right;width: 50%;text-align: right;\">" + ticket.cashInfo.oddChange + "元</span>";
	content += "</div>";
	content += "<div style=\"width: 100%;\">";
	content += "<span style=\"float: left;width: 50%;text-align: left;\">实收:</span>";
	content += "<span style=\"float: right;width: 50%;text-align: right;\">" + ticket.cashInfo.receipts + "元</span>";
	content += "</div>";
	content += "<div style=\"width: 100%;\">";
	content += "<span style=\"float: left;width: 50%;text-align: left;\">优惠券:</span>";
	content += "<span style=\"float: right;width: 50%;text-align: right;\">" + ticket.cashInfo.coupon + "元</span>";
	content += "</div>";
	// content += "<div style=\"width: 100%;\">";
	// content += "<span style=\"float: left;width: 50%;text-align: left;\">运费:</span>";
	// content += "<span style=\"float: right;width: 50%;text-align: right;\">" + ticket.cashInfo.freight + "元</span>";
	// content += "</div>";
	content += "<div style=\"width: 100%;\">";
	content += "<span style=\"float: left;width: 50%;text-align: left;\">支付渠道:</span>";
	// 后期改成从系统中取
	content += "<span style=\"float: right;width: 50%;text-align: right;\">" + "支付宝支付" + "</span>";
	content += "</div>";
	content += "<div style=\"width: 100%;overflow:hidden;white-space: nowrap;\">--------------------------------------------------</div>";
	//海关清单信息
	content += "<div style=\"width: 100%;\">";
	content += "订单号:" + ticket.cusListing.orderId;
	content += "</div>";
	content += "<div style=\"width: 100%;\">";
	content += "运单编号:" + ticket.cusListing.waybillId;
	content += "</div>";
	content += "<div style=\"width: 100%;\">";
	content += "海关清单号:" + ticket.cusListing.invtNo;
	content += "</div>";
	content += "<div style=\"width: 100%;\">";
	content += "收货人:" + ticket.cusListing.consignee;
	content += "</div>";
	content += "<div style=\"width: 100%;\">";
	content += "收货人电话:" + ticket.cusListing.consigneeTel;
	content += "</div>";
	content += "<div style=\"width: 100%;\">";
	content += "始发地: 仓库地址 ： 广东省深圳市南山区前海保税港区W104"  ;
	content += "</div>";
	content += "<div style=\"width: 100%;\">";
	content += "交货地:" + ticket.cusListing.deliveryAddress;
	content += "</div>";
	content += "<div style=\"width: 100%;overflow:hidden;white-space: nowrap;\">--------------------------------------------------</div>";
	content += "<div style=\"width: 100%;text-align: center;\">";
	content += "购买跨境商品须知:"
	content += "</div>";
	content += "<div style=\"width: 100%;\">";
	content += "1、凡购买跨境商品均不提供发票；<br> 2、单笔限购5000元，年交易限额2.6万元； <br> 3、所有订单经海关放行后方可提货； <br> 4、凭小票领取您的订单商品； <br> 5、非产品质量问题，跨境商品不支持无理由退换货，请及时检查。 "
	content += "</div>";
	content += "<div style=\"width: 100%;overflow:hidden;white-space: nowrap;\">--------------------------------------------------</div>";
	content += "<div style=\"width: 100%;\">";
	// content += ticket.ticketFoot.summary;
	content += "</div>";
	content += "<div style=\"width: 100%;\">";
	// content += "客服电话:" + ticket.ticketFoot.serviceTel;
	content += "</div>";
	content += "<div style=\"width: 100%;\">";
	// content += "网址:" + ticket.ticketFoot.url1;
	content += "</div>";
	content += "<div style=\"width: 100%;\">";
	content += ticket.ticketFoot.welcome;
	content += "</div>";
	content += "<div style=\"width: 100%;\">";
	content += "惠州市惠城区港惠购物中心负一层";
	content += "</div>";
	content += "<div style=\"width: 100%;\">";
	content += "请保管好收银小票。";
	content += "</div>";
	// 打印二维码
	content += "<div style=\"text-align: center;width: 100%;height: 250px;\">";
	content += "<img src='/statics/img/cw_qrcode.png' style='width: 100%;height: 100%;' />";
	content += "</div>";
	content += "<div style=\"width: 100%;text-align: center;\">";
	content += "关注CW大药房客服号，获取更多优惠信息"
	content += "</div>";
	return content;
}

var printAreaCount = 0;
//打印小票
function printArea(content) {
	var idPrefix = "printArea_";
	removePrintArea(idPrefix + printAreaCount);
	++printAreaCount;
	var iframeId = idPrefix + printAreaCount;
	var iframeStyle = 'width:0px;height:0px;left:0px;top:0px;';
	iframe = document.createElement('IFRAME');
	$(iframe).attr({
		style: iframeStyle,
		id: iframeId
	});
	document.body.appendChild(iframe);
	var doc = iframe.contentWindow.document;
	// doc.open();
	doc.write('<div class="">' + content
		+ '</div>');
	doc.close();
	var frameWindow = iframe.contentWindow;
	if(!vm.firstPrint){
		setTimeout(function() {
			// frameWindow.close();
			frameWindow.focus();
			frameWindow.print();
			frameWindow.print();
			alert('打印小票完成');
		},250);
		vm.firstPrint = true;
	}else{
		// frameWindow.close();
		frameWindow.focus();
		frameWindow.print();
		frameWindow.print();
		alert('打印小票完成');
	}
}

function parsedate(value){
	var date = new Date(value);
	var year = date.getFullYear();
	var month = date.getMonth()+1; //月份+1
	var day = date.getDate();
	var hour = date.getHours();
	var minutes = date.getMinutes();
	var second = date.getSeconds();
	return  year+"-"+month+"-"+day+" "+hour+":"+minutes +":"+second;
}