APP
/
coach_assistant
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

add api

master
刘嘉炜 4 years ago
parent
1c06a0ad73
commit
51274bf749
6 changed files with 211 additions and 45 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. 5
      src/js/api.js
  2. 155
      src/pages/course/experience/experience.vue
  3. 6
      src/pages/course/list/list.vue
  4. 62
      src/pages/course/offer/offer.vue
  5. 24
      src/pages/course/offer_info/offer_info.vue
  6. 4
      src/pages/index/index.vue

5
src/js/api.js
View File

@ -35,6 +35,11 @@ API['course'] = {
homeworkRecordInfo: `${ORIGIN}/stadium/coach/homework/recordInfo`, // 小程序-作业完成详情 homeworkRecordInfo: `${ORIGIN}/stadium/coach/homework/recordInfo`, // 小程序-作业完成详情
homeworkAdd: `${ORIGIN}/stadium/coach/homework/add`, // 小程序-布置作业 homeworkAdd: `${ORIGIN}/stadium/coach/homework/add`, // 小程序-布置作业
// 体验课
getOfferPriceList: `${ORIGIN}/stadium/coach/getOfferPriceList`, // 小程序-体验课预约列表
offerExpBookingPrice: `${ORIGIN}/stadium/coach/offerExpBookingPrice`, // 体验课-报价 - 教练端
} }
API['approve'] = { API['approve'] = {

155
src/pages/course/experience/experience.vue
View File

@ -1,56 +1,70 @@
<template> <template>
<view class="course-experience"> <view class="course-experience">
<view class="e-tab"> <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><image></image><text>未报价</text></view> -->
</view> </view>
<view class="e-unfold"> <view class="e-unfold">
<!-- <view><text>全部展开</text><image></image></view> --> <!-- <view><text>全部展开</text><image></image></view> -->
</view> </view>
<view class="e-list"> <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="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>
<view class="i-info"> <view class="i-info">
<image></image>
<image mode="aspectFit" :src="e.user_info.avatar_url"></image>
<view> <view>
<view class="i-content"> <view class="i-content">
<view class="c-line"> <view class="c-line">
<text>昵称：</text>长大
<text>昵称：</text>{{e.user_info.nickname || '-'}}
</view> </view>
<view class="c-line"> <view class="c-line">
<text>学员姓名：</text>长大
<text>学员姓名：</text>{{e.name || '-'}}
</view> </view>
<view class="c-line"> <view class="c-line">
<text>性别：</text>长大
<text>性别：</text>{{e.gender || '-'}}
</view> </view>
<view class="c-line"> <view class="c-line">
<text>联系方式：</text>123456789789
<text>联系方式：</text>{{e.mobile || '-'}}
</view> </view>
</view> </view>
<view class="i-btns"> <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>
</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> -->
<!-- <view class="i-unfold"> <!-- <view class="i-unfold">
<text>展开</text> <text>展开</text>
<image></image> <image></image>
</view> --> </view> -->
</view> </view>
</view> </view>
<view class="e-fixed-bar">
<view class="e-fixed-bar" v-if="curTabInfo.status == 0">
<view class="fb-select"> <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> <text>全选</text>
</view> </view>
<view class="fb-btn" hover-class="hover-active">召开体验课</view> <view class="fb-btn" hover-class="hover-active">召开体验课</view>
@ -59,17 +73,96 @@
</template> </template>
<script> <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 { export default {
computed: {
isAllSelected(){
let { exList } = this;
if(exList.length<=0)return false;
return !exList.map(e=>(e._selectedStatus || false)).includes(false)
}
},
data(){ data(){
return { 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: { 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> </script>
@ -127,15 +220,21 @@ export default {
padding: 20upx; padding: 20upx;
border-radius: 10upx; border-radius: 10upx;
background-color: #fff; background-color: #fff;
border: 2upx solid $themeColor;
border: 2upx solid transparent;
&.border{
border-color: $themeColor;
}
.i-header{ .i-header{
@include centerFlex(flex-end); @include centerFlex(flex-end);
.h-icon{ .h-icon{
width: 36upx; width: 36upx;
height: 36upx; height: 36upx;
border: 2upx solid #9a9a9d;
border-radius: 50%; border-radius: 50%;
overflow: hidden;
&.border{
box-shadow: inset 0 0 0 2upx #9a9a9d;
}
>image{ >image{
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -248,7 +347,13 @@ export default {
width: 36upx; width: 36upx;
height: 36upx; height: 36upx;
border-radius: 50%; border-radius: 50%;
border: 2upx solid #9a9a9d;
&.border{
box-shadow: inset 0 0 0 2upx #9a9a9d;
}
>image{
width: 100%;
height: 100%;
}
} }
} }
.fb-btn{ .fb-btn{

6
src/pages/course/list/list.vue
View File

@ -32,7 +32,7 @@
</view> </view>
<view class="ei-line"><text>预约人数:</text>{{e.experience_person_number || 0}}</view> <view class="ei-line"><text>预约人数:</text>{{e.experience_person_number || 0}}</view>
<view class="ei-btns"> <view class="ei-btns">
<view hover-class="hover-active" @click="toExInfo">查看详情</view>
<view hover-class="hover-active" @click="toExInfo(e)">查看详情</view>
</view> </view>
</view> </view>
</block> </block>
@ -162,8 +162,8 @@ export default {
this.$nextTick(_=>this.$forceUpdate()); 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){ toClass(e){
console.warn(e); console.warn(e);

62
src/pages/course/offer/offer.vue
View File

@ -3,36 +3,36 @@
<view class="o-section"> <view class="o-section">
<view class="s-line"> <view class="s-line">
<view class="l-tit">课程名称: </view> <view class="l-tit">课程名称: </view>
<view class="l-txt">哈哈哈哈哈哈哈哈哈</view>
<view class="l-txt">{{optionsQuery.course_name || '-'}}</view>
</view> </view>
<view class="s-line"> <view class="s-line">
<view class="l-tit">上课用户: </view> <view class="l-tit">上课用户: </view>
<view class="l-txt">张三</view>
<view class="l-txt">{{optionsQuery.user_name || '-'}}</view>
</view> </view>
<view class="s-line"> <view class="s-line">
<view class="l-tit">课程次数: </view> <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>
<view class="s-line"> <view class="s-line">
<view class="l-tit">课程报价: </view> <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 class="l-txt">元</view>
</view> </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-modal">
<view class="m-tit">请确定课程报价信息</view> <view class="m-tit">请确定课程报价信息</view>
<view class="m-lines"> <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>
<view class="m-btns"> <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> </view>
</view> </view>
@ -40,8 +40,46 @@
</template> </template>
<script> <script>
import { API } from '../../../js/api';
import { servers } from '../../../js/server';
import util from '../../../utils/util'
export default { 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> </script>

24
src/pages/course/offer_info/offer_info.vue
View File

@ -1,15 +1,33 @@
<template> <template>
<view class="offer-info"> <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="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>
</view> </view>
</template> </template>
<script> <script>
import util from '../../../utils/util'
export default { export default {
data(){
return {
optionsQuery: {}
}
},
onLoad(options){
let _query = util.jsonPar(options.query);
this.optionsQuery = _query;
}
} }
</script> </script>

4
src/pages/index/index.vue
View File

@ -14,7 +14,7 @@
<view class="ih-tip">本月课时</view> <view class="ih-tip">本月课时</view>
<view class="ih-num">{{ course_times || 0 }}</view> <view class="ih-num">{{ course_times || 0 }}</view>
</view> </view>
<view class="ic-notice" @click="toNotice">
<!-- <view class="ic-notice" @click="toNotice">
<view class="in-left"> <view class="in-left">
<image mode="aspectFit" src="/static/images/index/notice_c874.png"></image> <image mode="aspectFit" src="/static/images/index/notice_c874.png"></image>
<text>欧轩智能场馆商家助手上线啦！</text> <text>欧轩智能场馆商家助手上线啦！</text>
@ -23,7 +23,7 @@
<view>99</view> <view>99</view>
<image mode="aspectFit" src="/static/images/arrow_cb2.png"></image> <image mode="aspectFit" src="/static/images/arrow_cb2.png"></image>
</view> </view>
</view>
</view> -->
<view class="ic-tab-section"> <view class="ic-tab-section">
<view class="its-item" v-for="(e, i) in tabInfoArr" :key="i" @click="tabClick(e)"> <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> <image mode="aspectFit" :src="`/static/images/index/i_${e.id}.png`"></image>

Write Preview
Loading…
Cancel
Save