<template>
	<view>
		<view class="promotion_bg backcorf06 width100 height90 fcorfff fotct font24 fontspec10">我的推广</view>
		<view class="promotion_dt width90 height100p backcorfff">
			<view class="width100 mart10 fcor333 font14 fontwig6 height22">
				<view class="promotion_xg flleft"></view>
				<view class="promotion_mixg flleft" style="margin-left: -6px;"></view>
				<view class="flleft promotoin_text font16" style="margin-top: -2px;">今日数据</view>
				<view class="promotion_mixg flleft"></view>
				<view class="promotion_xg flleft" style="margin-left: -6px;"></view>
			</view>
			<view class="width90 mart5 height22">
				<view class="width50 flleft font18 fcor333 fontwig6 fotlt">7</view>
				<view class="width50 flright font18 fcor333 fontwig6 fotrt">5300.00</view>
			</view>
			<view class="width90 mart10">
				<view class="width50 flleft font15 fcor666 fontwig6 fotlt">今日订单</view>
				<view class="width50 flright font15 fcor666 fontwig6 fotrt">今日流水</view>
			</view>
		</view>
		<!-- //库存管理 -->
		<view class="width100 mart80">
			<view class="width90 mart10 fcor333 font14 fontwig6 height22">
				<view class="promotion_xg flleft"></view>
				<view class="promotion_mixg flleft" style="margin-left: -6px;"></view>
				<view class="flleft promotoin_text font16" style="margin-top: -2px;">库存管理</view>
				<view class="promotion_mixg flleft"></view>
				<view class="promotion_xg flleft" style="margin-left: -6px;"></view>
			</view>
		</view>
		<view class="promotion_kc width90 mart10">
			<image class="flleft pro_img mart5"
				src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAADv0lEQVR4Xu2bTWhVRxTHf/+XmGqpXxEhUlq11YIlwc9WKEVd6SJQ1C5skVJx4TYRDajFLwytUkHBpZSWQkFpF9m0Qv1sXagLqwhid9XWKgjRtMRn4jM5ZSQtvJd373335eVlXjOzvTPn/M9/zpx7ZuaMGOdN49x+AgHBA1IyYGbzgfeAecAsYFpKEZXs/gS4D/wBnJX0c1rhJS8BM9sIfAIsSKukiv27gWPAIUl9pehNJMDMXge+At4tRaAnff4ENkk6k4QnlgAzWw18C0xJEuTh90Fgl6RDcdgiCTCzNcAPQMZD49JAOihpZ9SAogSY2VuACygT02jyuO8WSceL4Ysi4AbQ4rFBaaE9Bl6V9LBw4DACzGwDcCKthhrof1hSRykE/ASsqAGD0kL8C2iU5ILjfy3PA8xsMvAIqEsrvUb6ryxMlgoJeB/4rkaMKQdmp6TdcR7QBhwtR3KNjDkp6YM4AjqH0t2i9lzvHmT/tRwX7g/Q8zTa5DkvibWz69i7pIFpDV5Rc0nSO3EEHAa2FYPsDJ57MhtreOG4RY0ZzrdO9ImEXyXl7WUKY0AkAV13Blh3pj/1dDoPaG+ekHpc2gGrZtWxsikxaS2fgH2/5J67v8+tBI/7fxPgJufI8gbam+uj5mnkBGx6o562N+tZNCPR3armLLd7ja7bz9h6Jfd8GVxojdzCjJyA3zZMwkV5H9virj6mTmB0CFh9qp/T9wZ8tDsPkwu6jz56sfJLIBAQPCAsgRADQhAMf4HwGwx5gO8MhEQoZIIhFQ57gbAZCrvBsB0O5wERDJR/JBYORMKBSDgQCQci4/pApPN6jt1X/b4ac5G/ZXqGG+vLvxj5HNhe7BfyZACavsnyt8ccCONc6yRWRV+S3pTUHHc9vgP4LCqLyD6Dtaf7udkzSDZn3hwN1GXgtckZvljxAi3TY2+tLkrKq38qvB7/eKgs1hvjKgzkhKQP4zzgbeBKhZX6JG6PpAORBLgPZtYDTPUJdQWxLJN0NYmAL12ldQWV+iLqrqRXCsEUqxR15fG3gNGva6kuNZslucnNa1G1wp8CkRXW1cVdEW3DqsP+lRpFgKsxuQwsrYj6sRXiSmRbJLlnNcNa3HuBl4FrwMyxxT9i7Wsk/RglJenFiCPhe2DhiGFUX4B7TLVOUuxvvaRiHzOLrSCtvm2JGr8GOiQ9SOpZEgFD+cFs9wbHserpsugFTrlKOUmXkgyPDYJJg81sOTAXaBrjd4PZoXeDv0ty7xxSt5I9ILXkGhkQCKiRiRo1mP8AmKUMX81dqScAAAAASUVORK5CYII=">
			</image>
			<view class="pro_cont paddtop15">
				<view class="flleft font16 fcor333 fontwig6  pro_title">
					剩余库存(24)
				</view>
				<view class="pro_price fotrt  fcor333 font15 fontwig6">
					总计 9500.00
				</view>
			</view>
			<!-- //循环 -->
			<view class="pro_mok marb10" @click="jumpAgent">
				<view class="width100 font15 fcor333 fontwig6 fotct paddtop10">
					面额100.00
				</view>
				<view class="width100 font14 fcor999 fotct mart10">
					13张
				</view>
				<view class="width100 font15 fcor333 fontwig6 fotct mart10">
					1300.00
				</view>
			</view>
			<view class="pro_mok marb10">
				<view class="width100 font15 fcor333 fontwig6 fotct paddtop10">
					面额100.00
				</view>
				<view class="width100 font14 fcor999 fotct mart10">
					13张
				</view>
				<view class="width100 font15 fcor333 fontwig6 fotct mart10">
					1300.00
				</view>
			</view>
			<view class="pro_mok marb10">
				<view class="width100 font15 fcor333 fontwig6 fotct paddtop10">
					面额100.00
				</view>
				<view class="width100 font14 fcor999 fotct mart10">
					13张
				</view>
				<view class="width100 font15 fcor333 fontwig6 fotct mart10">
					1300.00
				</view>
			</view>
		</view>
		<!-- //销售统计 -->
		<view class="width100 mart20">
			<view class="width90 mart10 fcor333 font14 fontwig6 height22">
				<view class="promotion_xg flleft"></view>
				<view class="promotion_mixg flleft" style="margin-left: -6px;"></view>
				<view class="flleft promotoin_text font16" style="margin-top: -2px;">销售统计</view>
				<view class="promotion_mixg flleft"></view>
				<view class="promotion_xg flleft" style="margin-left: -6px;"></view>
			</view>
		</view>
		<view class="promotion_kc width90 mart10">
			<image class="flleft pro_img mart5"
				src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAADv0lEQVR4Xu2bTWhVRxTHf/+XmGqpXxEhUlq11YIlwc9WKEVd6SJQ1C5skVJx4TYRDajFLwytUkHBpZSWQkFpF9m0Qv1sXagLqwhid9XWKgjRtMRn4jM5ZSQtvJd373335eVlXjOzvTPn/M9/zpx7ZuaMGOdN49x+AgHBA1IyYGbzgfeAecAsYFpKEZXs/gS4D/wBnJX0c1rhJS8BM9sIfAIsSKukiv27gWPAIUl9pehNJMDMXge+At4tRaAnff4ENkk6k4QnlgAzWw18C0xJEuTh90Fgl6RDcdgiCTCzNcAPQMZD49JAOihpZ9SAogSY2VuACygT02jyuO8WSceL4Ysi4AbQ4rFBaaE9Bl6V9LBw4DACzGwDcCKthhrof1hSRykE/ASsqAGD0kL8C2iU5ILjfy3PA8xsMvAIqEsrvUb6ryxMlgoJeB/4rkaMKQdmp6TdcR7QBhwtR3KNjDkp6YM4AjqH0t2i9lzvHmT/tRwX7g/Q8zTa5DkvibWz69i7pIFpDV5Rc0nSO3EEHAa2FYPsDJ57MhtreOG4RY0ZzrdO9ImEXyXl7WUKY0AkAV13Blh3pj/1dDoPaG+ekHpc2gGrZtWxsikxaS2fgH2/5J67v8+tBI/7fxPgJufI8gbam+uj5mnkBGx6o562N+tZNCPR3armLLd7ja7bz9h6Jfd8GVxojdzCjJyA3zZMwkV5H9virj6mTmB0CFh9qp/T9wZ8tDsPkwu6jz56sfJLIBAQPCAsgRADQhAMf4HwGwx5gO8MhEQoZIIhFQ57gbAZCrvBsB0O5wERDJR/JBYORMKBSDgQCQci4/pApPN6jt1X/b4ac5G/ZXqGG+vLvxj5HNhe7BfyZACavsnyt8ccCONc6yRWRV+S3pTUHHc9vgP4LCqLyD6Dtaf7udkzSDZn3hwN1GXgtckZvljxAi3TY2+tLkrKq38qvB7/eKgs1hvjKgzkhKQP4zzgbeBKhZX6JG6PpAORBLgPZtYDTPUJdQWxLJN0NYmAL12ldQWV+iLqrqRXCsEUqxR15fG3gNGva6kuNZslucnNa1G1wp8CkRXW1cVdEW3DqsP+lRpFgKsxuQwsrYj6sRXiSmRbJLlnNcNa3HuBl4FrwMyxxT9i7Wsk/RglJenFiCPhe2DhiGFUX4B7TLVOUuxvvaRiHzOLrSCtvm2JGr8GOiQ9SOpZEgFD+cFs9wbHserpsugFTrlKOUmXkgyPDYJJg81sOTAXaBrjd4PZoXeDv0ty7xxSt5I9ILXkGhkQCKiRiRo1mP8AmKUMX81dqScAAAAASUVORK5CYII=">
			</image>
			<view class="pro_cont paddtop15">
				<view class="flleft font16 fcor333 fontwig6  pro_title">
					已销售(24)
				</view>
				<view class="pro_price fotrt  fcor333 font15 fontwig6">
					总计 1129500.00
				</view>
			</view>
			<!-- //循环 -->
			<view class="pro_mok marb10" @click="jumpAgent">
				<view class="width100 font15 fcor333 fontwig6 fotct paddtop10">
					面额100.00
				</view>
				<view class="width100 font14 fcor999 fotct mart10">
					13张
				</view>
				<view class="width100 font15 fcor333 fontwig6 fotct mart10">
					1300.00
				</view>
			</view>
			<view class="pro_mok marb10">
				<view class="width100 font15 fcor333 fontwig6 fotct paddtop10">
					面额100.00
				</view>
				<view class="width100 font14 fcor999 fotct mart10">
					13张
				</view>
				<view class="width100 font15 fcor333 fontwig6 fotct mart10">
					1300.00
				</view>
			</view>
			<view class="pro_mok marb10">
				<view class="width100 font15 fcor333 fontwig6 fotct paddtop10">
					面额100.00
				</view>
				<view class="width100 font14 fcor999 fotct mart10">
					13张
				</view>
				<view class="width100 font15 fcor333 fontwig6 fotct mart10">
					1300.00
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			//跳转代理商卡券
			jumpAgent(){
				uni.navigateTo({
					url:'../agentCoupons/agentCoupons'
				})
			}
		}
	}
</script>

<style lang="scss">
	.promotion_bg {
		position: relative;
	}

	.promotion_dt {
		position: absolute;
		top: 50px;
		border-radius: 5px;
		box-shadow: 0px 2px 6px 2px #999999;
	}

	.promotion_xg {
		width: 15px;
		height: 2px;
		margin-top: 8px;
		background-color: #f06c7a;
		transform: rotate(100deg);
	}

	.promotoin_text {
		margin-left: 5px;
		margin-right: 5px;
	}

	.promotion_mixg {
		width: 10px;
		margin-top: 8px;
		height: 2px;
		background-color: #f06c7a;
		transform: rotate(100deg);
	}

	.promotion_kc {
		padding-bottom: 10px;
		border-radius: 5px;
		box-shadow: 0px 2px 4px 2px #999999;
	}

	.pro_img {
		width: 40px;
		height: 40px;
	}

	.pro_cont {
		height: 35px;
		margin-left: 50px;
		;
	}

	.pro_title {
		width: 110px;
	}

	.pro_price {
		margin-right: 10px;
		margin-left: 110px;
	}

	.pro_mok {
		background-color: #1296db;
		height: 95px;
		margin-left: 2.5%;
		width: 30%;
		display: inline-block;
	}
</style>
