From 015b5e6c43a7983adb549b87e5c6cc9a75dd4c8e Mon Sep 17 00:00:00 2001
From: LLL <15374889135@163.com>
Date: Fri, 21 Mar 2025 18:46:03 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AD=A6=E5=91=98=E7=AB=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/member.js                      |   7 +
 pages/student/index/index.vue      |  21 +-
 pages/student/my/my.vue            |   8 +-
 pages/student/my/personal_data.vue | 744 +++++++++++++++--------------
 pages/student/my/update_pass.vue   |   9 +-
 5 files changed, 417 insertions(+), 372 deletions(-)

diff --git a/api/member.js b/api/member.js
index 394169d..a9f7e9b 100644
--- a/api/member.js
+++ b/api/member.js
@@ -35,4 +35,11 @@ export default {
 			return res;
 		})
 	},
+	//修改学员信息
+	member_edit(data) {
+		let url = '/member/member_edit'
+		return http.post(url,data).then(res => {
+			return res;
+		})
+	},
 }
\ No newline at end of file
diff --git a/pages/student/index/index.vue b/pages/student/index/index.vue
index 6fbca21..4dfb1bb 100644
--- a/pages/student/index/index.vue
+++ b/pages/student/index/index.vue
@@ -5,9 +5,8 @@
 		</view>
 		<view class="head">
 			<view class="head-img">
-				<fui-avatar width="136"
-					src="https://img1.baidu.com/it/u=3598104138,3632108415&fm=253&fmt=auto&app=120&f=JPEG?w=800&h=800"></fui-avatar>
-				<view class="head-text">智卓燕</view>
+				<fui-avatar width="136" :src="$util.img(member_info.headimg)"></fui-avatar>
+				<view class="head-text">{{member_info.name}}</view>
 			</view>
 		</view>
 		<view class="card">
@@ -111,7 +110,7 @@
 </template>
 
 <script>
-	// import user from '@/api/user.js';
+	import member from '@/api/member.js';
 	import AQTabber from "@/components/AQ/AQTabber.vue"
 	export default {
 		components: {
@@ -119,13 +118,23 @@
 		},
 		data() {
 			return {
-
+				member_info: [],
 			}
 		},
 		onLoad() {
-
+			this.member_init()
 		},
 		methods: {
+			//获取学员信息
+			member_init() {
+				member.member().then(res => {
+					if(res.code == 1){
+						this.member_info = res.data
+					}else{
+						this.member_info = []
+					}					
+				})
+			},
 			details() {
 				uni.navigateTo({
 					url: '/pages/student/index/work_details'
diff --git a/pages/student/my/my.vue b/pages/student/my/my.vue
index 93cd207..9a7d8d2 100644
--- a/pages/student/my/my.vue
+++ b/pages/student/my/my.vue
@@ -9,7 +9,7 @@
 			<view class="user_section">
 				<view class="box">
 					<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="$util.img(member_info.headimg)"></image>
 						<view class="name">{{member_info.name}}</view>
 					</view>
 					<view class="right" @click="setup">
@@ -24,15 +24,15 @@
 					<view class="course_box">
 						<view class="top">
 							<view class="item">
-								<view class="num">123</view>
+								<view class="num">{{member_info.classes_count}}</view>
 								<view class="intro">我的课程</view>
 							</view>
 							<view class="item">
-								<view class="num">45</view>
+								<view class="num">{{member_info.sign_count}}</view>
 								<view class="intro">已上课时</view>
 							</view>
 							<view class="item">
-								<view class="num">45</view>
+								<view class="num">{{member_info.stay_sign_count}}</view>
 								<view class="intro">待上课时
 								</view>
 							</view>
diff --git a/pages/student/my/personal_data.vue b/pages/student/my/personal_data.vue
index 9da9c03..97452e2 100644
--- a/pages/student/my/personal_data.vue
+++ b/pages/student/my/personal_data.vue
@@ -1,365 +1,397 @@
 <!--授课统计-详情-->
 <template>
-  <view class="main_box">
-
-    <view class="main_section">
-      <view class="section">
-        <view class="item">
-          <image @click="changeAvatar()" class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
-          <view class="btn" @click="changeAvatar()">修改头像</view>
-        </view>
-      </view>
-
-      <view class="section">
-        <view class="item">
-          <view class="title">
-            姓名 <text class="required">*</text>
-          </view>
-          <view class="input">
-            <input v-model="formData.name" 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="请选择性别" v-model="sex_name" @click="picker_show_sex=true"/>
-            <fui-picker
-                layer="1"
-                :linkage="true"
-                :options="options_sex_arr"
-                :show="picker_show_sex"
-                @change="changePickerSex"
-                @cancel="picker_sex_show=false"
-            ></fui-picker>
-          </view>
-        </view>
-
-        <view class="item">
-          <view class="title">
-            生日 <text class="required">*</text>
-          </view>
-          <view class="input">
-            <input  placeholder="请选择生日" @click="picker_show_birthday=true" v-model="formData.birthday"/>
-            <fui-date-picker
-                :minDate="minDate"
-                :maxDate="maxDate"
-                :show="picker_show_birthday"
-                type="3"
-                @change="changePickerBirthday"
-                @cancel="picker_show_birthday=false"
-            ></fui-date-picker>
-          </view>
-        </view>
-
-        <view class="item">
-          <view class="title">
-            邮箱 <text class="required">*</text>
-          </view>
-          <view class="input">
-            <input v-model="formData.email" placeholder="请输入邮箱" />
-          </view>
-        </view>
-
-        <view class="item">
-          <view class="title">
-            手机 <text class="required">*</text>
-          </view>
-          <view class="input">
-            <input v-model="formData.tel" placeholder="请输入手机" />
-          </view>
-        </view>
-
-        <view class="item">
-          <view class="title">
-            微信 <text class="required"></text>
-          </view>
-          <view class="input">
-            <input v-model="formData.wx" placeholder="请输入微信" />
-          </view>
-        </view>
-      </view>
-
-      <view class="submet_btn">提交</view>
-    </view>
-  </view>
+	<view class="main_box">
+
+		<view class="main_section">
+			<view class="section">
+				<view class="item">
+					<image @click="changeAvatar()" class="pic" :src="$util.img(formData.headimg)" v-if="upload_type == 1">
+					<image @click="changeAvatar()" class="pic" :src="uploadHeadimg" v-else>
+					</image>
+					<view class="btn" @click="changeAvatar()">修改头像</view>
+				</view>
+			</view>
+
+			<view class="section">
+				<view class="item">
+					<view class="title">
+						学员姓名 <text class="required">*</text>
+					</view>
+					<view class="input">
+						<input v-model="formData.name" placeholder="请输入姓名"/>
+					</view>
+				</view>
+
+				<view class="item">
+					<view class="title">
+						账号 <text class="required"></text>
+					</view>
+					<view class="input">
+						<input disabled placeholder="暂无" v-model="formData.username"/>
+					</view>
+				</view>
+
+				<view class="item">
+					<view class="title">
+						住址 <text class="required"></text>
+					</view>
+					<view class="input">
+						<input placeholder="暂无" v-model="formData.address"/>
+					</view>
+				</view>
+
+				<view class="item">
+					<view class="title">
+						课程 <text class="required"></text>
+					</view>
+					<view class="input">
+						<input disabled placeholder="暂无" :value="formData.classes_list"/>
+					</view>
+				</view>
+			</view>
+
+			<view class="section">
+				<view class="item">
+					<view class="title">
+						性别 <text class="required">*</text>
+					</view>
+					<view class="input">
+						<input placeholder="请选择性别" v-model="sex_name" @click="picker_show_sex=true" />
+						<fui-picker layer="1" :linkage="true" :options="options_sex_arr" :show="picker_show_sex"
+							@change="changePickerSex" @cancel="picker_sex_show=false"></fui-picker>
+					</view>
+				</view>
+
+				<view class="item">
+					<view class="title">
+						生日 <text class="required">*</text>
+					</view>
+					<view class="input">
+						<input placeholder="请选择生日" @click="picker_show_birthday=true" v-model="formData.birthday" />
+						<fui-date-picker :minDate="minDate" :maxDate="maxDate" :show="picker_show_birthday" type="3"
+							@change="changePickerBirthday" @cancel="picker_show_birthday=false"></fui-date-picker>
+					</view>
+				</view>
+			</view>
+
+			<view class="section">
+				<view class="item">
+					<view class="title">
+						邮箱 <text class="required">*</text>
+					</view>
+					<view class="input">
+						<input v-model="formData.email" placeholder="请输入邮箱" />
+					</view>
+				</view>
+
+				<view class="item">
+					<view class="title">
+						手机 <text class="required">*</text>
+					</view>
+					<view class="input">
+						<input v-model="formData.mobile" placeholder="请输入手机" />
+					</view>
+				</view>
+			</view>
+
+
+			<view class="submet_btn" @click="submit">提交</view>
+		</view>
+	</view>
 </template>
 
 <script>
-// import user from '@/api/user.js';
-import {Api_url} from "@/common/config.js";
-import AQTabber from "@/components/AQ/AQTabber"
-
-
-export default {
-  components: {
-    AQTabber,
-  },
-  data() {
-    return {
-      formData:{
-        images_arr:[],
-        name:'',//姓名
-        email:'',//邮箱
-        tel:'',//手机
-        wx:'',//微信
-        sex:'',//性别
-        birthday:'',//生日
-      }, 
-
-      //上传图片APi路径
-      uploadUrl: `${Api_url}/salesmanapi/common/uploadFile`,
-
-      //性别选择器 相关
-      picker_show_sex: false,
-      sex_name:'请选择',
-      options_sex_arr:[
-        { value: 1, text: '男' },
-        { value: 2, text: '女' },
-      ],
-
-      //生日选择器相关
-      minDate:'',
-      maxDate:'',
-      picker_show_birthday:false,
-    }
-  },
-  onLoad() {
-  },
-  onShow() {
-    this.init()
-  },
-  methods: {
-
-    async init(){
-      this.getBirthday()
-    },
-
-    // 修改头像按钮
-    changeAvatar() {
-      uni.chooseImage({
-        count: 1,
-        sizeType: ['compressed'],
-        sourceType: ['album', 'camera'],
-        success: (res) => {
-          const tempFilePath = res.tempFilePaths[0]
-          // 这里可以调用上传接口
-          this.uploadFilePromise(tempFilePath)
-        }
-      })
-    },
-    async uploadFilePromise(url) {
-      console.log('AQ',this.uploadUrl,url)
-      return new Promise((resolve, reject) => {
-        let a = uni.uploadFile({
-          url: this.uploadUrl, // 仅为示例，非真实的接口地址
-          filePath: url,
-          name: "file",
-          formData: {
-            token: this.$store.state.token,
-          },
-          success: (e) => {
-            console.log('上传成功1',e)
-            let res = JSON.parse(e.data.replace(/\ufeff/g, "") || "{}")
-            console.log('上传成功2',res)
-            if (res.code >= 0){
-              this.userInfo.pic = res.data.pic_path
-              this.editPic(res.data.pic_path)
-            }else{
-              this.$util.showToast({
-                title: res.message
-              });
-            }
-            setTimeout(() => {
-              resolve(res.data.data);
-            }, 1000);
-          },
-        });
-      });
-    },
-    //修改头像Api
-    async editPic(pic) {
-      let res = await salesmanApi.editPic({pic: pic})
-      if (res.code >= 0) {
-        this.$util.showToast({
-          title: '修改成功'
-        })
-      } else {
-        this.$util.showToast({
-          title: res.message
-        })
-      }
-    },
-
-    //性别选择相关
-    changePickerSex(e){
-      console.log('监听选择',e)
-      this.sex_name = e.text
-      this.formData.sex = e.value
-      this.picker_show_sex = false
-    },
-
-    //生日选择相关
-    //获取当前年月日+获取30年前的日期
-    getBirthday(){
-      let date = new Date();
-      let year = date.getFullYear();
-      let month = date.getMonth() + 1;
-      let day = date.getDate();
-      let year_30 = year - 30;
-      let month_30 = month;
-      let day_30 = day;
-      if (month_30 == 2 && day_30 > 28) {
-        month_30 = 3;
-        day_30 = 1;
-      }
-      if (month_30 == 4 && day_30 > 30) {
-        month_30 = 5;
-        day_30 = 1;
-      }
-      if (month_30 == 6 && day_30 > 30) {
-        month_30 = 7;
-        day_30 = 1;
-      }
-      if (month_30 == 9 && day_30 > 30) {
-        month_30 = 10;
-        day_30 = 1;
-      }
-      if (month_30 == 11 && day_30 > 30) {
-        month_30 = 12;
-        day_30 = 1;
-      }
-      if (month_30 > 12) {
-        month_30 = month_30 - 12;
-        year_30 = year_30 + 1;
-      }
-      let minDate = year_30 + "-" + month_30 + "-" + day_30
-      let maxDate =  year + "-" + month + "-" + day
-      this.minDate = minDate
-      this.maxDate = maxDate
-    },
-
-    //监听生日选择
-    changePickerBirthday(e){
-      console.log('监听生日选择',e)
-      this.formData.birthday = e.result
-      this.picker_show_birthday = false
-    },
-
-  }
-}
+	import member from '@/api/member.js';
+	import {
+		Api_url
+	} from "@/common/config.js";
+	import AQTabber from "@/components/AQ/AQTabber"
+
+
+	export default {
+		components: {
+			AQTabber,
+		},
+		data() {
+			return {
+				member_info: [],
+				formData: {
+					images_arr: [],
+					name: '', //姓名
+					email: '', //邮箱
+					tel: '', //手机
+					wx: '', //微信
+					sex: '', //性别
+					birthday: '', //生日
+				},
+
+				//上传图片APi路径
+				uploadUrl: `${Api_url}/file/image`,
+
+				//性别选择器 相关
+				picker_show_sex: false,
+				sex_name: '请选择',
+				options_sex_arr: [{
+						value: 0,
+						text: '保密'
+					},{
+						value: 1,
+						text: '男'
+					},
+					{
+						value: 2,
+						text: '女'
+					},
+				],
+
+				//生日选择器相关
+				minDate: '',
+				maxDate: '',
+				picker_show_birthday: false,
+				upload_type: 1,
+				uploadHeadimg: '',
+			}
+		},
+		onLoad() {},
+		onShow() {
+			this.init()
+			this.member_init()
+		},
+		methods: {
+
+			async init() {
+				this.getBirthday()
+			},
+			
+			//获取学员信息
+			member_init() {
+				member.member().then(res => {
+					if(res.code == 1){
+						this.member_info = res.data
+						this.formData = {...this.member_info}
+						if(res.data.sex == 0){
+							this.sex_name = '保密'
+						}else if(this.formData.sex == 1){
+							this.sex_name = '男'
+						}else if(this.formData.sex == 2){
+							this.sex_name = '女'
+						}
+					}else{
+						this.member_info = []
+					}					
+				})
+			},
+
+			// 修改头像按钮
+			changeAvatar() {
+				uni.chooseImage({
+					count: 1,
+					sizeType: ['compressed'],
+					sourceType: ['album', 'camera'],
+					success: (res) => {
+						const tempFilePath = res.tempFilePaths[0]
+						// 这里可以调用上传接口
+						this.uploadFilePromise(tempFilePath)
+					}
+				})
+			},
+			async uploadFilePromise(url) {
+				let token = uni.getStorageSync('token') || ''
+				console.log(token,'AQ', this.uploadUrl, this.$store.state.token)
+				return new Promise((resolve, reject) => {
+					let a = uni.uploadFile({
+						url: this.uploadUrl, //仅为示例，非真实的接口地址
+						filePath: url,
+						name: 'file',
+						header: {
+						  'token': `${token}`,//请求头设置token
+						},
+						success: (e) => {
+							let res = JSON.parse(e.data.replace(/\ufeff/g, "") || "{}")
+							console.log('上传成功2', res)
+							if (res.code == 1) {
+								this.upload_type = 2
+								this.formData.headimg = res.data.path
+								this.uploadHeadimg = res.data.url
+							} else {
+								uni.showToast({
+									title: res.msg,
+									icon: 'none'
+								})
+							}
+							setTimeout(() => {
+								resolve(res.data);
+							}, 1000);
+						},
+					});
+				});
+			},
+			//性别选择相关
+			changePickerSex(e) {
+				console.log('监听选择', e)
+				this.sex_name = e.text
+				this.formData.sex = e.value
+				this.picker_show_sex = false
+			},
+
+			//生日选择相关
+			//获取当前年月日+获取30年前的日期
+			getBirthday() {
+				let date = new Date();
+				let year = date.getFullYear();
+				let month = date.getMonth() + 1;
+				let day = date.getDate();
+				let year_30 = year - 30;
+				let month_30 = month;
+				let day_30 = day;
+				if (month_30 == 2 && day_30 > 28) {
+					month_30 = 3;
+					day_30 = 1;
+				}
+				if (month_30 == 4 && day_30 > 30) {
+					month_30 = 5;
+					day_30 = 1;
+				}
+				if (month_30 == 6 && day_30 > 30) {
+					month_30 = 7;
+					day_30 = 1;
+				}
+				if (month_30 == 9 && day_30 > 30) {
+					month_30 = 10;
+					day_30 = 1;
+				}
+				if (month_30 == 11 && day_30 > 30) {
+					month_30 = 12;
+					day_30 = 1;
+				}
+				if (month_30 > 12) {
+					month_30 = month_30 - 12;
+					year_30 = year_30 + 1;
+				}
+				let minDate = year_30 + "-" + month_30 + "-" + day_30
+				let maxDate = year + "-" + month + "-" + day
+				this.minDate = minDate
+				this.maxDate = maxDate
+			},
+
+			//监听生日选择
+			changePickerBirthday(e) {
+				console.log('监听生日选择', e)
+				this.formData.birthday = e.result
+				this.picker_show_birthday = false
+			},
+			
+			//提交信息
+			submit(){
+				member.member_edit({
+					header: this.formData.headimg,
+					name: this.formData.name,
+					address: this.formData.address,
+					gender: this.formData.sex,
+					birthday: this.formData.birthday,
+					email: this.formData.email,
+					phone: this.formData.mobile,
+				}).then(res => {
+					if(res.code == 1){
+						uni.showToast({
+							title: res.msg,
+							icon: 'none'
+						})
+					}else{
+						uni.showToast({
+							title: res.msg,
+							icon: 'none'
+						})
+					}					
+				})
+			}
+
+		}
+	}
 </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;
-  }
-
-
-
-}
-
-
+	.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>
\ No newline at end of file
diff --git a/pages/student/my/update_pass.vue b/pages/student/my/update_pass.vue
index 411e6a9..2234fd7 100644
--- a/pages/student/my/update_pass.vue
+++ b/pages/student/my/update_pass.vue
@@ -11,18 +11,15 @@
 					为保障您的账号安全，修改密码前请填写原密码
 				</view>
 				<view style="width: 95%;margin:30rpx auto;">
-					<fui-input borderTop placeholder="请输入原登录密码" v-model="password" @input="input"
-						backgroundColor="#f2f2f2"></fui-input>
+					<fui-input borderTop placeholder="请输入原登录密码" v-model="password" backgroundColor="#f2f2f2"></fui-input>
 				</view>
 			</view>
 			<view v-if="tset_style == 2">
 				<view style="width: 95%;margin:30rpx auto;">
-					<fui-input borderTop placeholder="请设置6-20位新的登录密码" v-model="passwords" @input="input"
-						backgroundColor="#f2f2f2"></fui-input>
+					<fui-input borderTop placeholder="请设置6-20位新的登录密码" v-model="passwords" backgroundColor="#f2f2f2"></fui-input>
 				</view>
 				<view style="width: 95%;margin: auto;">
-					<fui-input borderTop :padding="['20rpx','32rpx']" v-model="old_password" placeholder="请再次输入新的登录密码"
-						@input="input" backgroundColor="#f2f2f2">
+					<fui-input borderTop :padding="['20rpx','32rpx']" v-model="old_password" placeholder="请再次输入新的登录密码" backgroundColor="#f2f2f2">
 					</fui-input>
 				</view>
 			</view>