From 7e6b8b1eef198ab4de9633288037a23817f9ee39 Mon Sep 17 00:00:00 2001
From: chenyc <501753378@qq.com>
Date: 星期三, 24 五月 2023 22:52:42 +0800
Subject: [PATCH] 45
---
src/views/myMine/index.vue | 108 +++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 99 insertions(+), 9 deletions(-)
diff --git a/src/views/myMine/index.vue b/src/views/myMine/index.vue
index aed19a9..7b63cee 100644
--- a/src/views/myMine/index.vue
+++ b/src/views/myMine/index.vue
@@ -19,7 +19,7 @@
<div style="padding-left: 20px; padding-top: 12px; padding-right: 20px;">
<van-row style="border-bottom: 1px solid #F1F1F2;margin-top: 12px;">
<van-col span="12" style="margin-bottom: 12px;">患者卡片</van-col>
- <van-col span="12" style="text-align: right;padding-right: 25px;"> <van-icon name="arrow" /></van-col>
+ <van-col span="12" style="text-align: right;padding-right: 5px;"> <van-icon name="arrow" /></van-col>
</van-row>
</div>
@@ -28,8 +28,8 @@
<div class="div1">{{patientInfo.patientInfo.patientName}}
<span class="but">排班提醒</span>
</div>
- <div class="div2">患者卡号</div>
- <div class="div3">{{patientInfo.patientInfo.patientCardNo}} </div>
+ <div class="div2">卡号:{{patientInfo.patientInfo.patientCardNo}}</div>
+ <div class="div3" style="color: blue; font-family: cursive; font-size: 16px;">我的积分:{{patientInfo.patientInfo.patientCreditValue}} </div>
</van-col>
<van-col span="8" class="info8">
<div class="img" @click="imgShow">
@@ -61,7 +61,7 @@
<van-col span="6" class="serveItem">
<div>
<van-image
- :src="serve1"
+ :src="serve2"
/>
</div>
<div>
@@ -71,7 +71,7 @@
<van-col span="6" class="serveItem">
<div>
<van-image
- :src="serve1"
+ :src="serve3"
/>
</div>
<div>
@@ -81,7 +81,7 @@
<van-col span="6" class="serveItem">
<div>
<van-image
- :src="serve1"
+ :src="serve4"
/>
</div>
<div>
@@ -91,11 +91,21 @@
<van-col span="6" class="serveItem">
<div>
<van-image
- :src="serve1"
+ :src="serve5"
/>
</div>
<div>
智慧云客服
+ </div>
+ </van-col>
+ <van-col span="6" @click="show2 = true" class="serveItem">
+ <div>
+ <van-image
+ :src="serve6"
+ />
+ </div>
+ <div>
+ 更改密码
</div>
</van-col>
</van-row>
@@ -114,8 +124,41 @@
/>
</div>
</van-popup>
+ <van-popup v-model:show="show2" :style="{ height: '30%' }">
+ <div class="formbiaodan">
+ <van-form @submit="onSubmitUpPssword" label-width="80px">
+ <van-cell-group inset>
+ <van-field
+ v-model="ruleForm.pass"
+ type="password"
+ label="密  码"
+ placeholder="6-16位数字或者字母组合"
+ :rules="[{ required: true, message: '请填写密码' }]"
+ />
+ <van-field
+ v-model="ruleForm.newPassword"
+ type="password"
+ label="确认密码"
+ placeholder="6-16位数字或者字母组合"
+ :rules="[{ validator: asyncValidator, message: '密码输入不一致' }]"
+ />
+ </van-cell-group>
+ <div style="margin: 16px;">
+ <van-button :loading="loadingBUt" round block type="primary" native-type="submit">
+ 提交
+ </van-button>
+ </div>
+ <div style="text-align: right; padding-right: 20px;">
+ <span type="primary" @click="show2 = false" native-type="submit">
+ 取消
+ </span>
+ </div>
+ </van-form>
+ </div>
+ </van-popup>
<van-tabbar v-model="active" @change="tabChang">
<van-tabbar-item name="home" icon="like">首页</van-tabbar-item>
+ <van-tabbar-item name="jifen" icon="cart-circle-o">积分商城</van-tabbar-item>
<van-tabbar-item name="my" icon="manager">我的</van-tabbar-item>
</van-tabbar>
</div>
@@ -126,18 +169,34 @@
import { Session } from '@/utils/storage'
import { userInfoStore } from '@/stores/userInfo'
import serve1 from './imgs/serve1.png'
+ import serve2 from './imgs/serve2.png'
+ import serve3 from './imgs/serve3.png'
+ import serve4 from './imgs/serve4.png'
+ import serve5 from './imgs/serve5.png'
+ import serve6 from './imgs/serve6.png'
import erweima from './imgs/erwm.png'
- import { Image as VanImage,Tabbar as VanTabbar , TabbarItem as VanTabbarItem} from 'vant'
import {useRouter} from 'vue-router'
+ import { Dialog } from 'vant'
const router=useRouter()
const userInfo = userInfoStore()
const active=ref('my')
+ const ruleForm=ref({
+ newPassword:'',
+ pass:'',
+ })
+ const loadingBUt= ref(false)
const show=ref(false)
+ const show2=ref(false)
const erweiImg=ref('')
+ const asyncValidator = (val:any) =>{
+ return val===ruleForm.value.pass
+ }
const tabChang=(index:any)=>{
if (index==='home'){
router.push('/')
- } else {
+ } else if(index==='jifen') {
+ router.push('jifenShangCheng')
+ }else if(index==='my') {
router.push('my')
}
}
@@ -151,6 +210,33 @@
const patientInfo=computed(()=>{
return userInfo.patient
})
+ const onSubmitUpPssword=(values:any)=>{
+ console.log('提交表单',ruleForm.value)
+ console.log(values)
+ const pams={
+ patientCode:patientInfo.value.patientInfo.code,
+ password:ruleForm.value.pass
+ }
+ loadingBUt.value=true
+ ajaxPost('/patient/info/resetPassword',pams).then((re:any)=>{
+ console.log(re)
+ loadingBUt.value=false
+ if (re==='OK'){
+ show2.value=false
+ Dialog.alert({
+ title: '提示',
+ message: '密码重置成功',
+ }).then(() => {
+ // on close
+ })
+ }
+
+ }).catch(err=>{
+ loadingBUt.value=false
+ console.log(err)
+ })
+
+ }
const logOUT=()=>{
ajaxPost('/patient/info/logout','').then((re:any)=>{
console.log(re)
@@ -169,6 +255,10 @@
min-height: 350px;
border: #777777 1px solid;
}
+ .formbiaodan{
+ padding-top: 30px;
+ width: 350px;
+ }
background-color:#F6FAFF;
position:relative;
min-width: 375px;
--
Gitblit v1.8.0