After Width: | Height: | Size: 1.5 KiB |
After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 1.9 KiB |
Before Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 27 KiB |
Before Width: | Height: | Size: 3.9 KiB |
Before Width: | Height: | Size: 6.2 KiB |
Before Width: | Height: | Size: 6.5 KiB |
Before Width: | Height: | Size: 7.2 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 11 KiB |
@ -0,0 +1,69 @@ |
|||||||
|
<template> |
||||||
|
<view class="groupContent"> |
||||||
|
<view class="group"> |
||||||
|
<text class="guishu">归属商家</text> |
||||||
|
<text class="order" @click="goGroupList">查看团队排行</text> |
||||||
|
</view> |
||||||
|
<view class="shop"> |
||||||
|
浦口区哈哈哈养生服务中心 |
||||||
|
</view> |
||||||
|
<view class="group"> |
||||||
|
<text class="guishu">营业执照</text> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default{ |
||||||
|
data(){ |
||||||
|
return{ |
||||||
|
|
||||||
|
} |
||||||
|
}, |
||||||
|
methods:{ |
||||||
|
async getCompanyMonth() { |
||||||
|
let res = await this.$api.mine.companyMonth() |
||||||
|
console.log(res,"mm") |
||||||
|
}, |
||||||
|
goGroupList(){ |
||||||
|
this.$util.goUrl({ |
||||||
|
url: '/user/pages/myGroup/myGroupOrder' |
||||||
|
}) |
||||||
|
} |
||||||
|
}, |
||||||
|
onLoad() { |
||||||
|
this.getCompanyMonth() |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.groupContent{ |
||||||
|
margin: 0 24upx; |
||||||
|
.group{ |
||||||
|
padding-top:40upx; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-between; |
||||||
|
.guishu{ |
||||||
|
font-size: 30rpx; |
||||||
|
font-family: Alibaba PuHuiTi; |
||||||
|
font-weight: 400; |
||||||
|
color: #333333; |
||||||
|
} |
||||||
|
.order{ |
||||||
|
font-size: 30rpx; |
||||||
|
font-family: Alibaba PuHuiTi; |
||||||
|
font-weight: 400; |
||||||
|
color: #08BF77; |
||||||
|
} |
||||||
|
} |
||||||
|
.shop{ |
||||||
|
font-size: 30rpx; |
||||||
|
font-family: Alibaba PuHuiTi; |
||||||
|
font-weight: 400; |
||||||
|
color: #333333; |
||||||
|
margin-top:44rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
@ -0,0 +1,94 @@ |
|||||||
|
<template> |
||||||
|
<view class="groupContent"> |
||||||
|
<view class="titlecontent"> |
||||||
|
<view class="titleItem">排名</view> |
||||||
|
<view class="titleItem">商家名称</view> |
||||||
|
<view class="titleItem">技师人数</view> |
||||||
|
<view class="titleItem">上月总积分</view> |
||||||
|
</view> |
||||||
|
<view class="orderContent" v-for="(item,index) in orderList" :key="index"> |
||||||
|
<view class="orderItem"> |
||||||
|
<image src="../../../static/1.png" v-if="index==0" mode=""></image> |
||||||
|
<image src="../../../static/2.png" v-if="index==1" mode=""></image> |
||||||
|
<image src="../../../static/3.png" v-if="index==2" mode=""></image> |
||||||
|
<view class="orderText" v-if="index!=0&&index!=1&&index!=2"> |
||||||
|
{{index+1}} |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="orderItem">{{item.name}}</view> |
||||||
|
<view class="orderItem">{{item.coach_num}}</view> |
||||||
|
<view class="orderItem">{{item.integral}}</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default{ |
||||||
|
data(){ |
||||||
|
return{ |
||||||
|
orderList:[] |
||||||
|
} |
||||||
|
}, |
||||||
|
methods:{ |
||||||
|
async getCompanyMonth() { |
||||||
|
let res = await this.$api.mine.companyMonth() |
||||||
|
console.log(res,"mm") |
||||||
|
this.orderList = res |
||||||
|
}, |
||||||
|
|
||||||
|
}, |
||||||
|
onLoad() { |
||||||
|
this.getCompanyMonth() |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.groupContent{ |
||||||
|
padding: 0 24upx; |
||||||
|
.titlecontent{ |
||||||
|
background: #FFFFFF; |
||||||
|
border-radius: 30rpx; |
||||||
|
display:flex; |
||||||
|
margin:20rpx 0; |
||||||
|
.titleItem{ |
||||||
|
width:25%; |
||||||
|
font-size: 30rpx; |
||||||
|
font-family: Alibaba PuHuiTi; |
||||||
|
font-weight: 400; |
||||||
|
color: #333333; |
||||||
|
padding:27rpx 0; |
||||||
|
text-align: center; |
||||||
|
white-space: nowrap; |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
.orderContent{ |
||||||
|
background: #FFFFFF; |
||||||
|
border-radius: 30rpx; |
||||||
|
display:flex; |
||||||
|
margin:20rpx 0; |
||||||
|
.orderItem{ |
||||||
|
width:25%; |
||||||
|
font-size: 30rpx; |
||||||
|
font-family: Alibaba PuHuiTi; |
||||||
|
font-weight: 400; |
||||||
|
color: #333333; |
||||||
|
padding:27rpx 0; |
||||||
|
text-align: center; |
||||||
|
white-space: nowrap; |
||||||
|
image{ |
||||||
|
width:46upx; |
||||||
|
height:37upx; |
||||||
|
margin:0 auto; |
||||||
|
} |
||||||
|
.orderText{ |
||||||
|
font-size: 36rpx; |
||||||
|
font-family: Alibaba PuHuiTi; |
||||||
|
font-weight: bold; |
||||||
|
color: #333333; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
@ -0,0 +1,71 @@ |
|||||||
|
<template> |
||||||
|
<view style="min-height: calc(100vh);background-color: #ffffff;"> |
||||||
|
<view class="scoreList" v-for="(item,index) in scoreList" :key="index"> |
||||||
|
<view class="score"> |
||||||
|
<text>{{item.remake}}</text> |
||||||
|
<view class="scoreNum"> |
||||||
|
<view>+{{item.integral}}</view> |
||||||
|
<u-icon color="#999999" size="18" name="arrow-right"></u-icon> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="time"> |
||||||
|
{{item.create_time}} |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default{ |
||||||
|
data(){ |
||||||
|
return{ |
||||||
|
scoreList:[] |
||||||
|
} |
||||||
|
}, |
||||||
|
methods:{ |
||||||
|
async integralLogList() { |
||||||
|
let res = await this.$api.mine.integralLogList() |
||||||
|
console.log(res,"mm") |
||||||
|
this.scoreList = res.list |
||||||
|
}, |
||||||
|
|
||||||
|
}, |
||||||
|
onLoad() { |
||||||
|
this.integralLogList() |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.scoreList{ |
||||||
|
|
||||||
|
padding:24upx 0upx; |
||||||
|
margin:0 30upx; |
||||||
|
border-bottom: 1px solid #EAEAEA; |
||||||
|
.score{ |
||||||
|
display:flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-between; |
||||||
|
text{ |
||||||
|
font-size: 34rpx; |
||||||
|
font-family: PingFang SC; |
||||||
|
font-weight: bold; |
||||||
|
color: #333333; |
||||||
|
} |
||||||
|
.scoreNum{ |
||||||
|
display:flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-between; |
||||||
|
&>view{ |
||||||
|
font-size: 34rpx; |
||||||
|
font-family: PingFang SC; |
||||||
|
font-weight: bold; |
||||||
|
color: #F4563C; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.time{ |
||||||
|
margin-top:25upx; |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |