sailun
/
sailun-shop


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274
							<!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>
	.menu .item p {
		font-size: 0.26rem;
	}
</style>

<body>
	<div id="app" v-cloak>
		<div class="header flex a-center j-center" id="aui-header" style="height: 1.5rem;font-size: 0.4rem">
			{{ storeName }}
		</div>
		<div class="view flex col" style="margin-top:50px;padding-bottom:1rem;">
			<div class="page router fx1" :style="{'padding-bottom':footerHeight+'px'}" id="mescroll">
				<div class="shopHomebar flex a-center j-center">
					<div class="item flex a-center j-center col" v-on:click="scanInto(1)">
						<b class="icon i1"></b>
						<p>
							扫描入库
						</p>
					</div>
					<div class="item flex a-center j-center col" v-on:click="scanInto(2)">
						<b class="icon i2"></b>
						<p>
							扫描出库
						</p>
					</div>
					<!--						<div class="item flex a-center j-center col">
						<b class="icon i3"></b>
						<p>
						切换店铺
						</p>
						</div>-->
				</div>
				<div class="banner">
					<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
						<van-swipe-item><img src="image/banner1.png">
						</van-swipe-item>
					</van-swipe>
				</div>
				<div class="homeTipbox flex a-center">
					<div class="laba"></div>
					<div class="labaInfos">
						<!-- 文字滚动跑马灯 -->
						<van-swipe style="height: .35rem;" :autoplay="3000" :show-indicators="false" vertical >
  						<van-swipe-item v-for="(item,index) in messageList" :key="index">{{item.msgContent}}</van-swipe-item>
						</van-swipe>
					</div>
				</div>
				<div class="menu flex">
					<div class="item flex col a-center j-center" v-on:click="openWin('getStoreNet')">
						<b class="i1"></b>
						<p style="font-size : 0.26rem">
							线上订货
						</p>
					</div>
					<div class="item flex col a-center j-center" v-on:click="openWin('kucunchaxun')">
						<b class="i2"></b>
						<p>
							经销商库存
						</p>
					</div>
					<div class="item flex col a-center j-center" v-on:click="openWin('baodan')">
						<b class="i3"></b>
						<p>
							我的参保
						</p>
					</div>
					<div class="item flex col a-center j-center"  v-on:click="openWin('propaganda');setMainid1()">
						<b class="i4"></b>
						<p>
							月度政策
						</p>
					</div>
				</div>
				<div class="workField flex a-center">
					<div class="sup"></div>
					<h4>快速工作栏</h4>
				</div>
				<div class="workFieldContainer flex jlr wrap">
					<div class="item"><img src="image/jifen.png">
					</div>
					<div class="item"><img src="image/111.png" v-on:click="openWin('Promotions');setMainid2()">
					</div>
					<div class="item"><img src="image/myku.png" v-on:click="openWin('kucunMy')">
					</div>
					<div class="item"><img src="img/images/img04.png" v-on:click="lipeiList">
					</div>
					<img src="image/banner2.png" style="height : 3rem">
				</div>
				<!-- <div class="workField flex a-center">
					<div class="case"><img src="img/images/work.png">
					</div>
					<h4>安装案例</h4>
				</div> -->
				<!-- <div class="anzhuangCase flex jlr wrap">
					<div class="item flex col">
						<img src="img/images/img05-21.png">
						<div class="anzhuangCaseInfos flex jlr a-center">
							<div class="left">
								<h4>丰田霸道安装赛轮SV12</h4>
								<div class="flex a-center">
									<div class="touxiang"></div>
									丰田霸道
								</div>
							</div>
							<div class="dianzan"></div>
						</div>
					</div>
					<div class="item flex col">
						<img src="img/images/img05-21.png">
						<div class="anzhuangCaseInfos flex jlr a-center">
							<div class="left">
								<h4>丰田霸道安装赛轮SV12</h4>
								<div class="flex a-center">
									<div class="touxiang"></div>
									丰田霸道
								</div>
							</div>
							<div class="dianzan"></div>
						</div>
					</div>
				</div> -->
				<!-- <div class="pipei flex a-center j-center">
					<b></b> 查找适配轮胎 <i class="iconfont icon-you"></i>
				</div> -->
			</div>
			<!--				<van-tabbar fixed active-color="#0083ca" inactive-color="#808080" ref="footer" class="tabbar_footer">
				<van-tabbar-item v-for="(item,index) in icon" :key="index" replace :to="item.path">
				<span>{{item.label}}</span>
				<template #icon="props">
				<img :src="props.active ? item.active : item.inactive" />
				</template>
				</van-tabbar-item>
				</van-tabbar>-->
		</div>
	</div>
</body>

</html>
<link rel="stylesheet" href="./mescroll/mescroll.min.css">
<script type="text/javascript" src="./mescroll/mescroll.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 header = $api.byId('aui-header');
		$api.fixStatusBar(header);
		var headerPos = $api.offset(header);
		if (api.systemType == 'android') {
			$api.css($api.byId('app'), 'padding-top:20px');
			$api.css($api.byId('content'), 'margin-top:' + (headerPos.h - 20) + 'px');
		}
		new Vue({
			el: '#app',
			data: {
				footerHeight: 0,
				codeScan: '', // 扫码
				storeName: '',
				messageList:[]
			},
			methods: {
				//  初始化方法
				init: function() {
					this.userId = $api.getStorage('loginid');
					this.scanCode = api.require('codeScan');
					this.getAgentInfo();
					var _this = this;
					this.addEvent("startLogin", function() {
							_this.userId = $api.getStorage('loginid');
							_this.getAgentInfo();
						})
						//  开启下拉刷新
					this.configDownAndPull("mescroll", function(mescroll) {
						_this.getAgentInfo(mescroll);
					}, function() {

					}, false);
					this.getMessageList();
				},
				//  跳转页面
				setMainid1: function(){
					$api.setStorage("mainId", 3163);
				},
				setMainid2: function(){
					$api.setStorage("mainId", 7459);
				},
				openWin: function(src) {
					this.goWin(src, src + '_win.html', '');
				},
				//  扫码出入库
				scanInto: function(type) {
					var src = type == 1 ? 'saomaruku' : 'saomachuku';
					this.goWin(src, src + '_win.html', '');
				},
				//  扫码轮胎二维码
				lipeiList: function() {
					var _this = this;
					this.ifHasPrme('camera',function(ret) {
						if (ret == true) {
							_this.scanCode.scan(function(ret, err) {
								if (ret.status) { // ret.code
									if (ret.code) {
										_this.goWin('settlementInfo', 'settlementInfo_win.html', {
											code: ret.code
										});
									}
								}
							});
						}
					})
				},
				//获取跑马灯list数据
				getMessageList: function() {
						var data = {
										"url": "json",
										"type": "body",
										"contentType": 1,
								},
								_this = this;
								this.$post('getMessageList', data, function(ret) {
								_this.messageList = ret.list;
						})
				},
				//  获取用户详情
				getAgentInfo: function(mescroll) {
					var _this = this,
						url = "getAgentInfoU",
						data = {
							loginId: this.userId,
							"type": 'body',
							"url": 'json'
						}
					setTimeout(function(){
						if (mescroll) {
							mescroll.endSuccess();
						}
					},1000);
					this.$post(url, data, function(ret) {
						if (ret.code == 0) {
							$api.setStorage("storeName", ret.data.storeName);
							_this.storeName = ret.data.storeName;
							if (mescroll) {
								mescroll.endSuccess();
							}
						}
					});
				},
			},
			mounted: function() {
				this.init();
			}
		})
	}
</script>