| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214 |
- <!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) {
- _this.sendEvent('refushku');
- api.alert({
- title: '出库提示',
- msg: ret.msg,
- }, function(ret, err){
- if( ret ){
- _this.goWin('gotoNode_win','gotoNode_win.html','');
- }
- });
- }
- })
- }
- },
- mounted: function() {
- this.init();
- }
- })
- }
- </script>
- </html>
|
