sailun
/
sailun-shop


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
							<!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/styleInfo.css" rel="stylesheet" type="text/css"/>
		<link href="../../css/html.css" rel="stylesheet" type="text/css"/>
		<style>
			.aui-scrollView {
				padding-bottom: 4rem;
			}
			.aui-footer-text-info a {
				padding: 5px 10px;
				font-size: 0.9em;
				margin-right: 10px;
			}
			[v-cloak] {
				display: none
			}
			.aui-footer:after {
				border: none;
			}
		</style>
	</head>
	<body>
		<section class="aui-flexView" id="app" v-cloak>
			<section class="aui-scrollView">
				<div class="aui-cp-edu b-line zmq-bg-white">
					<!--<div class="aui-san-sml"></div>-->
					<div class="aui-flex aui-flex-ed">
						<div class="aui-flex-box">
							{{btn == '入库' ? '供应商名称' : '出库客户'}}: <em class="zmq-text-msg">{{storeInfo.operatingPer}}</em>
						</div>
					</div>
					<div class="zmq-flex zmq-flex-between">
						<div class="aui-flex aui-flex-ed">
							<div class="aui-flex-box">
								支付方式: <em class="zmq-text-msg">{{storeInfo.payType}}</em>
							</div>
						</div>
						<div class="aui-flex aui-flex-ed">
							<div class="aui-flex-box">
								总支付金额: <em class="zmq-text-msg">{{storeInfo.payAmount}}</em>
							</div>
						</div>
					</div>
					<!---->
					<div class="aui-flex aui-flex-ed zmq-margin-top-10">
						<div class="aui-flex-box zmq-text-done zmq-text-font-09" style="color:#333; font-size:15px;">
							{{btn}}详情<em class="zmq-float-right">共 {{storeInfo.others.length}} 条记录</em>
						</div>
					</div>
				</div>
				<div class="aui-commodity-bg zmq-width-90 zmq-bg-white zmq-margin-top-10 zmq-radius-5" v-for="(store,storeIndex) in storeInfo.others">
					<div class="aui-flex">
						<div class="aui-flex-box">
							<h4>{{store.bizGoodsDto.materialName}}</h4>
							<div class="zmq-flex">
								<p>
									{{store.bizGoodsDto.brand}} {{store.bizGoodsDto.specs}}
								</p>
								<div class="zmq-position-absolute zmq-margin-top-15 zmq-text-font-10 zmq-text-msg">
									操作库存：1 条
								</div>
							</div>
						</div>
					</div>
				</div>
				<img class="zmq-img-nodata" v-show="hasData == false" src="../../image/nodata.png" />
			</section>
			<footer class="aui-footer aui-footer-fixed" id="vuekeng">
				<div class="aui-footer-text-info zmq-btn-img zmq-textAlign-center zmq-text-white" v-on:click="doneChoose">
					确认{{btn}}
				</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 orderid = api.pageParam.orderid;
			var storeInfo = api.pageParam.body;
			var type = api.pageParam.type;
			new Vue({
				el : '#app',
				data : {
					orderid : orderid,
					// 选择的名称
					storeInfo : JSON.parse(storeInfo),
					// 按钮标题
					btn : type,
					//  进货出货url
					buyStoreUrl : 'buyStoreUrl',
					//  是否显示确认按钮
					isOk : true,
					//  是否有数据
					hasData : true,
				},
				methods : {
					init : function() {
					},
					//  确认入库出库
					doneChoose : function() {
						delete this.storeInfo.others;
						var url = this.buyStoreUrl, _this = this;
						this.showModal(type + "提示", "是否确认将该商品" + type, ["确认", "取消"], function(index) {
							if (index == 1) {
								_this.$post(url, _this.storeInfo, function(ret) {
									if (ret.code == 0) {
										_this.showAlert('商品' + type + '成功', function() {
											 document.getElementById('vuekeng').style.display = 'none';
											 _this.sendEvent("refushView");
											 _this.sendEvent("refushStock");
											 setTimeout(function(){
											   api.closeWin({
											     name : 'orderPlace_win'
                                               });
											 },500);											
										});
									}
								})
							}
						})
					}
				},
				mounted : function() {
					this.init();
				}
			})
		}
	</script>
</html>