sailun
/
sailun-shop


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221
							<!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>

<body>
	<div id="app" v-cloak>
		<div class="pageView chukujilu flex col" style="overflow-y:scroll">
			<!--				<div class="header flex a-center j-center">
				<i class="iconfont icon-back" onclick="history.go(-1)"></i>
				入库统计
				</div>-->
			<!--				<div class="leiji flex a-center j-center">
				入库码：<h4>202004041613617225</h4>
				</div>-->
			<div class="boxs" style="padding-left: 0; padding-right: 0; padding-bottom: 1.4rem;">
				<div class="rukuTongji">
					<!--<div class="rukuTongjiTitle flex a-center j-center">
						规格统计
						</div>
						<div class="rukuTongjiHead flex j-center">
						<div class="item flex a-center j-center">
						规格
						</div>
						<div class="item flex a-center j-center">
						数量
						</div>
						</div>
						<div class="rukuTongjiBody">
						<div class="item flex a-center j-center">
						<div class="fx1">
						165/60r14 75h
						<br/>
						bh15bgbl
						</div>
						<div class="fx1">
						SL12
						</div>
						</div>
						<div class="item flex a-center j-center">
						<div class="fx1">
						165/60r14 75h
						<br/>
						bh15bgbl
						</div>
						<div class="fx1">
						SL12
						</div>
						</div>
						</div>-->
					<div class="rukuTongjiTitle flex a-center j-center" style="margin-top: 0rem;">
						明细统计
					</div>
					<div class="rukuTongjiHead flex j-center">
						<!-- <div class="item flex a-center j-center">
							规格
						</div>
						<div class="item flex a-center j-center">
							花纹
						</div>
						<div class="item flex a-center j-center">
							奖励
						</div> -->
						<div class="item flex a-center j-center">
							胎号
						</div>
						<div class="item flex a-center j-center">
							物料描述
						</div>
					</div>
					<div class="rukuTongjiBody">
						<div class="item flex a-center j-center" v-for="(s,index) in store">
							<!-- <div class="fx1">
								{{ s.specs }}
							</div>
							<div class="fx1">
								{{ s.pattern }}
							</div>
							<div class="fx1">
								0元
							</div> -->
							<div class="fx1">
								{{s.tirenumber}}
							</div>
							<div class="fx1">
								{{s.maktx}}
							</div>
						</div>
					</div>
				</div>
				<div class="rukuTongjiFoot flex a-center j-center" v-if="canClick" v-on:click="doneChoose">
					扫码确认
				</div>
				<div class="rukuTongjiFoot flex a-center j-center" style="background-color : #ccc;color:#fff"
					v-if="!canClick">
					扫码确认
				</div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="../script/jquery-1.11.0.min.js"></script>
<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 store = api.pageParam.store;
		var type = api.pageParam.type;
		new Vue({
			el: '#app',
			data: {
				store: JSON.parse(store),
				address: '', // 经纬度 + 地址
				lonlat: '',
				userid: '',
				canClick: true,
			},
			methods: {
				init: function () {
					var _this = this;
					this.userid = $api.getStorage('userid');
					this.map = api.require('bMap');
					if (api.systemType == 'ios') {
						this.map.initMapSDK(function (ret) {
							if (ret.status) { }
						});
					}
					this.ifHasPrme('location', function (ret1) {
						if (ret1 == true) {
							_this.map.getLocation(function (ret2, err) {
								if (ret2.status) {
									_this.lonlat = ret2;
									_this.map.getNameFromCoords({
										lon: ret2.lon,
										lat: ret2.lat
									}, function (ret3, err) {
										if (ret3.status) {
											_this.address = ret3;
										} else {
										}
									});
								} else { }
							});
						}
					})
					//  获取当前地址
				},
				/**
				 * 扫码入库
				 */
				doneChoose: function () {
					if (!this.address.lat || !this.address.lon) {
						api.toast({
							msg: '正在获取定位，请稍候',
						});
						this.init();
						return;
					}
					var data = {
						"scanAddress": this.address.district,
						"latitude": this.address.lat,
						"longitude": this.address.lon,
						"storeId": this.userid,
						"province": this.address.province,
						"city": this.address.city,
						"district": this.address.district,
						"rewardType": "1",
						"materialList": this.store,
						"result": this.store.length,
						"type": 'body',
						"url": 'json'
					}
					var url = "outStoreU",
						_this = this;
					this.canClick = false;
					this.$post(url, data, function (ret) {
						_this.canClick = true;
						if (ret.code == 0) {
							if (!ret.message) {
								_this.sendEvent('refushku');
								api.alert({
									title: '出库提示',
									msg: ret.msg,
								}, function (ret, err) {
									if (ret) {
										_this.goWin('gotoNode_win', 'gotoNode_win.html', '');
									}
								});
							} else {
								api.toast({
									msg: ret.message
								});
							}
						}
					})
				}
			},
			mounted: function () {
				this.init();
			}
		})
	}
</script>

</html>