var salesInfo = {
	/*template: `
	 <section>
	 <header class="header header-pos-fix">
	 <div onclick="history.back(-1)">
	 <img src="img/fahui.png" class="img">
	 <span class="text_wen">返回</span>
	 </div>
	 <a :href="indexUrl" class="home-sy"><span><span></span>首页</a>
	 </header>

	 <div style="width:100%;height:45px;display:block"></div>

	 <section class="container" style="background-color:#fff; border-radius: 6px; margin: 10px; padding: 8px;">
	 <div class="row">
	 <div class="col-xs-3" style="padding-top: 20px;">
	 <a :href="personCenter">
	 <img :src="wxInfo.headimgurl" class="header_img" alt="avatar" style="border-radius: 50%;width: 50px;height: 50px;">
	 </a>
	 <p style="font-size: 12px">{{loginType}}</p>
	 </div>

	 <div class="col-xs-5 pl0 pr0">
	 <div>昵&emsp;称：{{wxInfo.nickname}}</div>
	 <div>游戏ID：<span>{{salesInfo.player_id}}</span></div>
	 <div>推广账号：<span>{{salesInfo.salesid}}</span></div>
	 <div>可赠卡数：<span>{{assets.roomcard}}</span></div>
	 <div v-if="salesInfo.salestype == 11 || agentInfo.is_show_recharge_star == 1">{{lang.starName}}数：<span>{{parseFloat(assets.bean)}}</span>
	 </div>
	 <div v-if="true">钻石数：<span>{{assets.diamond}}</span></div>
	 </div>

	 <div class="col-xs-4 pl0">
	 <div class="text-right">

	 <div v-if="assets.is_vip == '1'">
	 <div><button type="button" class="btn btn-primary btn-sm" @click="goShortRoom">配置&ensp;VIP</button></div>
	 <div class="pt3"><button type="button" class="btn btn-info btn-sm" @click="goWhiteList">管理好友</button></div>
	 </div>

	 <div v-else>
	 <button type="button" class="btn btn-warning btn-sm" @click="goProductCenter">成为&ensp;VIP</button>
	 </div>

	 <div class="pt3">
	 <a type="button" class="btn btn-warning btn-sm" :href="personCenter">安全密码</a>
	 </div>
	 <div class="pt3">
	 <button type="button" class="btn btn-warning btn-sm" @click="goSettle">我的佣金</button>
	 </div>
	 </div>
	 </div>

	 </div>

	 <div class="row marquee" v-if="salesInfo.agent_announcement">
	 <div class="col-xs-12">
	 <div style="overflow: hidden;" id="marquee-wrap">
	 <div style="width:8000%">
	 <div id="marquee-box"><span id="marquee-text" v-html="salesInfo.agent_announcement"></span></div>
	 </div>
	 </div>
	 </div>
	 </div>

	 <div class="row zhouma" v-if="salesInfo.sales_announcement">
	 <div class="col-xs-12">
	 <div style="overflow: hidden;" id="zhouma-wrap">
	 <div style="width:8000%">
	 <div id="zhouma-box"><span id="zhouma-text" v-html="salesInfo.sales_announcement"></span></div>
	 </div>
	 </div>
	 </div>
	 </div>
	 </section>

	 </section>
	 `,*/
	template: '<section><header class="header header-pos-fix"><div onclick="history.back(-1)"><img src="img/fahui.png" class="img"><span class="text_wen">返回</span></div><a :href="indexUrl" class="home-sy"><span><span></span>首页</a></header><div style="width:100%;height:45px;display:block"></div><section class="container" style="background-color:#fff; border-radius: 6px; margin: 10px; padding: 8px;"><div class="row"><div class="col-xs-3" style="padding-top: 20px;"><a :href="personCenter"><img :src="wxInfo.headimgurl" class="header_img" alt="avatar" style="border-radius: 50%;width: 50px;height: 50px;"></a><p style="font-size: 12px">{{loginType}}</p></div><div class="col-xs-5 pl0 pr0"><div>昵&emsp;称：{{wxInfo.nickname}}</div><div>游戏ID：<span>{{salesInfo.player_id}}</span></div><div>推广账号：<span>{{salesInfo.salesid}}</span></div><div>可赠卡数：<span>{{assets.roomcard}}</span></div><div v-if="salesInfo.salestype == 11 || agentInfo.is_show_recharge_star == 1">{{lang.starName}}数：<span>{{parseFloat(assets.bean)}}</span></div><div v-if="true">钻石数：<span>{{assets.diamond}}</span></div></div><div class="col-xs-4 pl0"><div class="text-right"><div v-if="assets.is_vip == \'1\'"><div><button type="button" class="btn btn-primary btn-sm" @click="goShortRoom">配置&ensp;VIP</button></div><div class="pt3"><button type="button" class="btn btn-info btn-sm" @click="goWhiteList">管理好友</button></div></div><div v-else><button type="button" class="btn btn-warning btn-sm" @click="goProductCenter">成为&ensp;VIP</button></div><div class="pt3"><a type="button" class="btn btn-warning btn-sm" :href="personCenter">安全密码</a></div><div class="pt3"><button type="button" class="btn btn-warning btn-sm" @click="goSettle">我的佣金</button></div></div></div></div><div class="row marquee" v-if="salesInfo.agent_announcement"><div class="col-xs-12"><div style="overflow: hidden;" id="marquee-wrap"><div style="width:8000%"><div id="marquee-box"><span id="marquee-text" v-html="salesInfo.agent_announcement"></span></div></div></div></div></div><div class="row zhouma" v-if="salesInfo.sales_announcement"><div class="col-xs-12"><div style="overflow: hidden;" id="zhouma-wrap"><div style="width:8000%"><div id="zhouma-box"><span id="zhouma-text" v-html="salesInfo.sales_announcement"></span></div></div></div></div></div></section></section>',
	data: function () {
		return {
			params: {},
			lang: {},
			salesInfo: {},
			wxInfo: {},
			agentInfo: {},
			assets: {}
		}
	},
	computed: {
		loginType: function () {
			var type = this.salesInfo.logintype;

			if (type == 1)
				return '账号登录';
			else if (type == 0)
				return '微信登录';
			else if (type == 2)
				return '手机号登录';
			else
				return '';

		},
		personCenter: function () { return './my.html?agentid=' + this.params.agentid + '&channelid=' + this.params.channelid; },
		indexUrl: function () { return './index.html?agentid=' + this.params.agentid + '&channelid=' + this.params.channelid; }
	},
	methods: {
		goProductCenter: function () {
			window.location.href = './your_purchase_new.html?agentid=' + this.params.agentid + '&channelid=' + this.params.channelid;
		},
		goShortRoom: function () {
			window.location.href = './short_room.html?agentid=' + this.params.agentid + '&channelid=' + this.params.channelid;
		},
		goWhiteList: function () {
			var url = './white_list.html?agentid=' + this.params.agentid + '&channelid=' + this.params.channelid;

			if (this.params.unionid)
				url = url + "&unionid=" + this.params.unionid;

			if (this.params.unionid)
				url = url + "&playerid=" + this.params.playerid;

			window.location.href = url;
		},
		goSettle: function () {
			window.location.href = $.SETTLE_URL + 'login.html?agentid=' + this.params.agentid + '&channelid=' + this.params.channelid + '&salesid=' + this.salesInfo.salesid;
		},
		/**
		 * 走马灯
		 * @param target
		 */
		move:function (target) {
			var box = document.getElementById(target+"-box");
			// 文本的宽度
			var text = document.getElementById(target+"-text");
			var textWidth = text.clientWidth || text.offsetWidth;
			// 容器
			var wrap = document.getElementById(target+"-wrap");
			// 容器的宽度
			var wrapWidth = wrap.clientWidth || wrap.offsetWidth;

			console.log('text-width:', textWidth, ', wrap-width:', wrapWidth);

			// 初始偏移距离：容器的宽度 + 常量
			var distance = wrapWidth + 30;
			var max_distance = textWidth + 30;
			setInterval(function () {
				distance--;
				// 如果位移超过文字宽度，则回到起点
				if (-distance >= max_distance) {
					distance = wrapWidth;
				}
				box.style.transform = 'translateX(' + distance + 'px)'
			}, 20)
		}
	},
	created: function () {
		this.params = $.getQueryObj();
		this.lang = lang[this.params.agentid] ? lang[this.params.agentid] : lang.default;
		var that = this;
		$.getAgentInfo(function (agentInfo) {
			that.agentInfo = agentInfo;
			$.getWxInfo(function (wxInfo) {
				that.wxInfo = wxInfo;
				$.getUserInfo(function (res) {
					that.salesInfo = res;
					$.getUserAssets(function (assets) {
						that.assets = assets;

						if(that.salesInfo.agent_announcement)
							that.move('marquee');

						if(that.salesInfo.sales_announcement)
							that.move('zhouma');

					}, 1);
				})
			})

		})

	}
}