sailun
/
sailun-agent


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493
							<!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/css/vant-ui.css" />
	<link rel="stylesheet" type="text/css" href="../../../../css/css/iconfont.css">
	<link rel="stylesheet" type="text/css" href="../../../../css/css/main.css" />
	<!-- <script src="https://b2bcnfile.sailuntire.com/upload/outerstyle/agentCommon/TBR/js/tbr_role_config.js?v=2" charset="utf-8"></script> -->
	<script src="../../js/tbr_role_config.js" charset="utf-8"></script>
	<script type="text/javascript" src="../../../../script/js/vue.js"></script>
	<script type="text/javascript" src="../../../../script/js/vue-i18n.js"></script>
	<script src="../../../../script/js/vant-ui.js"></script>
	<script src="../../../../script/js/main.js"></script>
	<script type="text/javascript" src="../../js/zh.js"></script>
	<script type="text/javascript" src="../../js/en.js"></script>
	<style media="screen">
		.anniu {
			display: flex;
			padding: 0 .5rem;
		}

		.anniu>input {
			width: 100%;
			height: .86rem;
			background: linear-gradient(45deg, #005fa3, #00a0ea);
			border-radius: 5rem;
			color: #fff;
			font-size: .31rem;
			margin-top: .5rem;
		}

		.fanliBar .item h4 {
			font-size: 0.38rem;
		}

		.meberHeader .userTouxiang {
			width: 1rem;
		}

		.meberMenu01 .item {
			width: 50%
		}
		.settlementCenter{
			font-size: .26rem;
			width: 7.11rem;
			margin: .26rem auto;
			box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
			border-radius: 20px;
			padding: .25rem;
		}
		.settlement-title{
			justify-content: space-between;
			padding-bottom: .2rem;
			border-bottom: 1px solid #F4F4F4;
		}
		.settlement-title span:nth-of-type(1){
			font-size: .3rem;
			font-weight: bold;
		}
		.settlement-content{
			padding: .26rem 0;
			justify-content: space-around;
		}
		.settlement-item{
			align-items: center;
			flex-wrap: wrap;
		}
		.bluetet{
			color: #0095FF;
		}
		.bigtext{
			width: 100%;
			text-align: center;
			font-size: .3rem;
			font-weight: bold;
			margin-bottom: 6px
		}
	</style>
</head>

<body>
	<div id="app">
		<div class="view flex col">
			<div class="page router fx1 mescroll" 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"></div> -->
							<!-- <p>
									联系人：{{ meterInfo.legalPerson }}
								</p> -->
						</div>
						<div class="shopInfo">
							<h2 class="flex a-center">{{ meterInfo.name }}
								</h2>
							<div class="tag">
								{{ meterInfo.street }}
							</div>
						</div>
						<div class="userTouxiang flex col a-center jlr"></div>
						<!-- <div class="ewm flex j-center">
								<div class="sysIcon"></div>
							</div> -->
					</div>
					<div class="meberHeaderBottom flex a-center j-center">
						<div class="item flex a-center j-center">
							<!-- 联系人：{{ meterInfo.legalPerson }} -->
						{{ $t('mine.meber.region') }}：{{ meterInfo.regioName }}
						</div>
						<div class="item flex a-center j-left" v-on:click="toastBrand(meterInfo.brandList)">
						{{ $t('mine.meber.brand') }}：{{meterInfo.brandList | filterBrand}}
						</div>

					</div>
					<!-- <div class="meberHeaderBottom flex a-center j-center">
							<div class="item flex a-center j-center">
								签约品牌：
							</div>
						</div> -->

				</div>
				<div class="fanliBar flex a-center">
					<div class="item flex a-center">
						<span>{{ $t('mine.meber.limit') }}:</span>
						<div class="flex a-end">
							<h4>{{ setCredit }}</h4>
							<em>{{ $t('mine.meber.tenThousand') }} RMB</em>
						</div>
					</div>
					<div class="fgx"></div>
					<div class="item flex a-center">
						<span>{{ $t('mine.meber.integral') }}:</span>
						<div class="flex a-end">
							<h4>{{roleConfig[subRoleName].pages[2].subEle.myIntegral.isShow ? meterInfo.integration.allIntegration : "***" }}</h4>
							<em>{{ $t('common.ge') }}</em>
						</div>
					</div>
				</div>
				<div class="settlementCenter">
					<div class="settlement-title flex"><span>结算中心</span><span @click="handleSubmit">立即核销</span></div>
					<div class="settlement-content flex">
						<div class="settlement-item">
							<div class="bluetet bigtext">{{rewardData.usablemoney | filtersMoney}}<span>元</span></div>
							<div>我的奖励</div>
						</div>
						<div class="settlement-item">
							<div class="bluetet bigtext">{{rewardData.blockmoney | filtersMoney}}<span>元</span></div>
							<div>冻结奖励</div>
						</div>
						<div class="settlement-item">
							<div class="bluetet bigtext">{{rewardData.bwrittenoff | filtersMoney}}<span>元</span></div>
							<div>待核销</div>
						</div>
						<div class="settlement-item">
							<div class="bluetet bigtext">{{rewardData.writtenoffmoney | filtersMoney}}<span>元</span></div>
							<div>已核销</div>
						</div>
					</div>
				</div>
				<div class="meberMenu01 flex wrap">
					<!-- <div class="item flex col a-center j-center">
							<b class="i1"></b>
							<h4>返利提交</h4>
						</div> -->
					<!-- <div class="item flex col a-center j-center">
							<b class="i3"></b>
							<h4>折款查询</h4>
						</div> -->
					<div v-if="roleConfig[subRoleName].pages[2].subEle.agent_storage.isShow" class="item flex col a-center j-center" v-on:click="openWin('agent_storage')">
						<b class="i4"></b>
						<h4>{{ $t('mine.meber.myInventory') }}</h4>
					</div>
					<div v-if="roleConfig[subRoleName].pages[2].subEle.agentList.isShow" class="item flex col a-center j-center" v-on:click="openWin('agentList')">
						<b class="i5"></b>
						<h4>{{ $t('mine.meber.myStore') }}</h4>
					</div>
					<!-- <div class="item flex col a-center j-center">
							<b class="i6"></b>
							<h4>我的积分</h4>
						</div> -->
				</div>
				<div class="meberList">
					<div v-if="roleConfig[subRoleName].pages[2].subEle.orderList.isShow" class="item flex a-center jlr" v-on:click="openWin('orderList')">
						<h4>{{ $t('mine.meber.storeOrder') }}</h4>
						<div class="flex a-center rightIcons">
							<span>{{ $t('mine.meber.view') }}</span>
							<i class="iconfont icon-right"></i>
						</div>
					</div>
					<!-- <div class="item flex a-center jlr" v-on:click="openWin('backList')">
						<h4>核销记录</h4>
						<div class="flex a-center rightIcons">
							<span>查看</span>
							<i class="iconfont icon-right"></i>
						</div>
					</div> -->
					<div class="item flex a-center jlr" v-on:click="checkVersion">
						<h4>{{ $t('mine.meber.checkVersion') }}</h4>
						<div class="flex a-center rightIcons" style="color:#f00">
							{{ version }}
						</div>
					</div>
					<!-- <div class="item flex a-center jlr" v-on:click="openWin('backMoneyList')">
							<h4>返利明细</h4>
							<div class="flex a-center rightIcons">
								<span>查看</span>
								<i class="iconfont icon-right"></i>
							</div>
						</div> -->
					<!-- <div class="item flex a-center jlr" v-on:click="openWin('addressList')">
							<h4>收货地址管理</h4>
							<div class="flex a-center rightIcons">
								<i class="iconfont icon-right"></i>
							</div>
						</div> -->
					<!-- <div class="item flex a-center jlr">
							<h4>设置</h4>
							<div class="flex a-center rightIcons">
								<i class="iconfont icon-right"></i>
							</div>
						</div> -->
				</div>

				<div class="anniu">
					<input type="button" :value="$t('mine.meber.logOut')" v-on:click="logout()">
				</div>

			</div>
			<!--				<van-tabbar  v-model="active" 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="../../../../script/mescroll/mescroll.min.css">
<script type="text/javascript" src="../../../../script/mescroll/mescroll.min.js"></script>
<script type="text/javascript" src="../../../../script/api.js"></script>
<script type="text/javascript" src="../../js/httpRequest_tbr.js"></script>
<script type="text/javascript" src="../../../../script/vue_plugins.js"></script>
<script type="text/javascript">
	apiready = function() {
		let langType = $api.getStorage('lang') || 'cn'
		const i18n = new VueI18n({
		locale: langType,//设置语言
		messages: {
				en: getEn(),
				cn: getCn()
			}
		})

		var roleConfig = $role;
		new Vue({
			el: '#app',
			i18n,
			data: {
				active: 3,
				footerHeight: 0,
				icon: [{
					label: '首页',
					path: '/',
					active: "../../../../../image/img/images/tabar_home_active.png",
					inactive: "../../../../../image/img/images/tabar_home_inactive.png"
				}, {
					label: '发现',
					path: '/discover',
					active: '../../../../../image/img/images/faxian.png',
					inactive: '../../../../../image/img/images/faxian.png'
				}, {
					label: '消息',
					path: '/information',
					active: '../../../../../image/img/images/xiaoxi.png',
					inactive: '../../../../../image/img/images/xiaoxi.png'
				}, {
					label: '我的',
					path: '/meber',
					active: '../../../../../image/img/images/wode_active.png',
					inactive: '../../../../../image/img/images/wode.png'
				}],
				meterInfo: {
					integration: {}
				}, // 经销商详情
				subRoleName: "superAdmin",
				roleConfig: roleConfig,
				kunnr: $api.getStorage('kunnr'),
				rewardData:{
					"blockmoney":0,
					"usablemoney":0,
					"bwrittenoff":0,
					"writtenoffmoney":0
				},
				unit: "万元"

			},
			computed: {
				version: function() {
					return this.getVersion();
				},

				setCredit: function () {
					var isShow = this.roleConfig[this.subRoleName].pages[2].subEle.myMoney.isShow;
					var str;
					if (isShow) {
						if (this.meterInfo.credit && this.meterInfo.credit.showCredit) {
							if (langType == 'en') {
								return  str =  parseInt( parseInt (this.meterInfo.credit.showCredit) / 1000 )
							} else {
								return  str =  parseInt( parseInt (this.meterInfo.credit.showCredit) / 10000 )
							}
						} else {
							return 0
						}

					} else {
						return str = "***"
					}
				}
			},
			methods: {
				//  获取经销商信息
				getMeberInfo: function(mescroll) {
					var url = "getMeberInfoU",
						_this = this,
						data = {
							token: $api.getStorage('token'),
							url: 'json',
							type: 'body'
						};
					setTimeout(function() {
						if (mescroll) {
							mescroll.endSuccess();
						}
					}, 1000);
					this.$post(url, data, function(ret) {
						if (ret.code == 0) {
							_this.meterInfo = ret.data.data == null ? {
								integration: {}
							} : ret.data.data;
							if (mescroll) {
								mescroll.endSuccess();
							}
						}
					})
				},
				openWin: function(src) {
					if($role[this.subRoleName].pages[2].subEle[src].isClick){
							this.goWin(src, "../home/"+src+"/"+src + '_win.html', '');
					}else{
						var index = langType == 'en' ? 1 :  0;
						api.toast({
							msg: $role[this.subRoleName].pages[2].subEle[src].msg[index]
						});
					}
				},
				toastBrand: function(brands) {
					var brandss = this.$t('mine.meber.sellBrand');
					if (brands) {
						for (var i = 0; i < brands.length; i++) {
							if(i<brands.length-1){
								brandss += brands[i].brand + "|";
							}else {
								brandss += brands[i].brand;
							}
						}
					}
					api.toast({
						msg: brandss,
						duration: 2000,
						location: 'middle'
					});
				},
				handleGetRewardData: function(){
					var data = {
						"kunnr":this.kunnr,//"0001003778"
						url: 'json',
						type: 'body'
					}, _this = this;
					this.$post("settleCenter",data,function(infoRes){
						_this.rewardData = infoRes.data.data;
					})
				},
				handleSubmit: function(){
					var data = {
						"kunnr":this.kunnr,//"0001003778",
						url: 'json',
						type: 'body'
					}, _this = this;
					if(this.rewardData.usablemoney>0){
						this.showModal("温馨提示","您本次核销金额共【"+this.rewardData.usablemoney+"】元，请您确认是否提交？",["取消","确认"],function(index){
							if(index==1){
								_this.$post("rebateSubmission",data,function(infoRes){
									api.toast({
										msg: infoRes.msg,
										duration: 2000,
										location: 'middle'
									});
									_this.sendEvent("refushUser");
								});
							};
						})
					}else{
						api.toast({
							msg: "您的奖励为0，无法核销",
							duration: 2000,
							location: 'middle'
						});
					}
				},
				logout: function() {
					$api.clearStorage();
					this.goWin("login", "../../../login.html", "");
				},
				//  检查版本更新
				checkVersion: function() {
					var _this = this;
					this.ifHasPrme('storage', function(ret) {
						if (ret == true) {
							_this.getNewVersionUrlTbr(function() {

							});
						}
					})
				},

				//切换语言
				switchLang() {
					i18n.locale = i18n.locale == 'en' ? 'cn' : 'en'
					$api.setStorage('lang', i18n.locale)
				},
			},
			filters: {
				filterBrand: function(brands) {
					var str = '';
					if (brands) {
						// var brandss = JSON.stringify(brands);
						// alertJson(brands);
						for (var i = 0; i < brands.length; i++) {
							if(i<brands.length-1){
								str += brands[i].brand + "|";
							}else {
								str += brands[i].brand;
							}
						}
						if (str != null && str.length > 11) {
							str = str.substring(0, 10) + "...";
						}
					}
					return str;
				},
				filtersMoney: function(val){
					var num;
					if(val/10000>1){
						num = val/10000 +"万"
					}else{
						num = val
					};
					return num;
				}
			},
			mounted: function() {
				var _this = this;
				this.subRoleName = $api.getStorage('subRoleName');
				this.addEvent("refushUser", function() {
					_this.kunnr = $api.getStorage('kunnr');
					_this.getMeberInfo();
					_this.handleGetRewardData();
				})
				this.getMeberInfo();
				this.handleGetRewardData();
				this.configDownAndPull("mescroll", function(mescroll) {
					_this.getMeberInfo(mescroll);
					_this.handleGetRewardData();
				}, function() {

				}, false);
			}
		})
	}
</script>