You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
high-mini/pages/user/minePromotion/minePromotion.vue

223 lines
8.4 KiB

<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>