php
/
ZhiHuiJiaoWu_UniApp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

refactor(my_attendance): 重构我的考勤页面布局 

-将页面分为教练端和销售端两个部分
- 优化了各个状态下的考勤数据显示结构
- 调整了列表项的样式和布局
- 移除了冗余的代码和不必要的嵌套
master
liutong 12 months ago
parent
9ee96c8649
commit
037874f22f
1 changed files with 238 additions and 212 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 450
      pages/common/my_attendance.vue

450
pages/common/my_attendance.vue
View File

@ -11,260 +11,286 @@
</fui-segmented-control> </fui-segmented-control>
<view class="main_section"> <view class="main_section">
<!--全部--> <!-- 教练端-->
<scroll-view <view>
class="section_1"
v-if="filteredData.status == '0'" <!--全部-->
scroll-y="true" <scroll-view
:lower-threshold="lowerThreshold" class="section_1"
@scrolltolower="loadMoreData" v-if="filteredData.status == '0'"
style="height: 100vh;" scroll-y="true"
> :lower-threshold="lowerThreshold"
<view class="ul"> @scrolltolower="loadMoreData"
<view class="li"> style="height: 100vh;"
<view class="left"> >
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image> <view class="ul">
</view> <view class="li">
<view class="right"> <view class="left">
<view class="content">篮球课</view> <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image>
<view class="content">考勤正常</view> </view>
<view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view> <view class="right">
<view class="content">篮球课</view>
<view class="content">考勤正常</view>
<view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view>
</view>
</view> </view>
</view>
<view class="li"> <view class="li">
<view class="left"> <view class="left">
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image> <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image>
</view> </view>
<view class="right"> <view class="right">
<view class="content">篮球课</view> <view class="content">篮球课</view>
<view class="content">考勤正常</view> <view class="content">考勤正常</view>
<view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view> <view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view>
</view>
</view> </view>
</view>
<view class="li"> <view class="li">
<view class="left"> <view class="left">
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image> <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image>
</view> </view>
<view class="right"> <view class="right">
<view class="content">篮球课</view> <view class="content">篮球课</view>
<view class="content">考勤正常</view> <view class="content">考勤正常</view>
<view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view> <view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view>
</view>
</view> </view>
</view> </view>
</view> </scroll-view>
<view class="title_box">普通考勤</view> <!--考勤-->
<view class="subhead_box">请假</view> <scroll-view
<view class="subhead_box">2025-01-01 00:00:00 - 2505-01-01 00:00:00</view> class="section_1"
v-if="filteredData.status == '1'"
<view class="ul"> scroll-y="true"
<view class="li"> :lower-threshold="lowerThreshold"
<view class="left"> @scrolltolower="loadMoreData"
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image> style="height: 100vh;"
</view> >
<view class="right"> <view class="ul">
<view class="content">普通考勤</view> <view class="li">
<view class="content">迟到</view> <view class="left">
<view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view> <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image>
</view>
<view class="right">
<view class="content">篮球课</view>
<view class="content">考勤正常</view>
<view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view>
</view>
</view> </view>
</view>
<view class="li"> <view class="li">
<view class="left"> <view class="left">
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image> <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image>
</view> </view>
<view class="right"> <view class="right">
<view class="content">普通考勤</view> <view class="content">篮球课</view>
<view class="content">早退</view> <view class="content">考勤正常</view>
<view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view> <view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view>
</view>
</view> </view>
</view>
<view class="li"> <view class="li">
<view class="left"> <view class="left">
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image> <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image>
</view> </view>
<view class="right"> <view class="right">
<view class="content">普通记录</view> <view class="content">篮球课</view>
<view class="content">本周考勤情况：周一到周五均按时打卡，未请假，综合表现良好。 <view class="content">考勤正常</view>
<view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view>
</view> </view>
</view> </view>
</view> </view>
</view> </scroll-view>
</scroll-view> <!--请假-->
<scroll-view
<!--考勤--> class="section_1"
<scroll-view v-if="filteredData.status == '2'"
class="section_1" scroll-y="true"
v-if="filteredData.status == '1'" :lower-threshold="lowerThreshold"
scroll-y="true" @scrolltolower="loadMoreData"
:lower-threshold="lowerThreshold" style="height: 100vh;"
@scrolltolower="loadMoreData" >
style="height: 100vh;" <view class="ul">
> <view class="li">
<view class="ul"> <view class="left">
<view class="li"> <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image>
<view class="left"> </view>
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image> <view class="right">
</view> <view class="content">篮球课</view>
<view class="right"> <view class="content">考勤正常</view>
<view class="content">篮球课</view> <view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view>
<view class="content">考勤正常</view> </view>
<view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view>
</view> </view>
</view>
<view class="li"> <view class="li">
<view class="left"> <view class="left">
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image> <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image>
</view> </view>
<view class="right"> <view class="right">
<view class="content">篮球课</view> <view class="content">篮球课</view>
<view class="content">考勤正常</view> <view class="content">考勤正常</view>
<view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view> <view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view>
</view>
</view> </view>
</view>
<view class="li"> <view class="li">
<view class="left"> <view class="left">
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image> <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image>
</view> </view>
<view class="right"> <view class="right">
<view class="content">篮球课</view> <view class="content">篮球课</view>
<view class="content">考勤正常</view> <view class="content">考勤正常</view>
<view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view> <view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view>
</view>
</view> </view>
</view> </view>
</view> </scroll-view>
<view class="title_box">普通考勤</view>
<view class="subhead_box">请假</view>
<view class="subhead_box">2025-01-01 00:00:00 - 2505-01-01 00:00:00</view>
<view class="ul"> </view>
<view class="li"> <!-- 销售端-->
<view class="left"> <view>
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image>
</view> <!--全部-->
<view class="right"> <scroll-view
<view class="content">普通考勤</view> class="section_1"
<view class="content">迟到</view> v-if="filteredData.status == '0'"
<view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view> scroll-y="true"
:lower-threshold="lowerThreshold"
@scrolltolower="loadMoreData"
style="height: 100vh;"
>
<view class="ul">
<view class="li">
<view class="left">
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image>
</view>
<view class="right">
<view class="content">普通考勤</view>
<view class="content">迟到</view>
<view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view>
</view>
</view> </view>
</view>
<view class="li"> <view class="li">
<view class="left"> <view class="left">
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image> <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image>
</view> </view>
<view class="right"> <view class="right">
<view class="content">普通考勤</view> <view class="content">普通考勤</view>
<view class="content">早退</view> <view class="content">早退</view>
<view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view> <view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view>
</view>
</view> </view>
</view>
<view class="li"> <view class="li">
<view class="left"> <view class="left">
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image> <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image>
</view> </view>
<view class="right"> <view class="right">
<view class="content">普通记录</view> <view class="content">普通记录</view>
<view class="content">本周考勤情况：周一到周五均按时打卡，未请假，综合表现良好。 <view class="content">本周考勤情况：周一到周五均按时打卡，未请假，综合表现良好。
</view>
</view> </view>
</view>
</view>
</view>
</scroll-view>
<!--请假-->
<scroll-view
class="section_1"
v-if="filteredData.status == '2'"
scroll-y="true"
:lower-threshold="lowerThreshold"
@scrolltolower="loadMoreData"
style="height: 100vh;"
>
<view class="ul">
<view class="li">
<view class="left">
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image>
</view>
<view class="right">
<view class="content">篮球课</view>
<view class="content">考勤正常</view>
<view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view>
</view> </view>
</view> </view>
<view class="li"> </scroll-view>
<view class="left">
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image> <!--考勤-->
</view> <scroll-view
<view class="right"> class="section_1"
<view class="content">篮球课</view> v-if="filteredData.status == '1'"
<view class="content">考勤正常</view> scroll-y="true"
<view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view> :lower-threshold="lowerThreshold"
@scrolltolower="loadMoreData"
style="height: 100vh;"
>
<view class="ul">
<view class="li">
<view class="left">
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image>
</view>
<view class="right">
<view class="content">普通考勤</view>
<view class="content">迟到</view>
<view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view>
</view>
</view> </view>
</view>
<view class="li"> <view class="li">
<view class="left"> <view class="left">
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image> <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image>
</view> </view>
<view class="right"> <view class="right">
<view class="content">篮球课</view> <view class="content">普通考勤</view>
<view class="content">考勤正常</view> <view class="content">早退</view>
<view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view> <view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view>
</view>
</view> </view>
</view>
</view>
<view class="title_box">普通考勤</view>
<view class="subhead_box">请假</view>
<view class="subhead_box">2025-01-01 00:00:00 - 2505-01-01 00:00:00</view>
<view class="ul"> <view class="li">
<view class="li"> <view class="left">
<view class="left"> <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image>
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image> </view>
</view> <view class="right">
<view class="right"> <view class="content">普通记录</view>
<view class="content">普通考勤</view> <view class="content">本周考勤情况：周一到周五均按时打卡，未请假，综合表现良好。
<view class="content">迟到</view> </view>
<view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view> </view>
</view> </view>
</view> </view>
<view class="li"> </scroll-view>
<view class="left">
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image> <!--请假-->
</view> <scroll-view
<view class="right"> class="section_1"
<view class="content">普通考勤</view> v-if="filteredData.status == '2'"
<view class="content">早退</view> scroll-y="true"
<view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view> :lower-threshold="lowerThreshold"
@scrolltolower="loadMoreData"
style="height: 100vh;"
>
<view class="ul">
<view class="li">
<view class="left">
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image>
</view>
<view class="right">
<view class="content">普通考勤</view>
<view class="content">迟到</view>
<view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view>
</view>
</view> </view>
</view>
<view class="li"> <view class="li">
<view class="left"> <view class="left">
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image> <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image>
</view>
<view class="right">
<view class="content">普通考勤</view>
<view class="content">早退</view>
<view class="content">2025-01-01 00:00:00 - 2025-01-01 00:00:00</view>
</view>
</view> </view>
<view class="right">
<view class="content">普通记录</view> <view class="li">
<view class="content">本周考勤情况：周一到周五均按时打卡，未请假，综合表现良好。 <view class="left">
<image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png" model="aspectFill"></image>
</view>
<view class="right">
<view class="content">普通记录</view>
<view class="content">本周考勤情况：周一到周五均按时打卡，未请假，综合表现良好。
</view>
</view> </view>
</view> </view>
</view> </view>
</view> </scroll-view>
</scroll-view> </view>
<!--请假按钮--> <!--请假按钮-->
<view class="section_btn"> <view class="section_btn">

Write Preview
Loading…
Cancel
Save