Browse Source

feat(market): 更新我的页面布局和内容

- 添加底部部门和等级信息
- 修改顶部统计数据的显示内容
- 更新主区域的项目信息
- 调整样式,增加分割线等细节
master
liutong 1 year ago
parent
commit
6ffc5d0187
  1. 55
      pages/market/my/index.vue

55
pages/market/my/index.vue

@ -15,11 +15,18 @@
<view class="name">包子皮</view>
</view>
<view class="right">
<view class="btn"></view>
<view class="btn">切换身份</view>
<view class="btn" @click="openViewArrivalStatistics()">到课率统计</view>
<view class="btn"></view>
</view>
</view>
<view class="bottom">
<view class="title">部门</view>
<view class="title">销售部</view>
<view class="division"></view>
<view class="title">等级</view>
<view class="title">S5</view>
</view>
</view>
<!--统计信息-->
@ -29,24 +36,20 @@
<view class="top">
<view class="item">
<view class="num">1234</view>
<view class="intro">总授课数/</view>
<view class="intro">业绩单数/</view>
</view>
<view class="item">
<view class="num">4</view>
<view class="intro">总授班级/</view>
<view class="intro">已签单数/</view>
</view>
<view class="item">
<view class="num">1234</view>
<view class="intro">总负责学员/
</view>
<view class="intro">新课签到数/</view>
</view>
</view>
<view class="bottom">
月授课数
<text>12</text>
月负责学员
<text>188</text>
较上月
<text class="reduce">-5</text>
</view>
</view>
</view>
@ -60,20 +63,14 @@
<view class="main_section">
<view class="section_box">
<view class="item">
<view>我的体育场</view>
<view>xxx场馆</view>
<view>已签客户</view>
<view>23</view>
</view>
<view class="item" @click="openViewDueSoon()">
<view>即将到期</view>
<view></view>
</view>
<view class="item" @click="openViewSchoolingStatistics()">
<view>授课统计</view>
<view>企业信息</view>
<view></view>
</view>
</view>
<view class="section_box">
@ -185,6 +182,7 @@ export default {
color: #fff;
font-size: 28rpx;
.box{
border: 1px solid red;
padding-left: 19rpx;
padding-right: 29rpx;
display: flex;
@ -214,6 +212,21 @@ export default {
}
}
}
.bottom{
margin-top: 30rpx;
padding: 0rpx 40rpx;
display: flex;
justify-content: space-between;
align-items: center;
.title{
font-size: 28rpx;
}
.division{
width: 2px;
height: 35rpx;
background-color: #fff;
}
}
}
//
@ -256,8 +269,12 @@ export default {
font-size: 24rpx;
color: #333333;
text{
margin-left: 10rpx;
color: #29D3B4;
}
.reduce{
color: #ef95a0;
}
}
}

Loading…
Cancel
Save