From 1205fa90e6fb040ba52970a6617693a44f01dcf9 Mon Sep 17 00:00:00 2001
From: liutong <836164388@qq.com>
Date: Mon, 7 Apr 2025 10:51:56 +0800
Subject: [PATCH] =?UTF-8?q?feat(coach):=20=E6=B7=BB=E5=8A=A0=E6=88=91?=
 =?UTF-8?q?=E7=9A=84=E8=80=83=E5=8B=A4=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在教练首页添加"我的考勤"和"我的消息"入口
- 新增我的考勤页面，包含考勤、请假和异常三种状态的数据展示
- 实现考勤数据的加载和分页功能
- 优化页面样式，增加导航栏和按钮样式
---
 pages.json                       |   9 +
 pages/coach/my/index.vue         |  19 +-
 pages/coach/my/my_attendance.vue | 491 +++++++++++++++++++++++++++++++
 static/images/tabbar/banji.png   | Bin 0 -> 543 bytes
 static/images/tabbar/banjis.png  | Bin 0 -> 560 bytes
 5 files changed, 518 insertions(+), 1 deletion(-)
 create mode 100644 pages/coach/my/my_attendance.vue
 create mode 100644 static/images/tabbar/banji.png
 create mode 100644 static/images/tabbar/banjis.png

diff --git a/pages.json b/pages.json
index 6176fc3..53a3ca6 100644
--- a/pages.json
+++ b/pages.json
@@ -322,6 +322,15 @@
         "navigationBarTextStyle": "white"
       }
     },
+    {
+      "path": "pages/coach/my/my_attendance",
+      "style": {
+        "navigationBarTitleText": "我的考勤",
+        "navigationStyle": "default",
+        "navigationBarBackgroundColor": "#292929",
+        "navigationBarTextStyle": "white"
+      }
+    },
     {
       "path": "pages/coach/my/info",
       "style": {
diff --git a/pages/coach/my/index.vue b/pages/coach/my/index.vue
index df543dc..a750364 100644
--- a/pages/coach/my/index.vue
+++ b/pages/coach/my/index.vue
@@ -74,6 +74,16 @@
           <view></view>
         </view>
 
+        <view class="item" @click="openViewMyAttendance()">
+          <view>我的考勤</view>
+          <view></view>
+        </view>
+
+        <view class="item" @click="openViewSchoolingStatistics()">
+          <view>我的消息</view>
+          <view></view>
+        </view>
+
       </view>
 
       <view class="section_box">
@@ -151,7 +161,14 @@ export default {
       uni.navigateTo({
         url: '/pages/coach/my/set_up'
       })
-    }
+    },
+
+    //跳转页面-我的考勤
+    openViewMyAttendance(){
+      uni.navigateTo({
+        url: '/pages/coach/my/my_attendance'
+      })
+    },
   }
 }
 </script>
diff --git a/pages/coach/my/my_attendance.vue b/pages/coach/my/my_attendance.vue
new file mode 100644
index 0000000..2dbb436
--- /dev/null
+++ b/pages/coach/my/my_attendance.vue
@@ -0,0 +1,491 @@
+<!--我的考勤-详情-->
+<template>
+  <view class="main_box">
+    <fui-segmented-control
+        :values="optionTable"
+        type="text"
+        activeColor="#29d3b4"
+        color="#fff"
+        @click="segmented">
+    </fui-segmented-control>
+
+    <view class="main_section">
+      <!--考勤-->
+      <scroll-view
+          class="section_1"
+          v-if="filteredData.type == '1'"
+          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 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 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 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="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 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 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>
+          </view>
+        </view>
+
+      </scroll-view>
+
+      <!--请假-->
+      <scroll-view
+          class="section_1"
+          v-if="filteredData.type == '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 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 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 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="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 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 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>
+          </view>
+        </view>
+
+      </scroll-view>
+
+      <!--异常-->
+      <scroll-view
+          class="section_1"
+          v-if="filteredData.type == '3'"
+          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 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 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 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="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 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 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>
+          </view>
+        </view>
+
+      </scroll-view>
+
+      <view class="section_btn">
+        <view class="btn">请假</view>
+      </view>
+
+    </view>
+  </view>
+</template>
+
+<script>
+import marketApi from '@/api/market.js';
+import AQTabber from "@/components/AQ/AQTabber.vue"
+
+
+export default {
+  components: {
+    AQTabber,
+  },
+  data() {
+    return {
+      //tab切换
+      optionTable: [
+        {
+          id: 1,
+          name: '考勤'
+        },
+        {
+          id: 2,
+          name: '请假'
+        },
+        {
+          id: 3,
+          name: '异常'
+        }
+      ],
+
+      loading:false,//加载状态
+      lowerThreshold: 100,//距离底部多远触发
+      isReachedBottom: false,//防止重复加载|true=不可加载|false=可加载
+
+      //筛选条件
+      filteredData:{
+        page:1,//当前页码
+        limit:10,//每页返回数据条数
+        total:10,//数据总条数
+        type: '1',//1=考勤,2=请假,3=异常
+      },
+      tableList:[],//表格数据
+    }
+  },
+  onLoad(options) {},
+  onShow(){
+    this.init()//初始化
+  },
+  methods: {
+    //初始化
+    async init(){
+      await this.getList();
+    },
+
+    //切换tag列表
+    async segmented(e) {
+      //重置为第一页
+      await this.resetFilteredData()
+      this.filteredData.type = e.id//1=考勤,2=请假,3=异常
+      await this.getList()
+    },
+
+    //加载更多(下一页)
+    loadMoreData() {
+      //判断是否加载
+      if (!this.isReachedBottom) {
+        this.isReachedBottom = true;//设置为不可请求状态
+        this.getList();
+      }
+    },
+    //重置为第一页
+    async resetFilteredData() {
+      this.isReachedBottom = false; // 重置状态，以便下次触发加载更多
+
+      this.filteredData.page = 1//当前页码
+      this.filteredData.limit = 10//每页返回数据条数
+      this.filteredData.total = 10//数据总条数
+    },
+    //获取列表
+    async getList(){
+      this.loading = true
+
+      let data = {...this.filteredData}
+
+      //判断是否还有数据
+      if(this.filteredData.page * this.filteredData.limit > this.filteredData.total){
+        this.loading = false
+        uni.showToast({
+          title: '暂无更多',
+          icon: 'none'
+        })
+        return
+      }
+
+      if(data.page == 1){
+        this.tableList = []
+      }
+
+      let res = await marketApi.myClient(data)
+      this.loading = false
+      this.isReachedBottom = false;
+      if (res.code != 1){
+        uni.showToast({
+          title: res.msg,
+          icon: 'none'
+        })
+        return
+      }
+
+      this.tableList = this.tableList.concat(res.data.list.data); // 使用 concat 方法 将新数据追加到数组中
+
+      console.log('列表',this.tableList)
+      this.filteredData.total = res.data.list.total
+      this.filteredData.page++
+
+      this.countArr = {
+        type_0:res.data.count[0],
+        type_1:res.data.count[1],
+        type_2:res.data.count[2],
+        type_3:res.data.count[3],
+        max_count:res.data.gh.max_count,
+        lq_count:res.data.gh.lq_count,
+      }
+
+    },
+
+
+  }
+}
+</script>
+
+<style lang="less" scoped>
+
+.main_box{
+  background: #292929 ;
+}
+
+//自定义导航栏
+.navbar_section{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: #29d3b4;
+  .title{
+    padding: 20rpx 0;
+    font-size: 30rpx;
+    color: #315d55;
+  }
+}
+
+.main_section{
+  min-height: 100vh;
+  background: #292929 100%;
+  padding: 0 24rpx;
+  padding-top: 32rpx;
+  padding-bottom: 150rpx;
+  font-size: 28rpx;
+  .section_1{
+    color: #fff;
+    font-size: 28rpx;
+    .ul{
+      margin-top: 23rpx;
+      display: flex;
+      flex-direction: column;
+      gap: 24rpx;
+      .li{
+        display: flex;
+        align-items: center;
+        gap: 43rpx;
+        .left{
+          image{
+            width: 174rpx;
+            height: 174rpx;
+            border-radius: 24rpx;
+            background-color: #333333;
+          }
+        }
+        .right{
+          display: flex;
+          flex-direction: column;
+          gap: 18rpx;
+          .content{
+            font-size: 24rpx;
+          }
+          .content:nth-child(1){
+            font-size: 28rpx;
+          }
+        }
+      }
+    }
+    .title_box{
+      margin-top: 46rpx;
+      font-size: 28rpx;
+    }
+    .subhead_box{
+      margin-top: 22rpx;
+      font-size: 24rpx;
+    }
+  }
+
+  .section_btn{
+    display: flex;
+    justify-content: center;
+    .btn{
+      width: 722rpx;
+      height: 64rpx;
+      line-height: 64rpx;
+      border-radius: 8rpx;
+      background-color: rgba(32,202,175,1);
+      color: rgba(255,255,255,1);
+      font-size: 28rpx;
+      text-align: center;
+    }
+  }
+
+}
+
+
+</style>
\ No newline at end of file
diff --git a/static/images/tabbar/banji.png b/static/images/tabbar/banji.png
new file mode 100644
index 0000000000000000000000000000000000000000..6a13370e4ab0506722c497486f29403f4724ff51
GIT binary patch
literal 543
zcmV+)0^t3LP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF0005zNkl<Zc%1E;
zQBDFe6h+%%LoPv$zXbl(L{}iLL|lO;>i-aajkp9h#MIjcNnq$;gYUgbxF;!n@Y9<^
zUtnhH-I|;6)wx?W55a{o-u^4z`PvPt=lA;a+x-E}EJ?ua@ba#4;RU5AmGk#+^RHLe
zfp!)jZHLurfzMR%gTckG{aq}w`0L?Cje3Nk#q49g7-Mc>ktGTUC{%%f)Ox#EWXTBd
zkA6@sQ5;2BHD`EzLb*km0NE^i1;pOS^=S#Yo-Pp}orMA{7Nr0Rpa2TM)WRYQ1z0Rf
z0Te(16o9FPMHULMSd;=Npzi{FHSwWYqCAS=tFsWADatL11PEu@D?pkO0n$VPHRch9
z7X7*_oa+rKx_a6oOWKOsPh(sM+F6o-$lCq{rNkDT!S*!w&F`X_Wh3BJp#Y4Nh5|57
z8VbNj#Gf9mV=0Hw%#s9X|M_qoXlLPHVT%ipUR?}f(SSk~2uQ8Bi$#`<0NG<HWddZg
z>=h7uBiE-T<a)Y9fOHlLuvnA=D1ZVe08<N#EEHg|C<Rae1yBH{78Y43z+zDfpn$#$
z5I&YtBtSUJUIEgS2#_WUs4<T)wCLAe;aqP>(bdxyS<+V2ej4LC(9V(sMAr5vC?&Sw
h47NANQVyY+<p)-fC$V<p0+#>)002ovPDHLkV1oO`>f`_b

literal 0
HcmV?d00001

diff --git a/static/images/tabbar/banjis.png b/static/images/tabbar/banjis.png
new file mode 100644
index 0000000000000000000000000000000000000000..805c8e4d3bfc5457d40d450f2cebcb9b6194e770
GIT binary patch
literal 560
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I1|(Ny7T#lEVEpds;uumf=j|+CKPE?k*438X
z?<|{+ZD`v&>jh`a<OcN%E_V;llCWi}w&8x8-K2Kma<l9jEunkUOLi%?eE)Q|<i||T
zO%Ky7_X|vH*DyNpXT3s7*UOJz_k7o^Kd^~guKP~i-ur7Gz2fu^wOUyGzo_i1j&4Lb
z=gBgWp9hN74*Yo9|2NiVSIg_CHgkn)d9>5=pYLUS#?!Co>2Tzb2uH&onSMQ0MrD(j
z1UrsBh2obblDoYaSH()PDs0%{pRMusr4(bu!YpyF4;)JwxE3(DJgF#I$j~1EWO6yU
z^tq!-G#tAi(WY1;79r=-vpSEbu<5B-DASbPCR`Vmxiy%19uO&(Kiu{BSNM)C=35Rd
z)PI-RuP5;>Jb4N0YrSm7&fdR@)1;O^;BlOMY2y8(o4Btn=VeWpV<OT}cqxG4*sL!X
zmEE>4eRCM-=iBu^Cy1@t{bBWn<NOmA|1xa3(9x<X!0^*jF4l|5En~-l8i9((ddm!t
ziA`k+0b1{nP&ofuz^%)sOdp)C>WMrM^kNioVC*>Y@r4tk+(IBzq@e>C4yY2n3r}rd
z8p0Xy?vjSXY$?WDDvZHrfC1R|I{x9Mdl#76_w872yDQ;FeD6e{Q`WGmn0;%H$ePn+
j%<}i%v`ze{_3j^dxLT@S`G77kB`|op`njxgN@xNAdS3Es

literal 0
HcmV?d00001