sailun
/
sailun-shop


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207
							<!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>
	<style media="screen">
		.anniu {
			display: flex;
		}

		.anniu>input {
			width: 100%;
			height: .86rem;
			background: rgba(0, 160, 234, 1);
			border-radius: 5rem;
			color: #fff;
			font-size: .31rem;
			margin-top: .5rem;
		}

		.vanui-btn {
			display: flex;
			justify-content: space-around;
		}

		.vanui-title {
			font-size: 0.36rem;
			background-color: #0096df;
			color: #fff;
			width: 100%;
			text-align: center;
			padding: 0.2rem;
		}

		.vanui-input {
			margin: 0.1rem;
			border: 1px solid#ccc;
			width: 95%;
			height: 0.8rem;
			border-radius: 5px;
			padding: 0.1rem 0.2rem;
			font-size: 0.3rem;
		}

		.vanui-btnitem {
			color: #fff;
			font-size: 0.3rem;
			border-radius: 5px;
			color: #fff;
			margin-top: 0.1rem;
			padding: 0.2rem 0.3rem;
		}

		.vanui-done {
			background-color: #0096df;
		}

		.hxCode {
			text-align: center;
			font-size: 0.3rem;
			font-weight: bold;
			padding: 0.2rem;
		}

		.line1 {
			width: 100px !important;
			overflow: hidden !important;
			text-overflow: ellipsis !important;
			white-space: nowrap;
		}
	</style>
</head>

<body>
	<div id="app">
		<!-- end -->
		<div class="view flex col" id="mescroll">
			<div class="meberHeader" style="height: 3.95rem">
				<div class="flex jlr" style="padding-top: 1rem;">
					<div class="userTouxiang flex col a-center jlr">
						<div class="image" style="margin-top:0.3rem;">
							<img :src="agentInfo.storeImageUrl" style="border-radius:50%;" />
						</div>
					</div>
					<div class="shopInfo">
						<h2 class="flex a-center">
                  我的积分
							</h2>
						<div class="tag" style="width: 85%;">
								{{ agentInfo.addressInfo }}
						</div>
					</div>
				</div>
				<div class="meberHeaderBottom flex a-center j-center">
					<div class="item flex a-center j-center">
						区域：{{agentInfo.district }}
					</div><span></span>
					<div class="item flex a-center j-center ">
						<p class="line1">签约品牌：{{ agentInfo.bizStoreBrandDto | getBrand }}</p>
					</div><span></span>
					<div class="item flex a-center j-center">
						签约任务：{{ agentInfo.numTask }}
					</div>
				</div>
			</div>

			<div class="page router fx1" id="mescroll" style="margin-top:-0.5rem;background-color:#fff;padding-top:0.1rem;border-top-left-radius:0.3rem;border-top-right-radius:0.3rem;">
				<div class="meberList">
					<div class="item flex a-center jlr">
						<h4>我的积分</h4>
						<div class="flex a-center rightIcons">
							<span style="color:#00a0ea;font-size: 0.58rem;"> {{agentInfo.storeTotalIntegral}}</span><span>个</span>
						</div>
					</div>

					<div class="item flex a-center jlr" v-on:click="openWin('annal')">
						<h4>兑换记录</h4>
						<div class="flex a-center rightIcons">
							<span>查看全部</span>
							<i class="iconfont icon-right"></i>
						</div>
					</div>
				</div>
			</div>
		</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() {
		new Vue({
			el: '#app',
			data: {
				agentInfo: {}
			},
			computed: {

			},
			watch: {

			},
			filters: {
				getBrand: function(val) {
					var brandStr = "";
					if (val != null) {
						val.map(function(v, i) {
							brandStr = brandStr + ' | ' + v.brandName
						})
						return brandStr.substring(3, brandStr.length);
					} else {
						return "";
					}
				}
			},
			methods: {
				init: function() {
					this.userId = $api.getStorage('loginid');
				  this.getAgentInfo();
					_this=this;
					this.addEvent("refreshmy", function() {
							_this.getAgentInfo();
					});
				},
				getAgentInfo: function() {
					  var _this = this,
						url = "getAgentInfoU",
						data = {
							loginId: this.userId,
							"type": 'body',
							"url": 'json'
						}
					this.$post(url, data, function(ret) {
						if (ret.code == 0) {
							_this.agentInfo = ret.data;
						}
					});
				},
				openWin: function(src) {
					this.goWin(src, src + '_win.html', '');
				},
			},
			mounted: function() {
				this.init();
				//				this.footerHeight = this.$refs['footer'].$el.offsetHeight
			},
		})
	}
</script>