liudan
2 years ago
|
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> |
||||