sailun
/
sailun-agent


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
							<!DOCTYPE html>
<html class="">
	<!--STATUS OK-->
	<head>
		<meta name="referrer" content="always" />
		<meta charset='utf-8' />
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta http-equiv="x-dns-prefetch-control" content="on">
		<meta name="description" content="">
		<meta name="format-detection" content="telephone=no" />
		<link rel="stylesheet" type="text/css" href="css/vant-ui.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css">
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<script src="js/vue.js"></script>
		<script src="js/vant-ui.js"></script>
		<script src="js/main.js"></script>
		<title></title>
	</head>
	<style>
	   .dingdangenzong .dingdanSearch {
	       top : 0.5rem
	   }
	   .dingdangenzong {
	       padding-top : 1.6rem;
	   }
		 .auditBtn {
		 	   display: flex;
				 display: -webkit-flex;
				 position: fixed;
				 width: 100%;
				 height: 1rem;
				 bottom: 0;
				 left: 0;
		 }
		 .auditBtn div {
		 	   flex: 1;
		 	   font-size: 0.3rem;
				 text-align: center;
				 line-height: 1rem;
				 color: #fff;
		 }
	</style>
	<body>
		<div id="app">
			<div class="pageView dingdanxiangqing">
				<ul>
					<li class="flex col" v-for="order in orderInfo">
						<!-- <div class="chuxiao"></div> -->
						<div class="title flex jlr a-center">{{ order.maktx }}</div>
						<div class="center flex a-center">
						    <p>{{ order.brand }}</p>
							<p>{{ order.spec }}</p>
							<p>{{ order.pattern }}</p>
						</div>
						<div class="bottom flex a-center j-end">
							共 {{ order.qty }} 条
						</div>
					</li>
				</ul>
				<div class="auditBtn" v-if="orderInfo[0].status == 0">
					<div style="background-color:#999" v-on:click.stop="handleOrder(0)">拒绝</div>
					<div style="background-color:#0096df" v-on:click.stop="handleOrder(1)">同意</div>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../script/api.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 id = api.pageParam.id;
	        new Vue({
			  el: '#app',
			  data: {
				list:[],
				id : id,
				userId : '',
				orderInfo : [
					{status:1}
				],
			  },
			  methods : {
			    /**
			     * 配置页面
			     */
			    init : function(){
			       this.userId = $api.getStorage('loginid');
			       this.getOrderInfo();
			    },
			    /**
			     * 获取订单详情
			     */
			    getOrderInfo : function(){
			       var data = {
			           "orderId": this.id,
			           "url" : "json",
			           "type" : "body"
			       },_this = this,url = "getOrderInfoU";
			       this.$post(url,data,function(ret){
			           if(ret.code == 0 || ret.code == '0'){
			              _this.orderInfo = ret.data;
			           }
			       })
			    },
					//  处理订单操作handerOrderUrl
					handleOrder: function(type) {
						var data = {
								"id": this.id,
								"agentAuditStatus": type == 0 ? '2' : '1',
								"type": "body",
								"url": "json"
							},
							_this = this;
						this.$post('handerOrderUrl', data, function(ret) {
							if (ret.code == 0 || ret.code == '0') {
								api.toast({
									msg: ret.msg
								});
								setTimeout(function() {
									_this.sendEvent('refushiew');
									_this.getOrderInfo();
								}, 200);
							}
						});
					},
			  },
			  mounted : function(){
			    this.init();
			  }
		  })
	    }
	</script>

</html>