sailun
/
sailun-agent


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>订单详情</title>
		<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
		<meta content="yes" name="apple-mobile-web-app-capable"/>
		<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
		<meta content="telephone=no" name="format-detection"/>
		<link href="../../css/aui.css" rel="stylesheet" type="text/css"/>
		<link href="../../css/html.css" rel="stylesheet" type="text/css"/>
		<style>
			.aui-list .aui-list-item {
				border: 0px !important;
			}
			@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
				.aui-list.aui-list-in .aui-list-item {
					background-image: none !important;
				}
			}
			@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
				.aui-list.aui-list-in .aui-list-item {
					background-image: none !important;
				}
			}
			@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
				.aui-list {
					background-image: none !important;
				}
			}
			.aui-list .aui-list-item, .aui-list .aui-list-item-inner {
				min-height: 1.7rem !important;
			}
		</style>
	</head>
	<body>
		<section class="aui-flexView" id="app" v-cloak>
			<div class="aui-card-list">
				<div class="aui-card-list-content">
					<ul class="aui-list aui-media-list">
						<li class="aui-list-item aui-list-item-middle">
							<div class="aui-media-list-item-inner">
								<div class="aui-list-item-inner">
									<div class="aui-list-item-text">
										<div class="aui-list-item-title aui-font-size-14 zmq-text-normal">
											提交时间：{{p.retailerDto.createTime}}
										</div>
										<div class="aui-list-item-right zmq-btn-img zmq-radius-10 zmq-padding-status zmq-text-white">
											{{reatailerStatus[p.status].n}}
										</div>
									</div>
									<div class="aui-list-item-text zmq-text-msg">
										{{p.retailerDto.storeName}}
									</div>
									<div class="aui-list-item-text zmq-text-explain zmq-flex-start zmq-margin-vertical-2">
										<img src="../../image/drawable-xhdpi/map.png" class="zmq-icon-inline"/>{{p.retailerDto.province + p.retailerDto.city + p.retailerDto.district + p.retailerDto.addressInfo}}
									</div>
									<div class="aui-list-item-text zmq-text-explain zmq-flex-start zmq-margin-vertical-2">
										<img src="../../image/drawable-xhdpi/phone.png" class="zmq-icon-inline"/>0182-0003992
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
					<div class="zmq-width-90">
				<div class="aui-content aui-margin-b-15">
					<ul class="aui-list aui-list-in zmq-radius-10 zmq-border-none">
						<li class="aui-list-item">
							<div class="aui-list-item-inner">
								<div class="aui-list-item-title zmq-text-font-07">
									门店经理
								</div>
								<div class="aui-list-item-right zmq-text-font-07">
									{{p.retailerDto.storeJl}}
								</div>
							</div>
						</li>
						<li class="aui-list-item">
							<div class="aui-list-item-inner">
								<div class="aui-list-item-title zmq-text-font-07">
									门店经理电话
								</div>
								<div class="aui-list-item-right zmq-text-msg zmq-text-font-07">
									{{p.retailerDto.storeJlPhone}}
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<footer class="aui-footer zmq-footer-fixed" v-show="p.status == 0 && btnShow == true">
				<div class="zmq-width-90 aui-footer-text-info zmq-textAlign-center zmq-padding-btn ">
					<a href="javascript:;" class="aui-payment zmq-text-white zmq-text-msg zmq-btn-circle" v-on:click="saveOrder(2,'驳回')">驳回审核</a>
					<a href="javascript:;" class="aui-payment zmq-text-white zmq-btn-img zmq-btn-circle" v-on:click="saveOrder(1,'审核')">审核通过</a>
				</div>
			</footer>
		</section>
	</body>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript" src="../../script/vue.js"></script>
	<script type="text/javascript" src="../../script/httpRequest.js"></script>
	<script type="text/javascript" src="../../script/vue_plugins.js"></script>
	<script type="text/javascript">
		apiready = function() {
			var p = api.pageParam.p;
			new Vue({
				el : '#app',
				data : {
                    p : JSON.parse(p),
					// 提交审核
					checkRetailerUrl : 'checkRetailerUrl',
					//  订单状态
					reatailerStatus : [{
						c : '',
						n : '待审核',
					}, {
						c : 'aui-access',
						n : '审核通过',
					}, {
						c : 'aui-noaccess',
						n : '审核不通过',
					}]	,
					btnShow : true,		
				},
				filters : {
					statusToStr : function(status) {
						var str = "";
						switch (status) {
							case 0:
								str = "待接单";
								break;
							case 1:
								str = "已接单";
								break;
							default :
								break;
						}
						return str
					}
				},
				methods : {
					init : function() {
						
					},
					//  审核 -- 门店id
					saveOrder : function(stauts,n) {
						var data = {
							id : this.p.id,
							status : parseInt(stauts),
							url : 'json',
							type : 'body',
						}, url = this.checkRetailerUrl, _this = this;
						this.$post(url, data, function(ret) {
							if (ret.code == 0) {
								_this.showToast(n + "成功");
								_this.btnShow = false;
								_this.sendEvent("checkRetailer");
								setTimeout(function(){
								   //  发送监听，刷新页面
								   api.closeWin({
                                   });
								},500);					
							}
						})
					}
				},
				mounted : function() {
					 this.init();
				}
			})
		}
	</script>
</html>