我的页面开发

api/my.js

@@ -46,4 +46,16 @@ export function getMineUpdate(data = {}) {
     data,
     timeout: 20000
   })
+}
+
+export function getPasswordUpdate(data = {}) {
+  return request({
+    url: '/app/mine/update/password',
+    headers: {
+      isToken: true
+    },
+    method: 'post',
+    data,
+    timeout: 20000
+  })
 }

common/styles/global/pages.scss

@@ -423,10 +423,9 @@
 	// admin
 	.admin-head-box{
 		background-color: #fff;box-sizing: border-box;padding: 30rpx 36rpx;border-radius: 12rpx;
-		display: flex;justify-content: space-around;margin: -180rpx 20rpx 20rpx;
-		.head-content-box{font-size: 32rpx;color: #333;}
-		.tel-icon{background-image: url("@/static/images/my/my-tel-green-icon.png");}
-		.idcard-icon{background-image: url("@/static/images/my/my-idcard-green-icon.png");}
+		display: flex;align-items: center;margin: -180rpx 20rpx 20rpx;
+		.head-content-box{font-size: 32rpx;color: #333;margin-left: 20rpx;}
+		.tel-icon{background-image: url("@/static/images/login/login-tel-icon.png");}
 	}
 	.jzgs-name-box{
 		width: 100%;height: 376rpx;text-align: center;font-size: 34rpx;color: #fff;

pages/admin/my/index.vue

@@ -14,10 +14,6 @@
 					<icon class="tel-icon"></icon>
 					<text class="content-text" >{{myInfoData.userName}}</text>
 				</view>
-				<view class="head-content-row-box" v-if="myInfoData.idcard">
-					<icon class="idcard-icon"></icon>
-					<text class="content-text" >{{myInfoData.idcard}}</text>
-				</view>
 			</view>
 		</view>
 		
@@ -39,7 +35,7 @@
 		<customTabbarClient :currentTab="2"></customTabbarClient>
 		<common-dialog ref="commonDialogRef" :title="exitTitle" :content="exitContent" @confirm-btn="exitBtn"></common-dialog>
 		<shexiangDialogVue ref="shexiangRef" title="摄像头说明"></shexiangDialogVue>
-		<password-dialog ref="passwordDialogRef" :title="修改密码" @confirm-btn="passwordBtn"></password-dialog>
+		<password-dialog ref="passwordDialogRef" @confirm-btn="passwordBtn"></password-dialog>
 		<!-- 摄像头确认 -->
 		<zhuapaiConfrimVue ref="zpRef" @error="zpConfirmError" title="摄像头测试"></zhuapaiConfrimVue>
 	</view>
@@ -49,7 +45,7 @@
 	import {toast} from "@/utils/common";
 	import {onLoad,onShow} from '@dcloudio/uni-app';
 	import cacheManager from '@/utils/cacheManager.js';
-	import {getMineUser,getMineInfo,getMineLogout} from '@/api/my.js'
+	import {getMineUser,getMineLogout,getPasswordUpdate} from '@/api/my.js'
 	import {reactive,ref} from "vue";
 	import customTabbarClient from "@/components/custom-tabbar/custom-tabbar-admin.vue"
 	import commonDialog from '@/components/dialog/commonDialog.vue';
@@ -62,9 +58,6 @@
 		realName: '',
 		idcard: '',
 		userName: '',
-		kaoshiCount: '',
-		kechengCount: '',
-		lianxiCount: '',
 		from:''
 	});
 	const commonDialogRef = ref(null);
@@ -75,7 +68,6 @@
 	const exitTitle = '退出登录';
 	function getMyInit() {
 		getUserInfo();
-		getNumInfo();
 	}
 	// 获取用户头像
 	function goToPage(data){
@@ -95,13 +87,6 @@
 			myInfoData.userName = res.data.userName;
 		})
 	}
-	function getNumInfo(){
-		getMineInfo({}).then(res => {
-			myInfoData.kaoshiCount = res.data.kaoshiCount;
-			myInfoData.kechengCount = res.data.kechengCount;
-			myInfoData.lianxiCount = res.data.lianxiCount;
-		})
-	}
 	function exitLogin(){
 		commonDialogRef.value.handleShow();
 		
@@ -109,6 +94,21 @@
 	function xgmmBtn(){
 		passwordDialogRef.value.handleShow();
 	}
+	function passwordBtn(data){
+		console.log(data,'data');
+		const opt = {
+			passwordOld: data.oldPassWord,
+			passwordNew: data.newPassWord, 
+		}
+		getPasswordUpdate(opt).then(res => {
+			if (res.data) {
+				uni.showToast({
+					title: '更新成功'
+				})
+				passwordDialogRef.value.handleClose();
+			}
+		})
+	}
 	function exitBtn(){
 		getMineLogout().then(res => {
 			toast('退出登录成功')

pages/admin/my/passwordDialog.vue

@@ -5,21 +5,6 @@
 		<view class="common-body-box">
 			<view class="common-title">修改密码</view>
 			<view class="common-input-box">
-				<!-- <view class="form-label-input">
-					<view class="phone-form-label"><text class="form-label-require">*</text>原密码</view>
-					<input v-model="data.oldPassWord"  placeholder="请输入原密码" />
-					<icon></icon>
-				</view>
-				<view class="form-label-input">
-					<view class="phone-form-label"><text class="form-label-require">*</text>新密码</view>
-					<input v-model="data.newPassWord"  placeholder="请输入新密码" />
-					<icon></icon>
-				</view>
-				<view class="form-label-input">
-					<view class="phone-form-label"><text class="form-label-require">*</text>确认密码</view>
-					<input v-model="data.okPassWord"  placeholder="请确认密码" />
-					<icon></icon>
-				</view> -->
 				<view class="common-input-row">
 					<text class="common-input-label"><text class="common-label-require">*</text>原密码：</text>
 					<input class="common-input" v-model="data.oldPassWord"  placeholder="请输入原密码" />
@@ -73,7 +58,31 @@
 	}
 	// 确认
 	function confirmBtn(){
-		$emit('confirm-btn');
+		let arr = [];
+		if (!data.oldPassWord) {
+			arr.push('原密码');
+		}
+		if (!data.newPassWord) {
+			arr.push('新密码');
+		}
+		if (!data.newPassWord) {
+			arr.push('确认密码');
+		}
+		if (!data.oldPassWord || !data.newPassWord) {
+			uni.showToast({
+				icon: 'none',
+				title: `请输入${arr.join('、')}信息！`
+			})
+			return;
+		}
+		if (data.newPassWord != data.okPassWord) {
+			uni.showToast({
+				icon: 'none',
+				title: '新密码和确认密码不同'
+			})
+			return;
+		}
+		$emit('confirm-btn',data);
 		passwordPopup.value.close();
 	}
 	defineExpose({