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

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

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

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

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

Loading…
Cancel
Save