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

学员端

master
李双庆 1 year ago
parent
4f1ee87dca
commit
95783ba043
7 changed files with 597 additions and 185 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. 28
      pages.json
  2. 373
      pages/common/feedback.vue
  3. 158
      pages/student/my/lesson_consumption.vue
  4. 36
      pages/student/my/my.vue
  5. 158
      pages/student/my/my_members.vue
  6. 22
      pages/student/my/personal_data.vue
  7. 7
      pages/student/my/update_pass.vue

28
pages.json
View File

@ -117,6 +117,34 @@
"navigationBarTextStyle": "white" "navigationBarTextStyle": "white"
} }
}, },
{
"path" : "pages/student/my/lesson_consumption",
"style": {
"navigationBarTitleText": "课时消耗",
"navigationStyle": "default",
"navigationBarBackgroundColor": "#333333",
"navigationBarTextStyle": "white"
}
},
{
"path" : "pages/student/my/my_members",
"style": {
"navigationBarTitleText": "我的成员",
"navigationStyle": "default",
"navigationBarBackgroundColor": "#333333",
"navigationBarTextStyle": "white"
}
},
{
"path" : "pages/student/my/personal_data",
"style": {
"navigationBarTitleText": "个人资料",
"navigationStyle": "default",
"navigationBarBackgroundColor": "#333333",
"navigationBarTextStyle": "white"
}
},

373
pages/common/feedback.vue
View File

@ -1,189 +1,202 @@
<!--授课统计-详情--> <!--授课统计-详情-->
<template> <template>
<view class="main_box"> <view class="main_box">
<view class="main_section"> <view class="main_section">
<view class="section"> <view class="section">
<view class="text_input"> <view class="text_input">
<fui-textarea placeholder="请输入反馈内容"></fui-textarea> <fui-textarea placeholder="请输入反馈内容"></fui-textarea>
</view> </view>
</view> </view>
<view class="section"> <view class="section">
<view class="upload_box"> <view class="upload_box">
<view>上传图片</view> <view>上传图片</view>
<AQUplodeImgMulti :inputName="`images_arr`" :inputValue="formData.images_arr || []" @AQUploadSuccess="AQUploadSuccess"/> <AQUplodeImgMulti :inputName="`images_arr`" :inputValue="formData.images_arr || []"
</view> @AQUploadSuccess="AQUploadSuccess" />
</view> </view>
</view>
<view class="section">
<view class="input_box"> <view class="section">
<fui-input label="邮箱方式" borderTop placeholder="请输入邮箱"></fui-input> <view class="input_box">
</view> <fui-input label="邮箱方式" borderTop placeholder="请输入邮箱"></fui-input>
</view> </view>
</view>
<view class="btn">提交</view>
</view> <view class="describe">
</view> 反馈的相关问题会第一时间通过邮箱解答。
</view>
<view class="btn">提交</view>
</view>
</view>
</template> </template>
<script> <script>
import user from '@/api/user.js'; import user from '@/api/user.js';
import AQUplodeImgMulti from '@/components/AQ/AQUplodeImgMulti'; import AQUplodeImgMulti from '@/components/AQ/AQUplodeImgMulti';
import AQTabber from "@/components/AQ/AQTabber" import AQTabber from "@/components/AQ/AQTabber"
export default { export default {
components: { components: {
AQTabber, AQTabber,
AQUplodeImgMulti, AQUplodeImgMulti,
}, },
data() { data() {
return { return {
formData:{ formData: {
images_arr:[] images_arr: []
}, },
//课程下拉菜单相关 //课程下拉菜单相关
show_course:false,//是否显示下拉菜单 show_course: false, //是否显示下拉菜单
//课程下拉菜单 //课程下拉菜单
course_name:'课程',//选中的下拉菜单名称 course_name: '课程', //选中的下拉菜单名称
options_course: [ options_course: [{
{ text: '请选择课程',
text: '请选择课程', value: '',
value: '', checked: true
checked: true }, {
}, { text: '羽毛球课程1',
text: '羽毛球课程1', value: '1'
value: '1' }, {
}, { text: '篮球课程2',
text: '篮球课程2', value: '2'
value: '2' }],
}
], //课室下拉菜单相关
show_classroom: false, //是否显示下拉菜单
//课室下拉菜单相关 //课程下拉菜单
show_classroom:false,//是否显示下拉菜单 classroom_name: '课室', //选中的下拉菜单名称
//课程下拉菜单 options_classroom: [{
classroom_name:'课室',//选中的下拉菜单名称 text: '请选择课室',
options_classroom: [ value: '',
{ checked: true
text: '请选择课室', }, {
value: '', text: '羽毛球201',
checked: true value: '1'
}, { }, {
text: '羽毛球201', text: '篮球室101',
value: '1' value: '2'
}, { }],
text: '篮球室101', }
value: '2' },
} onLoad() {},
], methods: {
} //######AQ上传文件组件相关######
}, // 上传文件回调
onLoad() { AQUploadSuccess(res) {
}, console.log('接收AQ上传回调xxx1', res)
methods: { // 使用 split 方法分割字符串
//######AQ上传文件组件相关###### let _inputValue = []
// 上传文件回调 if (res.filePathArr.length) {
AQUploadSuccess(res){ _inputValue = res.filePathArr
console.log('接收AQ上传回调xxx1',res) }
// 使用 split 方法分割字符串 this.formData[res.inputName] = _inputValue
let _inputValue = [] // console.log('接收AQ上传回调xxx1',res)
if(res.filePathArr.length){ // console.log('接收AQ上传回调xxx2',this.formData.member_store_certification_arr)
_inputValue = res.filePathArr },
} }
this.formData[res.inputName]=_inputValue }
// console.log('接收AQ上传回调xxx1',res)
// console.log('接收AQ上传回调xxx2',this.formData.member_store_certification_arr)
},
}
}
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.main_box {
.main_box{ background: #292929;
background: #292929 ; }
}
//自定义导航栏
//自定义导航栏 .navbar_section {
.navbar_section{ display: flex;
display: flex; justify-content: center;
justify-content: center; align-items: center;
align-items: center; background: #29d3b4;
background: #29d3b4;
.title{ .title {
padding: 20rpx 0; padding: 20rpx 0;
font-size: 30rpx; font-size: 30rpx;
color: #315d55; color: #315d55;
} }
} }
.main_section{ .main_section {
min-height: 100vh; min-height: 100vh;
background: #292929 100%; background: #292929 100%;
padding: 0 0rpx; padding: 0 0rpx;
padding-top: 32rpx; padding-top: 32rpx;
padding-bottom: 150rpx; padding-bottom: 150rpx;
font-size: 28rpx; font-size: 28rpx;
color: #fff; color: #fff;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 20rpx; gap: 20rpx;
.section{ .section {
background-color: #434544; background-color: #434544;
padding: 40rpx 40rpx; padding: 40rpx 40rpx;
.text_input{
border: 1px solid #434544; .text_input {
background-color: #434544 !important; border: 1px solid #434544;
::v-deep .fui-textarea__wrap{ background-color: #434544 !important;
border: 1px solid #797979;
background-color: #434544 !important; ::v-deep .fui-textarea__wrap {
} border: 1px solid #797979;
::v-deep .fui-textarea__background{ background-color: #434544 !important;
border: 0; }
background-color: #434544 !important;
} ::v-deep .fui-textarea__background {
} border: 0;
.upload_box{ background-color: #434544 !important;
display: flex; }
flex-direction: column; }
gap: 20rpx;
} .upload_box {
.input_box{ display: flex;
padding: 0; flex-direction: column;
color: #fff; gap: 20rpx;
::v-deep .fui-input__wrap{ }
background: #434544 !important;
padding-left: 0 !important; .input_box {
} padding: 0;
::v-deep .fui-input__label{ color: #fff;
span{
color: #fff !important; ::v-deep .fui-input__wrap {
} background: #434544 !important;
} padding-left: 0 !important;
::v-deep .uni-input-input{ }
color: #fff;
} ::v-deep .fui-input__label {
::v-deep .fui-input__background{ span {
background: #434544 !important; color: #fff !important;
} }
} }
}
.btn{ ::v-deep .uni-input-input {
margin: 0 auto; color: #fff;
margin-top: 40rpx; }
border: 1px solid #25a18b;
color: #25a18b; ::v-deep .fui-input__background {
width: 80%; background: #434544 !important;
height: 80rpx; }
line-height: 80rpx; }
text-align: center; }
}
.btn {
} margin: 0 auto;
margin-top: 40rpx;
border: 1px solid #25a18b;
color: #25a18b;
width: 80%;
height: 80rpx;
line-height: 80rpx;
text-align: center;
}
}
.describe {
color: #999999;
padding-left: 30rpx;
}
</style> </style>

158
pages/student/my/lesson_consumption.vue
View File

@ -0,0 +1,158 @@
<template>
<view class="assemble">
<view style="height: 50rpx;"></view>
<view class="ul">
<view class="li">
<view class="left">
<view class="title">篮球少儿课</view>
<view class="date">上课时间：2020.05.30 15:30 - 17:30</view>
</view>
<view class="right">
<view class="btn" style="background-color: #29d3b4;">1课时</view>
</view>
</view>
<view class="li">
<view class="left">
<view class="title">篮球少儿课</view>
<view class="date">上课时间：2020.05.30 15:30 - 17:30</view>
</view>
<view class="right">
<view class="btn" style="background-color: #29d3b4;">1课时</view>
</view>
</view>
<view class="li">
<view class="left">
<view class="title">篮球少儿课</view>
<view class="date">上课时间：2020.05.30 15:30 - 17:30</view>
</view>
<view class="right">
<view class="btn" style="background-color: #29d3b4;">1课时</view>
</view>
</view>
<view class="li">
<view class="left">
<view class="title">篮球少儿课</view>
<view class="date">上课时间：2020.05.30 15:30 - 17:30</view>
</view>
<view class="right">
<view class="btn" style="background-color: #29d3b4;">1课时</view>
</view>
</view>
<view class="li">
<view class="left">
<view class="title">篮球少儿课</view>
<view class="date">上课时间：2020.05.30 15:30 - 17:30</view>
</view>
<view class="right">
<view class="btn" style="background-color: #29d3b4;">1课时</view>
</view>
</view>
<view class="li">
<view class="left">
<view class="title">篮球少儿课</view>
<view class="date">上课时间：2020.05.30 15:30 - 17:30</view>
</view>
<view class="right">
<view class="btn" style="background-color: #29d3b4;">1课时</view>
</view>
</view>
<view class="li">
<view class="left">
<view class="title">篮球少儿课</view>
<view class="date">上课时间：2020.05.30 15:30 - 17:30</view>
</view>
<view class="right">
<view class="btn" style="background-color: #29d3b4;">1课时</view>
</view>
</view>
<view class="li">
<view class="left">
<view class="title">篮球少儿课</view>
<view class="date">上课时间：2020.05.30 15:30 - 17:30</view>
</view>
<view class="right">
<view class="btn" style="background-color: #29d3b4;">1课时</view>
</view>
</view>
<view class="li">
<view class="left">
<view class="title">篮球少儿课</view>
<view class="date">上课时间：2020.05.30 15:30 - 17:30</view>
</view>
<view class="right">
<view class="btn" style="background-color: #29d3b4;">1课时</view>
</view>
</view>
<view class="li">
<view class="left">
<view class="title">篮球少儿课</view>
<view class="date">上课时间：2020.05.30 15:30 - 17:30</view>
</view>
<view class="right">
<view class="btn" style="background-color: #29d3b4;">1课时</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style lang="less" scoped>
.assemble {
width: 100%;
height: 100vh;
background: #333333;
overflow: auto;
}
.ul {
display: flex;
flex-direction: column;
gap: 12rpx;
background-color: #fff;
width: 90%;
margin: 0 auto 30rpx;
padding: 26rpx;
border-radius: 16rpx;
}
.li {
padding: 30rpx 20rpx;
border: 1px solid #29D3B4;
border-radius: 18rpx;
background-color: rgba(41, 211, 180, 0.16);
font-size: 26rpx;
display: flex;
justify-content: space-between;
align-items: center;
}
.left {
display: flex;
flex-direction: column;
gap: 15rpx;
}
.btn {
width: 110rpx;
height: 44rpx;
line-height: 44rpx;
border-radius: 8rpx;
background-color: rgba(41, 211, 180, 1);
color: rgba(255, 255, 255, 1);
font-size: 20rpx;
text-align: center;
}
</style>

36
pages/student/my/my.vue
View File

@ -5,7 +5,7 @@
<!--用户信息--> <!--用户信息-->
<view class="user_section"> <view class="user_section">
<view class="box"> <view class="box">
<view class="left"> <view class="left" @click="personal_data">
<image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image> <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<view class="name">包子皮</view> <view class="name">包子皮</view>
</view> </view>
@ -44,11 +44,11 @@
<view class="main_section"> <view class="main_section">
<view class="section_box"> <view class="section_box">
<view class="item" style="border-radius: 16rpx 16rpx 0 0;"> <view class="item" style="border-radius: 16rpx 16rpx 0 0;" @click="lesson_consumption">
<view>课时消耗</view> <view>课时消耗</view>
</view> </view>
<view class="item"> <view class="item" @click="my_members">
<view>我的成员</view> <view>我的成员</view>
<view></view> <view></view>
</view> </view>
@ -68,7 +68,7 @@
<view>负责人</view> <view>负责人</view>
<view></view> <view></view>
</view> </view>
<view class="item"> <view class="item" @click="feedback">
<view>意见反馈</view> <view>意见反馈</view>
<view></view> <view></view>
</view> </view>
@ -81,8 +81,12 @@
</template> </template>
<script> <script>
import AQTabber from "@/components/AQ/AQTabber.vue"
import user from '@/api/user.js'; import user from '@/api/user.js';
export default { export default {
components: {
AQTabber,
},
data() { data() {
return { return {
@ -96,6 +100,30 @@
url: '/pages/student/my/set_up' url: '/pages/student/my/set_up'
}) })
}, },
//意见反馈
feedback(){
uni.navigateTo({
url: '/pages/common/feedback'
})
},
//课时消耗
lesson_consumption(){
uni.navigateTo({
url: '/pages/student/my/lesson_consumption'
})
},
//我的成员
my_members(){
uni.navigateTo({
url: '/pages/student/my/my_members'
})
},
//人人资料
personal_data(){
uni.navigateTo({
url: '/pages/student/my/personal_data'
})
}
} }
} }
</script> </script>

158
pages/student/my/my_members.vue
View File

@ -0,0 +1,158 @@
<template>
<view class="assemble">
<view style="height: 50rpx;"></view>
<view class="ul">
<view class="li">
<view class="left">
<view class="title">智卓燕</view>
<view class="date">哥哥</view>
</view>
<view class="right">
<view class="btn" style="background-color: #29d3b4;">5课时</view>
</view>
</view>
<view class="li">
<view class="left">
<view class="title">智卓燕</view>
<view class="date">哥哥</view>
</view>
<view class="right">
<view class="btn" style="background-color: #29d3b4;">5课时</view>
</view>
</view>
<view class="li">
<view class="left">
<view class="title">智卓燕</view>
<view class="date">哥哥</view>
</view>
<view class="right">
<view class="btn" style="background-color: #29d3b4;">5课时</view>
</view>
</view>
<view class="li">
<view class="left">
<view class="title">智卓燕</view>
<view class="date">哥哥</view>
</view>
<view class="right">
<view class="btn" style="background-color: #29d3b4;">5课时</view>
</view>
</view>
<view class="li">
<view class="left">
<view class="title">智卓燕</view>
<view class="date">哥哥</view>
</view>
<view class="right">
<view class="btn" style="background-color: #29d3b4;">5课时</view>
</view>
</view>
<view class="li">
<view class="left">
<view class="title">智卓燕</view>
<view class="date">哥哥</view>
</view>
<view class="right">
<view class="btn" style="background-color: #29d3b4;">5课时</view>
</view>
</view>
<view class="li">
<view class="left">
<view class="title">智卓燕</view>
<view class="date">哥哥</view>
</view>
<view class="right">
<view class="btn" style="background-color: #29d3b4;">5课时</view>
</view>
</view>
<view class="li">
<view class="left">
<view class="title">智卓燕</view>
<view class="date">哥哥</view>
</view>
<view class="right">
<view class="btn" style="background-color: #29d3b4;">5课时</view>
</view>
</view>
<view class="li">
<view class="left">
<view class="title">智卓燕</view>
<view class="date">哥哥</view>
</view>
<view class="right">
<view class="btn" style="background-color: #29d3b4;">5课时</view>
</view>
</view>
<view class="li">
<view class="left">
<view class="title">智卓燕</view>
<view class="date">哥哥</view>
</view>
<view class="right">
<view class="btn" style="background-color: #29d3b4;">5课时</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style lang="less" scoped>
.assemble {
width: 100%;
height: 100vh;
background: #333333;
overflow: auto;
}
.ul {
display: flex;
flex-direction: column;
gap: 12rpx;
background-color: #fff;
width: 90%;
margin: 0 auto 30rpx;
padding: 26rpx;
border-radius: 16rpx;
}
.li {
padding: 30rpx 20rpx;
border: 1px solid #29D3B4;
border-radius: 18rpx;
background-color: rgba(41, 211, 180, 0.16);
font-size: 26rpx;
display: flex;
justify-content: space-between;
align-items: center;
}
.left {
display: flex;
flex-direction: column;
gap: 15rpx;
}
.btn {
width: 110rpx;
height: 44rpx;
line-height: 44rpx;
border-radius: 8rpx;
background-color: rgba(41, 211, 180, 1);
color: rgba(255, 255, 255, 1);
font-size: 20rpx;
text-align: center;
}
</style>

22
pages/student/my/personal_data.vue
View File

@ -0,0 +1,22 @@
<template>
<view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>

7
pages/student/my/update_pass.vue
View File

@ -61,7 +61,12 @@
}, },
nextStep(){ nextStep(){
this.tset_style = 2 this.tset_style = 2
} },
forgot() {
uni.navigateTo({
url: '/pages/student/login/forgot'
})
},
} }
} }
</script> </script>

Write Preview
Loading…
Cancel
Save