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

feat(coach): 添加教练个人资料页面并更新我的页面路由 

- 在 pages/coach/my 目录下新增 info.vue 文件，实现个人资料页面功能
- 更新 pages.json 配置，添加新页面的路由信息
- 在我的页面添加跳转到个人资料页面的事件处理
master
liutong 1 year ago
parent
1007f68414
commit
2c385d73c6
3 changed files with 277 additions and 1 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 9
      pages.json
  2. 9
      pages/coach/my/index.vue
  3. 260
      pages/coach/my/info.vue

9
pages.json
View File

@ -239,6 +239,15 @@
"navigationBarBackgroundColor": "#292929",
"navigationBarTextStyle": "white"
}
},
{
"path": "pages/coach/my/info",
"style": {
"navigationBarTitleText": "个人资料",
"navigationStyle": "default",
"navigationBarBackgroundColor": "#292929",
"navigationBarTextStyle": "white"
}
}

9
pages/coach/my/index.vue
View File

@ -10,7 +10,7 @@
<!--用户信息-->
<view class="user_section">
<view class="box">
<view class="left">
<view class="left" @click="openViewMyInfo()">
<image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<view class="name">包子皮</view>
</view>
@ -138,6 +138,13 @@ export default {
url: '/pages/common/feedback'
})
},
//打开个人资料
openViewMyInfo(){
uni.navigateTo({
url: '/pages/coach/my/info'
})
}
}
}
</script>

260
pages/coach/my/info.vue
View File

@ -0,0 +1,260 @@
<!--授课统计-详情-->
<template>
<view class="main_box">
<view class="main_section">
<view class="section">
<view class="item">
<image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
<view class="btn">修改头像</view>
</view>
</view>
<view class="section">
<view class="item">
<view class="title">
姓名 <text class="required">*</text>
</view>
<view class="input">
<input placeholder="请输入" />
</view>
</view>
<view class="item">
<view class="title">
账号 <text class="required"></text>
</view>
<view class="input">
<input disabled placeholder="请输入" />
</view>
</view>
<view class="item">
<view class="title">
部门 <text class="required"></text>
</view>
<view class="input">
<input disabled placeholder="请选择" />
</view>
</view>
<view class="item">
<view class="title">
等级 <text class="required"></text>
</view>
<view class="input">
<input disabled placeholder="请输入" />
</view>
</view>
</view>
<view class="section">
<view class="item">
<view class="title">
性别 <text class="required">*</text>
</view>
<view class="input">
<input placeholder="请输入" />
<fui-picker :options="options" :show="show" @change="change" @cancel="cancel"></fui-picker>
</view>
</view>
<view class="item">
<view class="title">
生日 <text class="required">*</text>
</view>
<view class="input">
<input disabled placeholder="请输入" />
<fui-date-picker :show="show" type="3" @change="change" @cancel="cancel"></fui-date-picker>
</view>
</view>
<view class="item">
<view class="title">
邮箱 <text class="required">*</text>
</view>
<view class="input">
<input disabled placeholder="请选择" />
</view>
</view>
<view class="item">
<view class="title">
手机 <text class="required">*</text>
</view>
<view class="input">
<input disabled placeholder="请选择" />
</view>
</view>
<view class="item">
<view class="title">
微信 <text class="required"></text>
</view>
<view class="input">
<input disabled placeholder="请输入" />
</view>
</view>
</view>
<view class="submet_btn">提交</view>
</view>
</view>
</template>
<script>
import user from '@/api/user.js';
import AQUplodeImgMulti from '@/components/AQ/AQUplodeImgMulti';
import AQTabber from "@/components/AQ/AQTabber"
export default {
components: {
AQTabber,
AQUplodeImgMulti,
},
data() {
return {
formData:{
images_arr:[]
},
//课程下拉菜单相关
show_course:false,//是否显示下拉菜单
//课程下拉菜单
course_name:'课程',//选中的下拉菜单名称
options_course: [
{
text: '请选择课程',
value: '',
checked: true
}, {
text: '羽毛球课程1',
value: '1'
}, {
text: '篮球课程2',
value: '2'
}
],
//课室下拉菜单相关
show_classroom:false,//是否显示下拉菜单
//课程下拉菜单
classroom_name:'课室',//选中的下拉菜单名称
options_classroom: [
{
text: '请选择课室',
value: '',
checked: true
}, {
text: '羽毛球201',
value: '1'
}, {
text: '篮球室101',
value: '2'
}
],
}
},
onLoad() {
},
methods: {
//######AQ上传文件组件相关######
// 上传文件回调
AQUploadSuccess(res){
console.log('接收AQ上传回调xxx1',res)
// 使用 split 方法分割字符串
let _inputValue = []
if(res.filePathArr.length){
_inputValue = res.filePathArr
}
this.formData[res.inputName]=_inputValue
// console.log('接收AQ上传回调xxx1',res)
// console.log('接收AQ上传回调xxx2',this.formData.member_store_certification_arr)
},
}
}
</script>
<style lang="less" scoped>
.main_box{
background: #292929 ;
}
//自定义导航栏
.navbar_section{
display: flex;
justify-content: center;
align-items: center;
background: #29d3b4;
.title{
padding: 20rpx 0;
font-size: 30rpx;
color: #315d55;
}
}
.main_section{
min-height: 100vh;
background: #292929 100%;
padding: 0 0rpx;
padding-top: 32rpx;
padding-bottom: 150rpx;
font-size: 28rpx;
color: #fff;
display: flex;
flex-direction: column;
gap: 20rpx;
.section{
background-color: #434544;
.item{
padding: 20rpx 40rpx;
display: flex;
justify-content: space-between;
align-items: center;
.pic{
width: 82rpx;
height: 82rpx;
border-radius: 50%;
}
.btn{}
.title{
display: flex;
align-items: center;
font-size: 26rpx;
color: #D7D7D7;
.required{
margin-left: 10rpx;
color: red;
}
}
.input{
input{
text-align: right;
}
}
}
}
.submet_btn{
margin: 0 auto;
margin-top: 40rpx;
border: 2px solid #25a18b;
color: #25a18b;
width: 80%;
height: 80rpx;
font-size: 30rpx;
display: flex;
justify-content: center;
align-items: center;
}
}
</style>
Write Preview
Loading…
Cancel
Save