From 51274bf749f0bdaf1324f00801dd3bba5af7a521 Mon Sep 17 00:00:00 2001
From: "liujw155@outlook.com" <liujw155@outlook.com>
Date: Wed, 24 Feb 2021 18:10:39 +0800
Subject: [PATCH] add api

---
 src/js/api.js                              |   5 +
 src/pages/course/experience/experience.vue | 155 ++++++++++++++++++++++++-----
 src/pages/course/list/list.vue             |   6 +-
 src/pages/course/offer/offer.vue           |  62 +++++++++---
 src/pages/course/offer_info/offer_info.vue |  24 ++++-
 src/pages/index/index.vue                  |   4 +-
 6 files changed, 211 insertions(+), 45 deletions(-)

diff --git a/src/js/api.js b/src/js/api.js
index 8ca16a5..dbe4515 100644
--- a/src/js/api.js
+++ b/src/js/api.js
@@ -35,6 +35,11 @@ API['course'] = {
   homeworkRecordInfo: `${ORIGIN}/stadium/coach/homework/recordInfo`,  // 小程序-作业完成详情
 
   homeworkAdd: `${ORIGIN}/stadium/coach/homework/add`,  // 小程序-布置作业
+  
+  // 体验课
+  getOfferPriceList: `${ORIGIN}/stadium/coach/getOfferPriceList`,  // 小程序-体验课预约列表
+  offerExpBookingPrice: `${ORIGIN}/stadium/coach/offerExpBookingPrice`,  // 体验课-报价 - 教练端
+  
 }
 
 API['approve'] = {
diff --git a/src/pages/course/experience/experience.vue b/src/pages/course/experience/experience.vue
index e7d9758..36d8e4b 100644
--- a/src/pages/course/experience/experience.vue
+++ b/src/pages/course/experience/experience.vue
@@ -1,56 +1,70 @@
 <template>
     <view class="course-experience">
         <view class="e-tab">
-            <view><text>未报价</text></view>
-            <view class="active"><text>已报价</text></view>
+            <view 
+                v-for="(e, i) in tabArr" 
+                :key="i" 
+                :class="[e.id == curTabInfo.id?'active':'']"
+                @click="tabChange(e)"
+            ><text>{{e.name || '-'}}</text></view>
             <!-- <view><image></image><text>未报价</text></view> -->
         </view>
         <view class="e-unfold">
             <!-- <view><text>全部展开</text><image></image></view> -->
         </view>
         <view class="e-list">
-            <view class="l-item" v-for="i in 5" :key="i">
+            <view :class="['l-item', !e.is_offer_price&&e._selectedStatus?'border':'' ]" v-for="(e, i) in exList" :key="i" @click="itemSelect(i)">
                 <view class="i-header">
-                    <view class="h-icon" v-if="false"></view>
-                    <view class="h-status red" v-else>已支付</view>
+                    <view :class="['h-status', e.order_pay_status == 0?'red': '' ]" v-if="e.is_offer_price">
+                        {{
+                            e.order_pay_status == 0 ? '未支付':
+                            e.order_pay_status == 1 ? '已支付': ''
+                        }}
+                    </view>
+                    <view :class="['h-icon', !e._selectedStatus?'border':'']" v-else>
+                        <image v-if="e._selectedStatus" mode="aspectFit" src="/static/images/selected_c97.png"></image>
+                    </view>
                 </view>
                 <view class="i-info">
-                    <image></image>
+                    <image mode="aspectFit" :src="e.user_info.avatar_url"></image>
                     <view>
                         <view class="i-content">
                             <view class="c-line">
-                                <text>昵称：</text>长大
+                                <text>昵称：</text>{{e.user_info.nickname || '-'}}
                             </view>
                             <view class="c-line">
-                                <text>学员姓名：</text>长大
+                                <text>学员姓名：</text>{{e.name || '-'}}
                             </view>
                             <view class="c-line">
-                                <text>性别：</text>长大
+                                <text>性别：</text>{{e.gender || '-'}}
                             </view>
                             <view class="c-line">
-                                <text>联系方式：</text>123456789789
+                                <text>联系方式：</text>{{e.mobile || '-'}}
                             </view>
                         </view>
                         <view class="i-btns">
-                            <view v-if="true" hover-class="hover-active">报价</view>
-                            <view class="b-detail" hover-class="hover-active" v-else>详情</view>
+                            <view v-if="e.is_offer_price" class="b-detail" hover-class="hover-active" @click="toDetail(e)">详情</view>
+                            <view v-else hover-class="hover-active" @click.stop="toOffer(e)">报价</view>
                         </view>
                     </view>
                 </view>
-                <view class="i-list">
-                    <view class="l-line" v-for="j in 5" :key="j">
-                        <text>课程一：</text>羽毛球技能技巧大班大班大班大班大班
+                <!-- 20210224 pm: 没有，去了 -->
+                <!-- <view class="i-list">
+                    <view class="l-line" v-for="(k, j) in e.course" :key="j">
+                        <text>课程一：</text>{{k.name || '-'}}
                     </view>
-                </view>
+                </view> -->
                 <!-- <view class="i-unfold">
                     <text>展开</text>
                     <image></image>
                 </view> -->
             </view>
         </view>
-        <view class="e-fixed-bar">
+        <view class="e-fixed-bar" v-if="curTabInfo.status == 0">
             <view class="fb-select">
-                <view></view>
+                <view :class="[isAllSelected?'':'border']">
+                    <image v-if="isAllSelected" mode="aspectFit" src="/static/images/selected_c97.png"></image>
+                </view>
                 <text>全选</text>
             </view>
             <view class="fb-btn" hover-class="hover-active">召开体验课</view>
@@ -59,17 +73,96 @@
 </template>
 
 <script>
+import { API } from '../../../js/api'
+import { servers } from '../../../js/server'
+import util from '../../../utils/util'
+const tabArr = [
+    {
+        name: '未报价',
+        status: 0,
+        id: 1
+    },
+    {
+        name: '已报价',
+        status: 1,
+        id: 2
+    }
+]
 export default {
+    computed: {
+        isAllSelected(){
+            let { exList } = this;
+            if(exList.length<=0)return false;
+            return !exList.map(e=>(e._selectedStatus || false)).includes(false)
+        }
+    },
     data(){
         return {
-            
+            tabArr,
+            curTabInfo: { id: 1 },
+            exList: [],
+            course_id: '',
         }
     },  
-    onLoad(){
-
+    onLoad(options){
+        this.getCourseList({course_id: options.course_id});
+        this.course_id = options.course_id;
+        this.curTabInfo = tabArr[0];
     },
     methods: {
-
+        toDetail(e){
+            let _query = {
+                price: e.price || 0,
+                number: e.number || 0,
+                name: e.name,
+                course_name: e.course.name,
+                order_pay_status: e.order_pay_status 
+            }
+            util.routeTo(`/pages/course/offer_info/offer_info?query=${util.jsonStr(_query)}`, 'nT');
+        },
+        toOffer(e){
+            let _query = {
+                id: e.id,
+                course_name: e.course.name,
+                course_id: e.course.id,
+                user_name: e.name,
+                user_id: e.user_id,
+            }
+            util.routeTo(`/pages/course/offer/offer?query=${util.jsonStr(_query)}`, 'nT');
+        },
+        itemSelect(i){
+            let _exList = [...this.exList];
+            if(_exList[i].is_offer_price)return
+            _exList[i]._selectedStatus = !_exList[i]._selectedStatus;         
+            this.exList = [..._exList];
+        },
+        tabChange: util.debounce(function(e){
+            let { course_id } = this;
+            this.curTabInfo = e;
+            this.getCourseList({
+                is_offer_price: e.status,
+                course_id
+            })
+        }, 300, 300),
+        getCourseList({
+            course_id = '',
+            is_offer_price = 0,
+        }){
+            util.showLoad();
+            servers.get({
+                url: API.course.getOfferPriceList,
+                data: {
+                    course_id,
+                    is_offer_price,
+                },
+                failMsg: '加载失败！'
+            })
+            .then(res=>{
+                util.hideLoad();
+                let _list = res.list || [];
+                this.exList = _list;
+            })
+        }
     }
 }
 </script>
@@ -127,15 +220,21 @@ export default {
             padding: 20upx;
             border-radius: 10upx;
             background-color: #fff;
-            border: 2upx solid $themeColor;
+            border: 2upx solid transparent;
+            &.border{
+                border-color: $themeColor;
+            }
             .i-header{
                 @include centerFlex(flex-end);
 
                 .h-icon{
                     width: 36upx;
                     height: 36upx;
-                    border: 2upx solid #9a9a9d;
                     border-radius: 50%;
+                    overflow: hidden;
+                    &.border{
+                        box-shadow: inset 0 0 0 2upx #9a9a9d;
+                    }
                     >image{
                         width: 100%;
                         height: 100%;
@@ -248,7 +347,13 @@ export default {
                 width: 36upx;
                 height: 36upx;
                 border-radius: 50%;
-                border: 2upx solid #9a9a9d;
+                &.border{
+                    box-shadow: inset 0 0 0 2upx #9a9a9d;
+                }
+                >image{
+                    width: 100%;
+                    height: 100%;
+                }
             }
         }
         .fb-btn{
diff --git a/src/pages/course/list/list.vue b/src/pages/course/list/list.vue
index abdd679..263d977 100644
--- a/src/pages/course/list/list.vue
+++ b/src/pages/course/list/list.vue
@@ -32,7 +32,7 @@
                     </view>
                     <view class="ei-line"><text>预约人数:</text>{{e.experience_person_number || 0}}</view>
                     <view class="ei-btns">
-                        <view hover-class="hover-active" @click="toExInfo">查看详情</view>
+                        <view hover-class="hover-active" @click="toExInfo(e)">查看详情</view>
                     </view>
                 </view>
             </block>
@@ -162,8 +162,8 @@ export default {
             this.$nextTick(_=>this.$forceUpdate());
         },
         // 体验
-        toExInfo(){
-            util.routeTo(`/pages/course/experience/experience`, 'nT');
+        toExInfo(e){
+            util.routeTo(`/pages/course/experience/experience?course_id=${e.id}`, 'nT');
         },
         toClass(e){
             console.warn(e);
diff --git a/src/pages/course/offer/offer.vue b/src/pages/course/offer/offer.vue
index 782a4b3..03643ac 100644
--- a/src/pages/course/offer/offer.vue
+++ b/src/pages/course/offer/offer.vue
@@ -3,36 +3,36 @@
         <view class="o-section">
             <view class="s-line">
                 <view class="l-tit">课程名称: </view>
-                <view class="l-txt">哈哈哈哈哈哈哈哈哈</view>
+                <view class="l-txt">{{optionsQuery.course_name || '-'}}</view>
             </view>
             <view class="s-line">
                 <view class="l-tit">上课用户: </view>
-                <view class="l-txt">张三</view>
+                <view class="l-txt">{{optionsQuery.user_name || '-'}}</view>
             </view>
             <view class="s-line">
                 <view class="l-tit">课程次数: </view>
-                <view class="l-frame"><input value="12222" /></view>
+                <view class="l-frame"><input type="number" v-model="courseNumber" /></view>
             </view>
             <view class="s-line">
                 <view class="l-tit">课程报价: </view>
-                <view class="l-frame"><input value="12222" /></view>
+                <view class="l-frame"><input type="number" v-model="coursePrice" /></view>
                 <view class="l-txt">元</view>
             </view>
         </view>
-        <view class="fixed-bot-btn"><view hover-class="hover-active">确定</view></view>
+        <view class="fixed-bot-btn"><view hover-class="hover-active" @click="isShowConfirmModal=true">确定</view></view>
 
-        <view class="o-mask">
+        <view class="o-mask" v-if="isShowConfirmModal">
             <view class="m-modal">
                 <view class="m-tit">请确定课程报价信息</view>
                 <view class="m-lines">
-                    <view><text>课程名称:</text>羽毛球课程羽毛球课程(包学会)</view>
-                    <view><text>上课用户:</text>羽毛球课程羽毛球课程(包学会)</view>
-                    <view><text>课程次数:</text>羽毛球课程羽毛球课程(包学会)</view>
-                    <view><text>课程报价:</text>羽毛球课程羽毛球课程(包学会)</view>
+                    <view><text>课程名称:</text>{{optionsQuery.course_name || '-'}}</view>
+                    <view><text>上课用户:</text>{{optionsQuery.user_name || '-'}}</view>
+                    <view><text>课程次数:</text>{{courseNumber || '-'}}</view>
+                    <view><text>课程报价:</text>{{coursePrice || '-'}}</view>
                 </view>
                 <view class="m-btns">
-                    <view hover-class="hover-active">取消</view>
-                    <view hover-class="hover-active">提交</view>
+                    <view hover-class="hover-active" @click="isShowConfirmModal = false">取消</view>
+                    <view hover-class="hover-active" @click="submitBtn">提交</view>
                 </view>
             </view>
         </view>
@@ -40,8 +40,46 @@
 </template>
 
 <script>
+import { API } from '../../../js/api';
+import { servers } from '../../../js/server';
+import util from '../../../utils/util'
 export default {
+    data(){
+        return {
+            courseNumber: 1,
+            coursePrice: 1,
+            optionsQuery: {},
+            isShowConfirmModal: false,
+        }
+    },
+    onLoad(options){
+        let _query = util.jsonPar(options.query);
+        this.optionsQuery = _query;
+    },
+    methods: {
+        submitBtn: util.debounce(function(){
+            let { optionsQuery, courseNumber, coursePrice } = this;
+            console.warn(optionsQuery, courseNumber, coursePrice);
+            servers.post({
+                url: API.course.offerExpBookingPrice,
+                data: {
+                    id: optionsQuery.id,
+                    price: coursePrice,
+                    number: courseNumber
+                },
+                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),
+    }   
 }
 </script>
 
diff --git a/src/pages/course/offer_info/offer_info.vue b/src/pages/course/offer_info/offer_info.vue
index 4b2c3da..a08e6ab 100644
--- a/src/pages/course/offer_info/offer_info.vue
+++ b/src/pages/course/offer_info/offer_info.vue
@@ -1,15 +1,33 @@
 <template>
     <view class="offer-info">
-        <view class="i-status i-active">等待客户支付</view>
+        <view :class="['i-status', optionsQuery.order_pay_status == 1?'i-active':'']">
+            {{
+                optionsQuery.order_pay_status == 0? '等待客户支付':
+                optionsQuery.order_pay_status == 1? '客户已支付': ''
+
+            }}
+        </view>
         <view class="i-setion">
-            <view class="s-line" v-for="i in 5" :key="i"><text>课程名称：</text>羽毛球必杀训练课</view>
+            <view class="s-line"><text>课程名称：</text>{{optionsQuery.course_name || '-'}}</view>
+            <view class="s-line"><text>上课用户：</text>{{optionsQuery.name || '-'}}</view>
+            <view class="s-line"><text>课程次数：</text>{{optionsQuery.number || '-'}}</view>
+            <view class="s-line"><text>课程报价：</text>{{optionsQuery.price || '-'}}</view>
         </view>
     </view>
 </template>
 
 <script>
+import util from '../../../utils/util'
 export default {
-
+    data(){
+        return {
+            optionsQuery: {}
+        }
+    },
+    onLoad(options){
+        let _query = util.jsonPar(options.query);
+        this.optionsQuery = _query;
+    }
 }
 </script>
 
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 1cac65d..243c04c 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -14,7 +14,7 @@
 			<view class="ih-tip">本月课时</view>
 			<view class="ih-num">{{ course_times || 0 }}</view>
 		</view>
-		<view class="ic-notice" @click="toNotice">
+		<!-- <view class="ic-notice" @click="toNotice">
 			<view class="in-left">
 				<image mode="aspectFit" src="/static/images/index/notice_c874.png"></image>
 				<text>欧轩智能场馆商家助手上线啦！</text>
@@ -23,7 +23,7 @@
 				<view>99</view>
 				<image mode="aspectFit" src="/static/images/arrow_cb2.png"></image>
 			</view>
-		</view>
+		</view> -->
 		<view class="ic-tab-section">
 			<view class="its-item" v-for="(e, i) in tabInfoArr" :key="i" @click="tabClick(e)">
 				<image mode="aspectFit" :src="`/static/images/index/i_${e.id}.png`"></image>