limingtao
11 months ago
parent
20f08606a5
commit
234bb14b06
9 changed files with 514 additions and 170 deletions
@ -1,161 +1,335 @@ |
|||||||
<template> |
<template> |
||||||
<view id="page"> |
<view class="mine-box"> |
||||||
<view class="Width100 Box BorderBox" :style="bgUrl1"> |
<view class='info-box'> |
||||||
<view class="Content BorderBox"> |
<image :src="userInfo.headUrl||base64Avatar" |
||||||
<top-title :is-show-left="false" :rightWidth='120'> |
@click="checkObjEmpty(userInfo) ? $.open('/pages/logIn/userInfo'):$.open('/pages/logIn/logIn')"></image> |
||||||
<template slot="right"> |
|
||||||
<image :src="$.imgSrc + '/mine/setting.png'" @click="$.open('/pages/mine/setting')" mode="aspectFit" class="InlineBlock img"></image> |
<view class="name FontS_50rpx FontBold MarginL_15rpx" |
||||||
<image :src="$.imgSrc + '/mine/chat.png'" mode="aspectFit" @click="$.open('/pages/mine/notice')" class="InlineBlock img"></image> |
@click="checkObjEmpty(userInfo) ? $.open('/pages/logIn/userInfo'):$.open('/pages/logIn/logIn')"> |
||||||
</template> |
{{ userInfo.realName || userInfo.username || '请登录'}} |
||||||
</top-title> |
</view> |
||||||
<view class="user Flex BorderBox" @click="checkObjEmpty(userInfo) ? $.open('/pages/logIn/userInfo'):$.open('/pages/logIn/logIn')"> |
|
||||||
<u-avatar :src="userInfo.headUrl" :size="78"></u-avatar> |
<!-- <u-row justify="space-between" gutter="12" class="static-box"> |
||||||
<view class="name FontS_50rpx FontBold MarginL_15rpx"> |
<u-col span="4"> |
||||||
{{ userInfo.realName || userInfo.username || '请登录'}} |
<view class="item"> |
||||||
</view> |
<text> |
||||||
</view> |
1222 |
||||||
</view> |
</text> |
||||||
<view class="func PositionR BorderR_20rpx BG_FFFFFF BorderBox"> |
<text class="label"> |
||||||
<view class="title FontBold FontS_40rpx"> |
我排查的 |
||||||
常用功能 |
</text> |
||||||
</view> |
</view> |
||||||
<view class="list Flex Flex_Warp"> |
</u-col> |
||||||
<view class="item Flex MarginT_10rpx PositionR" v-for="item in funcList" @click="handleClick(item)" :key="item.name"> |
<u-col span="4"> |
||||||
<image :src="$.imgSrc + item.icon" mode="aspectFit"></image> |
<view class="item"> |
||||||
<view class="info">{{ item.name }}</view> |
<text> |
||||||
</view> |
1222 |
||||||
</view> |
</text> |
||||||
</view> |
<text class="label"> |
||||||
</view> |
我排查的 |
||||||
</view> |
</text> |
||||||
</template> |
</view> |
||||||
|
</u-col> |
||||||
<script> |
<u-col span="4"> |
||||||
import TopTitle from "../../components/top-title"; |
<view class="item"> |
||||||
export default { |
<text> |
||||||
components:{TopTitle}, |
1222 |
||||||
data() { |
</text> |
||||||
return { |
<text class="label"> |
||||||
$:this.$, |
我排查的 |
||||||
bgUrl1: '', |
</text> |
||||||
userInfo: {}, |
</view> |
||||||
timer: null, |
</u-col> |
||||||
num: 0 |
</u-row> --> |
||||||
// funcList: [ |
</view> |
||||||
// { id:1,name:'个人信息',url:'/pages/logIn/userInfo',icon:'/mine/userinfo.png' }, |
<u-cell-group class="margin-top"> |
||||||
// { id:2,name:'劳务保险',url:'/pages/mine/insurance',icon:'/mine/insurance.png' }, |
<u-cell icon="order" title="警号" :value="dataInfo.policeid" isLink></u-cell> |
||||||
// { id:3,name:'打卡记录',url:'',icon:'/mine/lean.png' }, |
<u-cell icon="account" title="身份证号" :value="dataInfo.cdescription" isLink> </u-cell> |
||||||
// { id:4,name:'培训记录',url:'/pages/mine/train',icon:'/mine/train.png' }, |
<u-cell icon="phone" title="联系方式" :value="dataInfo.phone" isLink></u-cell> |
||||||
// { id:5,name:'找活记录',url:'/pages/mine/jobfind',icon:'/mine/jobfind.png' }, |
</u-cell-group> |
||||||
// { id:6,name:'人员管理',url:'/pages/mine/worker',icon:'/mine/jobfind.png' }, |
<u-cell-group style="margin-top:20rpx;padding:10rpx 20rpx"> |
||||||
// ] |
<u-cell icon="lock" title="修改密码" isLink @click='possword'></u-cell> |
||||||
} |
</u-cell-group> |
||||||
}, |
<view class="logout" @click="showModal">退出登录</view> |
||||||
computed:{ |
<u-modal :show="show" @confirm="confirm" ref="uModal" :asyncClose="true" title="是否要继续退出登录？" |
||||||
funcList(){ |
:showCancelButton="true" @cancel="show=false"></u-modal> |
||||||
return [{ id:1,name:'个人信息',url:'/pages/logIn/userInfo',icon:'/mine/userinfo.png' }] |
</view> |
||||||
} |
</template> |
||||||
|
|
||||||
}, |
<script> |
||||||
onShow(){ |
const base64Avatar = |
||||||
let token = this.$.getData('token') |
"data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjREMEQwRkY0RjgwNDExRUE5OTY2RDgxODY3NkJFODMxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjREMEQwRkY1RjgwNDExRUE5OTY2RDgxODY3NkJFODMxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEQwRDBGRjJGODA0MTFFQTk5NjZEODE4Njc2QkU4MzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEQwRDBGRjNGODA0MTFFQTk5NjZEODE4Njc2QkU4MzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAGBAQEBQQGBQUGCQYFBgkLCAYG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"; |
||||||
const userInfo = this.$.getData('userInfo') |
|
||||||
if(userInfo) { |
import TopTitle from "../../components/top-title"; |
||||||
this.userInfo = userInfo |
export default { |
||||||
} |
components: { |
||||||
// 顶部背景图 |
TopTitle |
||||||
this.bgUrl1 = "background-image:url('" + this.$.imgSrc + "/mine/mineBG.png');background-repeat: no-repeat;background-position: center top;background-size:100% 472rpx;" |
}, |
||||||
// if(!token){ |
data() { |
||||||
// this.$.openNew('/pages/logIn/logIn') |
return { |
||||||
// return |
show: false, |
||||||
// } |
base64Avatar: base64Avatar, |
||||||
if(this.userInfo.projectRole <= 1 && !this.timer) { |
$: this.$, |
||||||
this.timer = setInterval(() => { |
bgUrl1: '', |
||||||
this.getReviewNum() |
userInfo: {}, |
||||||
},10 * 1000) |
timer: null, |
||||||
} |
num: 0, |
||||||
}, |
dataInfo:{}, |
||||||
onHide() { |
// funcList: [ |
||||||
this.timer && clearInterval(this.timer) |
// { id:1,name:'个人信息',url:'/pages/logIn/userInfo',icon:'/mine/userinfo.png' }, |
||||||
}, |
// { id:2,name:'劳务保险',url:'/pages/mine/insurance',icon:'/mine/insurance.png' }, |
||||||
onLoad() { |
// { id:3,name:'打卡记录',url:'',icon:'/mine/lean.png' }, |
||||||
}, |
// { id:4,name:'培训记录',url:'/pages/mine/train',icon:'/mine/train.png' }, |
||||||
methods: { |
// { id:5,name:'找活记录',url:'/pages/mine/jobfind',icon:'/mine/jobfind.png' }, |
||||||
checkObjEmpty(obj){ |
// { id:6,name:'人员管理',url:'/pages/mine/worker',icon:'/mine/jobfind.png' }, |
||||||
if(JSON.stringify(obj) == '{}'){ |
// ] |
||||||
return false |
} |
||||||
} |
}, |
||||||
return true |
computed: { |
||||||
}, |
// funcList() { |
||||||
getBG(url){ |
// return [{ |
||||||
return "background-image:url('" + url + "');background-repeat: no-repeat;background-position: center top;background-size:100% 100%;" |
// id: 1, |
||||||
}, |
// name: '个人信息', |
||||||
handleClick(row) { |
// url: '/pages/logIn/userInfo', |
||||||
this.$.open(row.url) |
// icon: '/mine/userinfo.png' |
||||||
}, |
// }] |
||||||
getReviewNum() { |
// } |
||||||
this.$request.globalRequest('/hyjg-admin/mapi/projectworker/getApplyWorkerCount', {}, 'POST').then(res => { |
|
||||||
if (res.code == 0) { |
}, |
||||||
this.num = res.data; |
onShow() { |
||||||
} |
let token = this.$.getData('token') |
||||||
}) |
const userInfo = this.$.getData('userInfo') |
||||||
} |
if (userInfo) { |
||||||
} |
this.userInfo = userInfo |
||||||
} |
this.getInfo() |
||||||
</script> |
// console.log(this.userInfo) |
||||||
|
} |
||||||
<style lang="scss" scoped> |
// // 顶部背景图 |
||||||
page{ |
// this.bgUrl1 = "background-image:url('" + this.$.imgSrc + "/mine/mineBG.png');background-repeat: no-repeat;background-position: center top;background-size:100% 472rpx;" |
||||||
background: #F2F2F2; |
// // if(!token){ |
||||||
} |
// // this.$.openNew('/pages/logIn/logIn') |
||||||
|
// // return |
||||||
.Box { |
// // } |
||||||
padding: 30rpx; |
// if(this.userInfo.projectRole <= 1 && !this.timer) { |
||||||
padding-top:var(--status-bar-height); |
// this.timer = setInterval(() => { |
||||||
|
// this.getReviewNum() |
||||||
.img { |
// },10 * 1000) |
||||||
width: 50rpx; |
// } |
||||||
height: 100%; |
}, |
||||||
} |
onHide() { |
||||||
|
// this.timer && clearInterval(this.timer) |
||||||
.img:nth-of-type(2) { |
}, |
||||||
margin-left: 20rpx; |
onLoad() { |
||||||
} |
|
||||||
|
}, |
||||||
.Content { |
methods: { |
||||||
.user { |
//获取个人信息 |
||||||
height: 500rpx; |
getInfo() { |
||||||
align-items: center; |
this.$request |
||||||
} |
.globalRequest( |
||||||
} |
"/hiddenDanger/auth/getOperatorInformation", |
||||||
|
{ |
||||||
.func { |
nuserid: this.userInfo.username, |
||||||
width: 100%; |
}, |
||||||
height: 430rpx; |
"GET" |
||||||
top: -60rpx; |
) |
||||||
padding: 30rpx; |
.then((res) => { |
||||||
|
if (res.code === 200) { |
||||||
.title { |
this.dataInfo = res.result; |
||||||
margin-bottom: 20rpx; |
}else { |
||||||
} |
this.$.toast(res.message) |
||||||
|
} |
||||||
.list { |
}); |
||||||
margin: auto; |
}, |
||||||
.item { |
//修改密码 |
||||||
padding: 12rpx; |
possword() { |
||||||
width: 25%; |
// this.$.openNew('/pages/mine/password') |
||||||
justify-content: center; |
uni.navigateTo({ |
||||||
flex-direction: column; |
url: '/pages/mine/password' |
||||||
align-items: center; |
}) |
||||||
box-sizing: border-box; |
}, |
||||||
|
showModal() { |
||||||
image { |
this.show = true; |
||||||
width: 60rpx; |
}, |
||||||
height: 60rpx; |
confirm() { |
||||||
margin-bottom: 20rpx; |
setTimeout(() => { |
||||||
} |
this.$.clearData(); |
||||||
} |
this.$.openNew('/pages/logIn/logIn'); |
||||||
} |
}, 1500) |
||||||
} |
} |
||||||
} |
// checkObjEmpty(obj){ |
||||||
</style> |
// if(JSON.stringify(obj) == '{}'){ |
||||||
|
// return false |
||||||
|
// } |
||||||
|
// return true |
||||||
|
// }, |
||||||
|
// getBG(url){ |
||||||
|
// return "background-image:url('" + url + "');background-repeat: no-repeat;background-position: center top;background-size:100% 100%;" |
||||||
|
// }, |
||||||
|
// handleClick(row) { |
||||||
|
// this.$.open(row.url) |
||||||
|
// }, |
||||||
|
// getReviewNum() { |
||||||
|
// this.$request.globalRequest('/hyjg-admin/mapi/projectworker/getApplyWorkerCount', {}, 'POST').then(res => { |
||||||
|
// if (res.code == 0) { |
||||||
|
// this.num = res.data; |
||||||
|
// } |
||||||
|
// }) |
||||||
|
// } |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
page { |
||||||
|
background: #F2F2F2; |
||||||
|
} |
||||||
|
|
||||||
|
.mine-box { |
||||||
|
position: fixed; |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
background-image: url('../../static/mine/background.png'); |
||||||
|
background-size: 100% 100%; |
||||||
|
.info-box { |
||||||
|
padding-top: calc(var(--status-bar-height) + 80rpx); |
||||||
|
width: 750rpx; |
||||||
|
/* height: 667rpx; */ |
||||||
|
/* background: linear-gradient(#3677D9 0%, #45A3E6 28%, #F0F3F7 100%); */ |
||||||
|
border-radius: 0px 0px 0px 0px; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
align-items: center; |
||||||
|
|
||||||
|
.name { |
||||||
|
margin-top: 33rpx; |
||||||
|
font-size: 40rpx; |
||||||
|
} |
||||||
|
|
||||||
|
image { |
||||||
|
width: 170rpx !important; |
||||||
|
height: 170rpx !important; |
||||||
|
border: 8rpx solid #ffffff; |
||||||
|
border-radius: 50%; |
||||||
|
} |
||||||
|
|
||||||
|
.static-box { |
||||||
|
margin-top: 45rpx; |
||||||
|
width: 710rpx; |
||||||
|
height: 126rpx; |
||||||
|
|
||||||
|
.u-col { |
||||||
|
height: 126rpx; |
||||||
|
border-radius: 13rpx; |
||||||
|
|
||||||
|
.item { |
||||||
|
height: 126rpx; |
||||||
|
background: rgba(255, 255, 255, 0.35); |
||||||
|
border-radius: 13rpx; |
||||||
|
padding: 21rpx 0; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-between; |
||||||
|
|
||||||
|
text { |
||||||
|
font-family: Arial, Arial; |
||||||
|
font-weight: bold; |
||||||
|
font-size: 40rpx; |
||||||
|
color: #363F4D; |
||||||
|
text-align: center; |
||||||
|
font-style: normal; |
||||||
|
text-transform: none; |
||||||
|
} |
||||||
|
|
||||||
|
.label { |
||||||
|
font-family: Source Han Sans CN, Source Han Sans CN; |
||||||
|
font-size: 28rpx; |
||||||
|
font-weight: 400; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/deep/ .u-cell-group__wrapper .u-line { |
||||||
|
border-bottom: none !important; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/ .u-cell-group__wrapper .u-cell .u-line { |
||||||
|
border-bottom: 1px solid #E6E6E6 !important; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
.u-cell-group { |
||||||
|
margin: 0 32rpx; |
||||||
|
padding: 15rpx 20rpx; |
||||||
|
background-color: rgba(255, 255, 255, 0.6); |
||||||
|
|
||||||
|
border-radius: 13rpx; |
||||||
|
|
||||||
|
/deep/ .u-cell__body { |
||||||
|
|
||||||
|
.u-cell__title-text { |
||||||
|
color: #5E6F8A; |
||||||
|
font-size: 30rpx; |
||||||
|
margin-left: 8rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.u-icon__icon { |
||||||
|
color: #5E6F8A; |
||||||
|
font-size: 40rpx !important; |
||||||
|
margin-top: 6rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.u-cell__value { |
||||||
|
color: #363F4D; |
||||||
|
font-size: 28rpx; |
||||||
|
position: relative; |
||||||
|
top: 2rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.uicon-arrow-right { |
||||||
|
margin-right: -10rpx; |
||||||
|
font-size: 30rpx !important; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.u-cell:last-child /deep/.u-line { |
||||||
|
border-bottom: none !important; |
||||||
|
} |
||||||
|
|
||||||
|
.u-cell:first-child /deep/.u-line { |
||||||
|
border-top: none !important; |
||||||
|
} |
||||||
|
|
||||||
|
.u-line .border-top-color { |
||||||
|
/* border-bottom-color: #E6E6E6!important; */ |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.margin-top { |
||||||
|
margin-top: 40rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.logout { |
||||||
|
width: 690rpx; |
||||||
|
background-color: rgba(255, 255, 255, 0.6); |
||||||
|
text-align: center; |
||||||
|
margin-top: 20rpx; |
||||||
|
margin-left: 30rpx; |
||||||
|
padding: 27rpx 0; |
||||||
|
border-radius: 13rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
color: #363F4D; |
||||||
|
font-weight: 600; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/deep/ .u-modal { |
||||||
|
width: 580rpx !important; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,161 @@ |
|||||||
|
<template> |
||||||
|
<view id="page" class="password-box"> |
||||||
|
<view class="Width100 Box BorderBox"> |
||||||
|
<u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" class="form" labelWidth="100"> |
||||||
|
<!-- <u-form-item label="原密码" prop="password" borderBottom> |
||||||
|
<u--input v-model="form.password" border="none"></u--input> |
||||||
|
</u-form-item> --> |
||||||
|
<u-form-item label="新密码" prop="password" borderBottom> |
||||||
|
<u--input v-model="form.password" border="none"></u--input> |
||||||
|
</u-form-item> |
||||||
|
<u-form-item label="确认密码" prop="confirmPassword" borderBottom> |
||||||
|
<u--input v-model="form.confirmPassword" border="none"></u--input> |
||||||
|
</u-form-item> |
||||||
|
</u--form> |
||||||
|
<view @click="submit" class="Unit FontBold BorderBox TextCenter Width100 MarginT_30rpx BorderR_30rpx submit"> |
||||||
|
提交 |
||||||
|
</view> |
||||||
|
<!-- <uni-forms :modelValue="formData" border> |
||||||
|
<uni-forms-item label="道路类型"> |
||||||
|
<input v-if="isEdit" type="text" class="BorderNone Height100" v-model="formData.roadType" |
||||||
|
placeholder="请输入道路类型" /> |
||||||
|
<text class="Height100 Flex Flex_end Flex_C_S-Center" v-else>{{ |
||||||
|
formData.roadType |
||||||
|
}}</text> |
||||||
|
</uni-forms-item> |
||||||
|
</uni-forms > --> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
// 公用的js |
||||||
|
$: this.$, |
||||||
|
rules: { |
||||||
|
// 'password': { |
||||||
|
// type: 'string', |
||||||
|
// required: true, |
||||||
|
// message: '请填写原密码', |
||||||
|
// trigger: ['blur', 'change'] |
||||||
|
// }, |
||||||
|
|
||||||
|
}, |
||||||
|
form: { |
||||||
|
confirmPassword: "", |
||||||
|
password: "" |
||||||
|
}, |
||||||
|
} |
||||||
|
}, |
||||||
|
// 页面加载 |
||||||
|
onLoad(e) { |
||||||
|
|
||||||
|
}, |
||||||
|
// 页面显示 |
||||||
|
onShow() { |
||||||
|
}, |
||||||
|
// 计算属性 |
||||||
|
computed: {}, |
||||||
|
// 方法 |
||||||
|
methods: { |
||||||
|
// sexSelect(e) { |
||||||
|
// this.model1.userInfo.sex = e.name |
||||||
|
// this.$refs.uForm.validateField('userInfo.sex') |
||||||
|
// }, |
||||||
|
}, |
||||||
|
onReady() { |
||||||
|
//如果需要兼容微信小程序，并且校验规则中含有方法等，只能通过setRules方法设置规则。 |
||||||
|
this.$refs.uForm.setRules(this.rules) |
||||||
|
}, |
||||||
|
// 页面卸载 |
||||||
|
onUnload() { |
||||||
|
|
||||||
|
}, |
||||||
|
methods: { |
||||||
|
//修改密码 |
||||||
|
submit() { |
||||||
|
if (!this.form.password) { |
||||||
|
this.$.toast('请输入密码') |
||||||
|
} |
||||||
|
else if (this.form.password != this.form.confirmPassword) { |
||||||
|
this.$.toast('两次密码不一致') |
||||||
|
} else { |
||||||
|
this.$request |
||||||
|
.globalRequest( |
||||||
|
"/hiddenDanger/auth/updatePwd", |
||||||
|
{ |
||||||
|
cusername: this.$.getData('userInfo').username, |
||||||
|
nuserid: this.$.getData("token"), |
||||||
|
nuserpwd: this.form.password, |
||||||
|
}, |
||||||
|
"POST", |
||||||
|
true |
||||||
|
) |
||||||
|
.then((res) => { |
||||||
|
|
||||||
|
if (res.code === 200) { |
||||||
|
this.$.toast('密码修改成功~') |
||||||
|
setTimeout(() => { |
||||||
|
uni.navigateBack({ |
||||||
|
delta: 1, |
||||||
|
}); |
||||||
|
}, 2000); |
||||||
|
} else { |
||||||
|
this.$.toast(res.message) |
||||||
|
} |
||||||
|
|
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
}, |
||||||
|
}, |
||||||
|
// 触发下拉刷新 |
||||||
|
onPullDownRefresh() { |
||||||
|
|
||||||
|
}, |
||||||
|
// 页面上拉触底事件的处理函数 |
||||||
|
onReachBottom() { |
||||||
|
}, |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style> |
||||||
|
</style> |
||||||
|
<style lang="scss" scoped> |
||||||
|
page { |
||||||
|
background: #F6F8FA; |
||||||
|
} |
||||||
|
|
||||||
|
.password-box { |
||||||
|
position: fixed; |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
background-color: #F6F8FA; |
||||||
|
padding: 10rpx 30rpx; |
||||||
|
|
||||||
|
.form { |
||||||
|
width: 690rpx; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/ .u-form-item__body { |
||||||
|
padding: 30rpx 10rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.submit { |
||||||
|
/* background: #E1EDFF; */ |
||||||
|
background: linear-gradient(90deg, #0064FF 0%, #2D99FD 100%); |
||||||
|
color: #ffffff; |
||||||
|
width: 690rpx !important; |
||||||
|
height: 94rpx; |
||||||
|
line-height: 94rpx; |
||||||
|
border-radius: 13rpx; |
||||||
|
margin-top: 70rpx; |
||||||
|
font-weight: 500; |
||||||
|
margin-left: 0; |
||||||
|
font-size: 32rpx; |
||||||
|
letter-spacing: 4rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
|
After Width: | Height: | Size: 87 KiB |
|
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
Loading…
Reference in new issue