fix(commission团队页): 优化样式和评论清理

- 优化了团队页的样式,包括搜索框和排序项的布局,以提升用户体验。
- 移除了无用的注释和代码,提高了代码的可读性和维护性。
- 调整了团队人数和订单数量的显示逻辑,确保在没有数据时显示为0。
- 在用户页面添加了页面内顶部间距的样式,改善了页面的整体布局。

通过这些改动,我们旨在改善页面的用户界面和交互细节,同时简化代码结构,使之更易于管理和维护。
main
lenovo008\lenovo 2 months ago
parent cd53d818b8
commit 027e6609db

@ -2,17 +2,18 @@
<template> <template>
<s-layout title="我的团队" :class="state.scrollTop ? 'team-wrap' : ''" navbar="inner"> <s-layout title="我的团队" :class="state.scrollTop ? 'team-wrap' : ''" navbar="inner">
<view class="promoter-list"> <view class="promoter-list">
<view <view class="promoterHeader bg-color" style="backgroundcolor: #e93323 !important; height: 218rpx; color: #fff">
class="promoterHeader bg-color"
style="backgroundcolor: #e93323 !important; height: 218rpx; color: #fff"
>
<view class="headerCon acea-row row-between" style="padding: 28px 29px 0 29px"> <view class="headerCon acea-row row-between" style="padding: 28px 29px 0 29px">
<view> <view>
<view class="name" style="color: #fff">推广人数</view> <view class="name" style="color: #fff">推广人数</view>
<view> <view>
<text class="num" style="color: #fff"> <text class="num" style="color: #fff">
<!-- {{
state.summary.firstBrokerageUserCount + state.summary.secondBrokerageUserCount ||
0
}} -->
{{ {{
state.summary.firstBrokerageUserCount + state.summary.secondBrokerageUserCount || state.summary.secondBrokerageUserCount ||
0 0
}} }}
</text> </text>
@ -31,42 +32,21 @@
我的团队({{ state.summary.secondBrokerageUserCount || 0 }}) 我的团队({{ state.summary.secondBrokerageUserCount || 0 }})
</view> </view>
</view> </view>
<view <view class="search acea-row row-between-wrapper" style="display: flex; height: 100rpx; align-items: center">
class="search acea-row row-between-wrapper"
style="display: flex; height: 100rpx; align-items: center"
>
<view class="input"> <view class="input">
<input <input placeholder="点击搜索会员名称" v-model="state.nickname" confirm-type="search" name="search"
placeholder="点击搜索会员名称" @confirm="submitForm" />
v-model="state.nickname"
confirm-type="search"
name="search"
@confirm="submitForm"
/>
</view> </view>
<image <image src="/static/images/search.png" mode="" style="width: 60rpx; height: 64rpx" @click="submitForm" />
src="/static/images/search.png"
mode=""
style="width: 60rpx; height: 64rpx"
@click="submitForm"
/>
</view> </view>
<view class="list"> <view class="list">
<view class="sortNav acea-row row-middle" style="display: flex; align-items: center"> <view class="sortNav acea-row row-middle" style="display: flex; align-items: center">
<view <view class="sortItem" @click="setSort('userCount', 'asc')" v-if="sort === 'userCountDESC'">
class="sortItem"
@click="setSort('userCount', 'asc')"
v-if="sort === 'userCountDESC'"
>
团队排序 团队排序
<!-- TODO 芋艿看看怎么从项目里拿出去 --> <!-- TODO 芋艿看看怎么从项目里拿出去 -->
<image src="/static/images/sort1.png" /> <image src="/static/images/sort1.png" />
</view> </view>
<view <view class="sortItem" @click="setSort('userCount', 'desc')" v-else-if="sort === 'userCountASC'">
class="sortItem"
@click="setSort('userCount', 'desc')"
v-else-if="sort === 'userCountASC'"
>
团队排序 团队排序
<image src="/static/images/sort3.png" /> <image src="/static/images/sort3.png" />
</view> </view>
@ -78,11 +58,7 @@
金额排序 金额排序
<image src="/static/images/sort1.png" /> <image src="/static/images/sort1.png" />
</view> </view>
<view <view class="sortItem" @click="setSort('price', 'desc')" v-else-if="sort === 'priceASC'">
class="sortItem"
@click="setSort('price', 'desc')"
v-else-if="sort === 'priceASC'"
>
金额排序 金额排序
<image src="/static/images/sort3.png" /> <image src="/static/images/sort3.png" />
</view> </view>
@ -90,19 +66,11 @@
金额排序 金额排序
<image src="/static/images/sort2.png" /> <image src="/static/images/sort2.png" />
</view> </view>
<view <view class="sortItem" @click="setSort('orderCount', 'asc')" v-if="sort === 'orderCountDESC'">
class="sortItem"
@click="setSort('orderCount', 'asc')"
v-if="sort === 'orderCountDESC'"
>
订单排序 订单排序
<image src="/static/images/sort1.png" /> <image src="/static/images/sort1.png" />
</view> </view>
<view <view class="sortItem" @click="setSort('orderCount', 'desc')" v-else-if="sort === 'orderCountASC'">
class="sortItem"
@click="setSort('orderCount', 'desc')"
v-else-if="sort === 'orderCountASC'"
>
订单排序 订单排序
<image src="/static/images/sort3.png" /> <image src="/static/images/sort3.png" />
</view> </view>
@ -113,10 +81,7 @@
</view> </view>
<block v-for="(item, index) in state.pagination.list" :key="index"> <block v-for="(item, index) in state.pagination.list" :key="index">
<view class="item acea-row row-between-wrapper" style="display: flex"> <view class="item acea-row row-between-wrapper" style="display: flex">
<view <view class="picTxt acea-row row-between-wrapper" style="display: flex; align-items: center">
class="picTxt acea-row row-between-wrapper"
style="display: flex; align-items: center"
>
<view class="pictrue"> <view class="pictrue">
<image :src="item.avatar" /> <image :src="item.avatar" />
</view> </view>
@ -128,25 +93,20 @@
</view> </view>
</view> </view>
</view> </view>
<view <view class="right" style="
class="right"
style="
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
display: flex; display: flex;
margin-left: auto; margin-left: auto;
" ">
>
<view> <view>
<text class="num font-color">{{ item.brokerageUserCount || 0 }} </text> <text class="num font-color">{{ item.brokerageUserCount || 0 }} </text>
</view> </view>
<view> <view>
<text class="num">{{ item.brokerageOrderCount || 0 }}</text <text class="num">{{ item.brokerageOrderCount || 0 }}</text>
></view </view>
>
<view> <view>
<text class="num">{{ Number(item.brokeragePrice|| 0 )/100 }}</text <text class="num">{{ Number(item.brokeragePrice|| 0 )/100 }}</text>
>
</view> </view>
</view> </view>
</view> </view>

@ -39,4 +39,8 @@
onPageScroll(() => {}); onPageScroll(() => {});
</script> </script>
<style></style> <style>
.page-app .page-main .page-body{
padding-top: 100rpx;
}
</style>

Loading…
Cancel
Save