<template>
	<view class="content">
		<view class="ru-head">
			<view class="ru-imgcon">
				<image src="../../../../static/home/nav_icon_close@2x.png" mode="" @click="back"></image>
			</view>
		</view>
		
		<view class="ru-body">
			<p class="ru-body-p1">platform agent rebate model</p>
			<table class="ru-table">
				<thead>
					<tr>
					<th class="t1">level</th>
					<th class="t2">Commission rate</th>
					</tr>
				</thead>
				<tbody>
					<tr v-for="(item,key) in inviteRule.rates">
					<th class="t1">{{key}}</th>
					<th class="t2">{{item}}</th>	
					</tr>
				</tbody>
			</table>
			
			
			<view class="ru-cont" v-html="inviteRule.tips">
			</view>
		</view>
	
	
	
	</view>



</template>

<script>
	import api from '@/utils/api'
	export default {
		data() {
			return {
		inviteRule:[],
			}
		},
		onLoad() {
			
			const post2 = api.inviteCode({
						"ticket": uni.getStorageSync('logInfo').data,
					})
					post2.then(res => {
			this.inviteRule=res.data

				
						})
						.catch(e => {
							uni.showToast({
								title: e,
								icon: 'none',
								duration: 2500
							})
						})
			
			
			
		},
		methods: {
       back(){
		   uni.navigateBack()
	   }
		}
	}
</script>

<style>
	@import url("./index.css");
</style>
