From af14b544a453b3a12a01ea76494bf6885b8016da Mon Sep 17 00:00:00 2001
From: "liujw155@outlook.com" <liujw155@outlook.com>
Date: Thu, 18 Feb 2021 18:05:51 +0800
Subject: [PATCH] add api

---
 src/js/api.js                                  |   1 +
 src/pages/approve/list/list.vue                | 111 +++++++++++++++++++------
 src/pages/approve/record/record.vue            |  40 +++++++--
 src/pages/course/class_list/class_list.vue     |  14 +++-
 src/pages/course/roll_call/roll_call.vue       |  78 +++++++++++++----
 src/pages/course/student_list/student_list.vue |   7 +-
 src/pages/course/task_finish/task_finish.vue   |   5 +-
 src/static/images/no_result.png                | Bin 0 -> 2137 bytes
 src/static/images/selected_c97.png             | Bin 0 -> 497 bytes
 9 files changed, 206 insertions(+), 50 deletions(-)
 create mode 100644 src/static/images/no_result.png
 create mode 100644 src/static/images/selected_c97.png

diff --git a/src/js/api.js b/src/js/api.js
index b921601..e67cb4a 100644
--- a/src/js/api.js
+++ b/src/js/api.js
@@ -32,6 +32,7 @@ API['course'] = {
 
 API['approve'] = {
   getApproveList: `${ORIGIN}/stadium/coach/getApproveList`,  // 小程序-课程列表
+  handleApprove: `${ORIGIN}/stadium/coach/handleApprove`,  // 小程序-处理审批
 }
 
 export default { ORIGIN, API };
diff --git a/src/pages/approve/list/list.vue b/src/pages/approve/list/list.vue
index 01cca96..d479927 100644
--- a/src/pages/approve/list/list.vue
+++ b/src/pages/approve/list/list.vue
@@ -4,51 +4,52 @@
             <view @click="tabChange(0)">
                 <view :class="['t-txt', tabIdx==0?'active':'']">
                     <text>预约审批</text>
-                    <view class="t-label">99</view>
+                    <!-- <view class="t-label">99</view> -->
                 </view>
             </view>
             <view @click="tabChange(1)">
                 <view :class="['t-txt', tabIdx==1?'active':'']">
                     <text>请假审批</text>
-                    <view class="t-label">99</view>
+                    <!-- <view class="t-label">99</view> -->
                 </view>
             </view>
             <view @click="tabChange(2)">
                 <view :class="['t-txt', tabIdx==2?'active':'']">
                     <text>换班审批</text>
-                    <view class="t-label">99</view>
+                    <!-- <view class="t-label">99</view> -->
                 </view>
             </view>
         </view>
         <view class="l-bar">
-            <view>审核人数:3人</view>
+            <view>审核人数: 0人</view>
             <view @click="toRecord">审批记录</view>
         </view>
-        <view class="l-null" v-if="false">
-            <image></image>
+        <view class="l-null" v-if="approveList.length<=0">
+            <image mode="aspectFit" src="/static/images/no_result.png"></image>
             <view>抱歉，没有相关课程订单信息...</view>
         </view>
         <view class="l-list" v-else>
-            <view class="l-item">
+            <view class="l-item" v-for="(e,i) in approveList" :key="i" @click="selectItem(i)">
                 <view class="l-content">
                     <view class="c-user">
-                        <image></image>
-                        <view>胡可课</view>
+                        <image :src="e.user_data.avatar_url" mode="aspectFit"></image>
+                        <view>{{e.user_name || '-'}}</view>
                     </view>
                     <view class="c-content">
-                        <view class="c-name">羽毛球课程(羽毛球课)</view>
+                        <view class="c-name">{{e.course_name || '-'}}</view>
                         <view class="c-times">
-                            <view v-for="(e, i) in approveList" :key="i">2020-08-22 10:30</view>
+                            <view v-for="(k, j) in e.duration_list" :key="j">{{k || '-'}}</view>
                         </view>
                     </view>
                     <view class="c-status">
-                        <view class="s-icon" v-if="true"></view>
-                        <view class="s-txt s-active" v-else>通过</view>
+                        <image class="s-img" v-if="e.defineSelected" mode="aspectFit" src="/static/images/selected_c97.png"></image>
+                        <view class="s-icon" v-else></view>
+                        <!-- <view class="s-txt s-active" v-else>通过</view> -->
                     </view>
                 </view>
                 <view class="l-reason">
                     <view>原因:</view>
-                    <view>作业内容作业内容作业内容作业内容作业内容作业内容作业内容作业内容作业内容作业内…</view>
+                    <view>{{e.for_leave_reason || '-'}}</view>
                 </view>
                 <view class="l-unfold">
                     <view>
@@ -61,12 +62,13 @@
         
         <view class="l-bot-bar">
             <view class="bb-select">
-                <view></view>
-                <text>全选</text>
+                <image v-if="isSelectAll" mode="aspectFit" src="/static/images/selected_c97.png"></image>
+                <view v-else></view>
+                <text @click="selectAll">全选</text>
             </view>
             <view class="bb-btns">
-                <view hover-class="hover-active">不同意</view>
-                <view hover-class="hover-active">同意</view>
+                <view hover-class="hover-active" @click="handleApprove(2)">不同意</view>
+                <view hover-class="hover-active" @click="handleApprove(1)">同意</view>
             </view>
         </view>
     </view>
@@ -80,6 +82,12 @@ import { mapState } from 'vuex';
 export default {
     computed: {
         ...mapState([ 'storeInfo' ]),
+        isSelectAll(){
+            let { approveList } = this;
+            if(approveList.length<=0)return false;
+            let bolArr = approveList.map(e=>!!e.defineSelected);
+            return !bolArr.includes(false);
+        }
     },
     data(){
         return {
@@ -91,14 +99,58 @@ export default {
         this.getApproveList();
     },
     methods:　{
+        selectAll(){
+            let { isSelectAll } = this;
+            let _list = [...this.approveList];
+            if(_list.length<=0)return
+            console.warn(this.isSelectAll)
+            this.approveList = _list.map(e=>{
+                return {
+                    ...e,
+                    defineSelected: !this.isSelectAll,
+                }
+            })
+            console.warn(this.approveList)
+        },
+        selectItem(index){
+            let _list = [...this.approveList];
+            _list[index].defineSelected = !_list[index].defineSelected;
+            this.approveList = _list;
+        },
+        handleApprove: util.debounce(function(status){
+            let { approveList } = this;
+            let _selectedArr = approveList.filter(ele=>{
+                return ele.defineSelected
+            })
+            if(_selectedArr.length<=0)return;
+            servers.post({
+                url: API.approve.handleApprove,
+                data: {
+                    status,
+                    approve_ids: _selectedArr.map(item=>item.id || ''),
+                },
+                isDefaultGet: false,
+            })
+            .then(res=>{
+                if(res.data.code == 0){
+                    util.showNone(res.data.message || '操作成功！');
+                    setTimeout(_=> util.routeTo(), 1200);
+                }else{
+                    util.showNone(res.data.message || '操作失败！');
+                }
+            })
+        }, 300, 300),
         tabChange(i){
+            this.approveList = [];
             this.tabIdx = i;
+            this.getApproveList(i);
         },
         toRecord(){
             util.routeTo(`/pages/approve/record/record`,'nT');
         },
         getApproveList(approve_type = 0){
             let { storeInfo } = this;
+            util.showLoad();
             servers.get({
                 url: API.approve.getApproveList,
                 data: {
@@ -109,7 +161,8 @@ export default {
                 failMsg: '加载失败！'
             })
             .then(res=>{
-                let _list = res.list || [];
+                util.hideLoad();
+                let _list = res.list || [{},{}];
                 this.approveList = _list;
                 console.warn('approve list --->', res);
             })
@@ -178,7 +231,6 @@ export default {
     .l-bar{
         padding: 0 50upx;
         height: 92upx;
-        background-color: yellowgreen;
         @include centerFlex(space-between);
         >view{
             font-size: 28upx;
@@ -197,6 +249,7 @@ export default {
     .l-list{
         padding: 0 24upx;
         .l-item{
+            margin-bottom: 24upx;
             padding: 24upx;
             background-color: #fff;
             .l-content{
@@ -211,7 +264,6 @@ export default {
                         width: 100upx;
                         height: 100upx;
                         border-radius: 50%;
-                        background-color: skyblue;
                     }
                     >view{
                         max-width: 120upx;
@@ -242,10 +294,10 @@ export default {
                         height: 36upx;
                         border: 2upx solid #9a9a9d;
                         border-radius: 50%;
-                        >image{
-                            width: 100%;
-                            height: 100%;
-                        }
+                    }
+                    .s-img{
+                        width: 36upx;
+                        height: 36upx;
                     }
                     .s-txt{
                         font-size: 28upx;
@@ -301,7 +353,6 @@ export default {
             display: block;
             width: 346upx;
             height: 346upx;
-            background-color: skyblue;
         }
         >view{
             text-align: center;
@@ -327,12 +378,18 @@ export default {
             color: #333;
             @include centerFlex(flex-start);
             >view{
-                margin-right: 14upx;
                 width: 36upx;
                 height: 36upx;
                 border-radius: 50%;
                 border: 2upx solid #9a9a9d;
             }
+            >image{
+                width: 36upx;
+                height: 36upx;
+            }
+            >text{
+                margin-left: 14upx;
+            }
             
         }
         .bb-btns{
diff --git a/src/pages/approve/record/record.vue b/src/pages/approve/record/record.vue
index 50a8ce4..f34cd28 100644
--- a/src/pages/approve/record/record.vue
+++ b/src/pages/approve/record/record.vue
@@ -4,24 +4,24 @@
             <view @click="tabChange(0)">
                 <view :class="['t-txt', tabIdx==0?'active':'']">
                     <text>预约审批</text>
-                    <view class="t-label">99</view>
+                    <!-- <view class="t-label">99</view> -->
                 </view>
             </view>
             <view @click="tabChange(1)">
                 <view :class="['t-txt', tabIdx==1?'active':'']">
                     <text>请假审批</text>
-                    <view class="t-label">99</view>
+                    <!-- <view class="t-label">99</view> -->
                 </view>
             </view>
             <view @click="tabChange(2)">
                 <view :class="['t-txt', tabIdx==2?'active':'']">
                     <text>换班审批</text>
-                    <view class="t-label">99</view>
+                    <!-- <view class="t-label">99</view> -->
                 </view>
             </view>
         </view>
         <view class="r-list">
-            <view class="l-item">
+            <view class="l-item" v-for="(e, i) in approveList" :key="i">
                 <view class="l-content">
                     <view class="c-user">
                         <image></image>
@@ -55,17 +55,46 @@
 </template>
 
 <script>
+import { API } from '../../../js/api';
+import { servers } from '../../../js/server';
 import util from '../../../utils/util';
+import { mapState } from 'vuex';
 export default {
+    computed: {
+        ...mapState([ 'storeInfo' ]),
+    },
     data(){
         return {
-            tabIdx: 0
+            tabIdx: 0,
+            approveList: [],
         }
     },
+    onLoad(){
+        this.getApproveList();
+    },
     methods:　{
         tabChange(i){
             this.tabIdx = i;
         },
+        getApproveList(approve_type = 0){
+            let { storeInfo } = this;
+            util.showLoad();
+            servers.get({
+                url: API.approve.getApproveList,
+                data: {
+                    approve_type,
+                    stadium_id: storeInfo.id,
+                    is_approve_record: 1
+                },
+                failMsg: '加载失败！'
+            })
+            .then(res=>{
+                util.hideLoad();
+                let _list = res.list || [{},{}];
+                this.approveList = _list;
+                console.warn('approve list --->', res);
+            })
+        }
     }
 }
 </script>
@@ -125,6 +154,7 @@ export default {
     .r-list{
         padding: 0 24upx;
         .l-item{
+            margin-bottom: 24upx;
             padding: 24upx;
             background-color: #fff;
             .l-content{
diff --git a/src/pages/course/class_list/class_list.vue b/src/pages/course/class_list/class_list.vue
index e84184d..1326fa8 100644
--- a/src/pages/course/class_list/class_list.vue
+++ b/src/pages/course/class_list/class_list.vue
@@ -19,7 +19,7 @@
                     <view hover-class="hover-active" @click="toStudentLst(e)">学员</view>
 
                     <block v-if="e.class_status == 1 || true">
-                        <view hover-class="hover-active">点名</view>
+                        <view hover-class="hover-active" @click="toRollCall(e)">点名</view>
                         <view hover-class="hover-active" @click="toTask(e)">作业</view>
                     </block>
 
@@ -47,6 +47,18 @@ export default {
         this.getClassList(_query.course_id)
     },
     methods: {
+        toRollCall(e){
+            return util.showNone('开发中');
+            console.warn(e);
+            let { optionsQuery } = this;
+            let _query = {
+                ...optionsQuery,
+                class_id: e.id,
+                class_name: e.class_name,
+            }
+            console.log(e,'eeeeee')
+            util.routeTo(`/pages/course/roll_call/roll_call?query=${util.jsonStr(_query)}`, 'nT');
+        },
         toTask(e){
             let { optionsQuery } = this;
             let _query = {
diff --git a/src/pages/course/roll_call/roll_call.vue b/src/pages/course/roll_call/roll_call.vue
index ce8418e..f3b5089 100644
--- a/src/pages/course/roll_call/roll_call.vue
+++ b/src/pages/course/roll_call/roll_call.vue
@@ -1,29 +1,31 @@
 <template>
     <view class="roll-call">
         <picker>
-            <view class="top-bar"><text>12</text></view>
+            <view class="top-bar"><text>{{optionsQuery.course_name || '-'}}</text></view>
         </picker>
-        <view class="rc-time">
+        <!-- <view class="rc-time">
             <view>课程时间:  2020/12/19    13:00~14:15</view>
             <view>5/2</view>
-        </view>
+        </view> -->
         <view class="rc-list">
-            <view class="rl-item" v-for="i in 10" :key="i">
-                <view class="ri-selected"></view>
-                <image class="ri-avatar"></image>
+            <view class="rl-item" v-for="(e, i) in studentList" :key="i">
+                <view class="ri-selected">
+                    <image mode="aspectFit" src="/static/images/selected_c97.png"></image>
+                </view>
+                <image class="ri-avatar" mode="aspectFit" :src="e.user_info.avatar_url"></image>
                 <view class="ri-content">
                     <view class="rc-info">
                         <view class="ri-name">
-                            <view>Adjoin</view>
-                            <image></image>
+                            <view>{{e.name || '-'}}</view>
+                            <image mode="aspectFit" :src="`/src/static/images/sex_${e.gender-1}.png`"></image>
                         </view>
                         <view class="ri-phone">
-                            <view>12345679083</view>
-                            <image></image>
+                            <view>{{e.mobile || '-'}}</view>
+                            <image mode="aspectFit" src="/static/images/phone_c33.png"></image>
                         </view>
                     </view>
                     <view class="rc-tip">
-                        <view>剩余次数: 10次</view>
+                        <view>剩余次数: {{e.number || 0}}次</view>
                         <view>未点名</view>
                     </view>
                 </view>
@@ -33,8 +35,55 @@
 </template>
 
 <script>
+import { API } from '../../../js/api'
+import { servers } from '../../../js/server'
+import util from '../../../utils/util'
 export default {
+    data(){
+        return {
+            optionsQuery: {},
+            studentList: [],
+        }
+    },
+    onLoad(options){
+        console.warn(util.jsonPar(options.query));
+        let _query = util.jsonPar(options.query) || {};
+        this.optionsQuery = _query;
+        this.getUserList({
+            course_id: _query.course_id,
+            class_id: _query.class_id,
+        })
+    },
+    methods: {
+        getUserList({
+            course_id,
+            class_id,
+            name= '',
+            mobile= '',
+            page= 1,
+            page_size= 15,
+        }){
+            servers.get({
+                url: API.course.getCourseStudentList,
+                data: {
+                    course_id,
+                    class_id, // 班级id，无班级传0
+                    name,
+                    mobile,
+                    page,
+                    page_size,
+                },
+                failMsg: '加载失败！'
+            })
+            .then(res=>{
+                let _list = res.list || [];
+                if(page == 1)return this.studentList  = _list;
+                if(_list.length <=0)return util.showNone('没有更多！');
+                this.studentList = [...this.studentList, ..._list];
 
+            })
+        },
+    }
 }
 </script>
 
@@ -77,7 +126,10 @@ export default {
             margin-right: 26upx;
             width: 40upx;
             height: 40upx;
-            background-color: skyblue;
+            >image{
+                width: 100%;
+                height: 100%;
+            }
         }
         .ri-avatar{
             flex-shrink: 0;
@@ -86,7 +138,6 @@ export default {
             width: 116upx;
             height: 116upx;
             border-radius: 50%;
-            background-color: skyblue;
         }
         .ri-content{
             flex-grow: 1;
@@ -108,7 +159,6 @@ export default {
                         margin-left: 12upx;
                         width: 36upx;
                         height: 36upx;
-                        background-color: skyblue;
                     }
                 }
                 .ri-phone{
diff --git a/src/pages/course/student_list/student_list.vue b/src/pages/course/student_list/student_list.vue
index f61ba87..840b7c8 100644
--- a/src/pages/course/student_list/student_list.vue
+++ b/src/pages/course/student_list/student_list.vue
@@ -15,7 +15,7 @@
                             </view>
                             <view class="si-phone">
                                 <view>{{e.mobile || '-'}}</view>
-                                <image mode="aspectFit" src="/static/images/phone_c33.png"></image>
+                                <image mode="aspectFit" src="/static/images/phone_c33.png" @click="phoneCall(e.mobile)"></image>
                             </view>
                         </view>
                         <view class="sc-lave">剩余次数: {{e.number || 0}}次</view>
@@ -62,6 +62,11 @@ export default {
         })
     },
     methods: {
+        phoneCall(num){
+            uni.makePhoneCall({
+                phoneNumber: num || '-'
+            })
+        },  
         toReview(e){
             let { optionsQuery } = this;
             let _query = { 
diff --git a/src/pages/course/task_finish/task_finish.vue b/src/pages/course/task_finish/task_finish.vue
index a49ab29..2743c76 100644
--- a/src/pages/course/task_finish/task_finish.vue
+++ b/src/pages/course/task_finish/task_finish.vue
@@ -62,12 +62,13 @@ export default {
     methods: {
         remindAll: util.debounce(function(){
             let { optionsQuery, finishList } = this;
-            console.warn(optionsQuery)
+            console.warn(optionsQuery, 'optionsQuery')
+            console.warn(finishList, 'finishList')
             servers.post({
                 url: API.course.homeworkRemind,
                 data: {
                     homework_id: optionsQuery.homework_id,
-                    homework_record_ids: finishList.map(e=>e.id),
+                    homework_record_ids: finishList.map(e=>e.record.id),
                 },
                 isDefaultGet: false,
             })
diff --git a/src/static/images/no_result.png b/src/static/images/no_result.png
new file mode 100644
index 0000000000000000000000000000000000000000..6fe895bb218d9d2129b61fa63bba2a8b91650363
GIT binary patch
literal 2137
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
AuK)l5

literal 0
HcmV?d00001

diff --git a/src/static/images/selected_c97.png b/src/static/images/selected_c97.png
new file mode 100644
index 0000000000000000000000000000000000000000..cacc64c7654046cbd01c23a535f88097b1902490
GIT binary patch
literal 497
zcmV<N0S^9&P)<h;3K|Lk000e1NJLTq001li001Zm0{{R3vdict0001BP)t-s0002=
z^!eZG?eg;S^z`}B=H=(^@$T^U@bdQa^Z4@e`SbJm^Yi%g^Z4`g`2d)7|Ns9Eo_rsr
zg{0Zd;PUQ`%)mynnt#Z+$>iah)5vndvDEJ9=k@Wi-_%vQqBN|K5O8=P0000FbW%=J
z0BZaaD*pQQ<GP}hcsx`yWZpOc00A*cL_t(I%bk_m&VwKjgbUWQmXnCu|M32A+1OGh
zph$GCH2FeiXP4#XD<gF|DQ%2aQ(2Sj7T3Kg=20*!G0sJEkDysg7fU*Rq3!PJeWif{
z*Hyn|2_4z4MoL1q%O#6Q=3Q`ZE?86|C!Sv_*?}bO!Dbcw?)$EgNvl~xx^=yvA_WWj
z?M}0>q?X1yE<_p@#m6<7<BXY%{hB}V)$u44=lstGQorF+9I<?{KFW6%(;+*2kDAsz
z9*RL?!%Fx2SnESa{(tx!W0_tn?2P;W<(#Vs%S`8B04iVs`!?iYX`h7+6bL$CQ6QoN
zJ@_o5LsLNeESiFLgAQ1<8-oNoWHCtF5tUE=l(7-r4!?{H|A}jL;=-O<1=p5LdVO7A
njOmqoeVM19iR%wg`e}Osl^jox!6YFl00000NkvXXu0mjfL@xQw

literal 0
HcmV?d00001