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. 111
      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"
}
},

111
pages/common/feedback.vue
View File

@ -12,7 +12,8 @@
<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 || []"
@AQUploadSuccess="AQUploadSuccess" />
</view> </view>
</view> </view>
@ -22,34 +23,37 @@
</view> </view>
</view> </view>
<view class="describe">
反馈的相关问题会第一时间通过邮箱解答。
</view>
<view class="btn">提交</view> <view class="btn">提交</view>
</view> </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
@ -59,15 +63,13 @@ export default {
}, { }, {
text: '篮球课程2', text: '篮球课程2',
value: '2' value: '2'
} }],
],
//课室下拉菜单相关 //课室下拉菜单相关
show_classroom:false,//是否显示下拉菜单 show_classroom: false, //是否显示下拉菜单
//课程下拉菜单 //课程下拉菜单
classroom_name:'课室',//选中的下拉菜单名称 classroom_name: '课室', //选中的下拉菜单名称
options_classroom: [ options_classroom: [{
{
text: '请选择课室', text: '请选择课室',
value: '', value: '',
checked: true checked: true
@ -77,50 +79,48 @@ export default {
}, { }, {
text: '篮球室101', text: '篮球室101',
value: '2' value: '2'
}],
} }
],
}
},
onLoad() {
}, },
onLoad() {},
methods: { methods: {
//######AQ上传文件组件相关###### //######AQ上传文件组件相关######
// 上传文件回调 // 上传文件回调
AQUploadSuccess(res){ AQUploadSuccess(res) {
console.log('接收AQ上传回调xxx1',res) console.log('接收AQ上传回调xxx1', res)
// 使用 split 方法分割字符串 // 使用 split 方法分割字符串
let _inputValue = [] let _inputValue = []
if(res.filePathArr.length){ if (res.filePathArr.length) {
_inputValue = res.filePathArr _inputValue = res.filePathArr
} }
this.formData[res.inputName]=_inputValue this.formData[res.inputName] = _inputValue
// console.log('接收AQ上传回调xxx1',res) // console.log('接收AQ上传回调xxx1',res)
// console.log('接收AQ上传回调xxx2',this.formData.member_store_certification_arr) // console.log('接收AQ上传回调xxx2',this.formData.member_store_certification_arr)
}, },
} }
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.main_box {
background: #292929;
}
.main_box{ //自定义导航栏
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;
@ -132,47 +132,57 @@ export default {
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{
.text_input {
border: 1px solid #434544; border: 1px solid #434544;
background-color: #434544 !important; background-color: #434544 !important;
::v-deep .fui-textarea__wrap{
::v-deep .fui-textarea__wrap {
border: 1px solid #797979; border: 1px solid #797979;
background-color: #434544 !important; background-color: #434544 !important;
} }
::v-deep .fui-textarea__background{
::v-deep .fui-textarea__background {
border: 0; border: 0;
background-color: #434544 !important; background-color: #434544 !important;
} }
} }
.upload_box{
.upload_box {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 20rpx; gap: 20rpx;
} }
.input_box{
.input_box {
padding: 0; padding: 0;
color: #fff; color: #fff;
::v-deep .fui-input__wrap{
::v-deep .fui-input__wrap {
background: #434544 !important; background: #434544 !important;
padding-left: 0 !important; padding-left: 0 !important;
} }
::v-deep .fui-input__label{
span{ ::v-deep .fui-input__label {
span {
color: #fff !important; color: #fff !important;
} }
} }
::v-deep .uni-input-input{
::v-deep .uni-input-input {
color: #fff; color: #fff;
} }
::v-deep .fui-input__background{
::v-deep .fui-input__background {
background: #434544 !important; background: #434544 !important;
} }
} }
} }
.btn{
.btn {
margin: 0 auto; margin: 0 auto;
margin-top: 40rpx; margin-top: 40rpx;
border: 1px solid #25a18b; border: 1px solid #25a18b;
@ -183,7 +193,10 @@ export default {
text-align: center; 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