123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175 |
- <template>
- <view class="container">
- <view class="info-item" v-if="hasPassword == 'Y'">
- <view class="contacts">
- <text class="name">旧密码:</text>
- <input class="weui-input value" type="password" v-model="passwordOld" placeholder="请输入旧密码"/>
- </view>
- </view>
- <view class="info-item">
- <view class="contacts">
- <text class="name">新密码:</text>
- <input class="weui-input value" type="password" v-model="password" placeholder="请输入新密码"/>
- </view>
- </view>
- <view class="info-item">
- <view class="contacts">
- <text class="name">新密码确认:</text>
- <input class="weui-input value" type="password" v-model="passwordCopy" placeholder="请输入新密码确认"/>
- </view>
- </view>
- <!-- 底部操作按钮 -->
- <view class="footer-fixed">
- <view class="btn-wrapper">
- <view class="btn-item btn-item-main" @click="doSubmit()">保存</view>
- </view>
- </view>
- </view>
- </template>
- <script>
- import * as UserApi from '@/api/user'
- import store from '@/store'
- export default {
- data() {
- return {
- //当前页面参数
- options: {},
- // 正在加载
- isLoading: false,
- userInfo: {},
- qrCode: "",
- password: "",
- passwordCopy: "",
- passwordOld: "",
- hasPassword: ""
- }
- },
- /**
- * 生命周期函数--监听页面加载
- */
- onLoad(options) {
- this.hasPassword = options.hasPassword;
- },
- methods: {
- // 提交保存
- doSubmit() {
- const app = this;
- app.isLoading = true;
- if (app.hasPassword == 'Y' && (!app.password || !app.passwordOld)) {
- app.$error('请先填写表单!');
- return false;
- }
- if (app.password != app.passwordCopy) {
- app.$error('新密码输入不一致!');
- return false;
- }
- UserApi.save({"password": app.password, "passwordOld": app.passwordOld})
- .then(result => {
- app.isLoading = false;
- if (result.code == 200) {
- app.$success('保存成功!');
- } else {
- app.$error(result.message ? result.message : '保存失败!');
- }
- }).catch(err => {
- app.isLoading = false;
- })
- }
- }
- }
- </script>
- <style lang="scss" scoped>
- .info-list {
- padding-bottom: 30rpx;
- margin-top: 30rpx;
- }
- // 项目内容
- .info-item {
- margin: 20rpx auto 20rpx auto;
- padding: 30rpx 40rpx;
- width: 94%;
- box-shadow: 0 1rpx 5rpx 0px rgba(0, 0, 0, 0.05);
- border-radius: 16rpx;
- background: #fff;
- .avatar-warp {
- line-height: 120rpx;
- }
- }
- .contacts {
- font-size: 30rpx;
- height: 40rpx;
- .name {
- margin-left: 0px;
- float: left;
- margin-right: 10rpx;
- line-height: 40rpx;
- }
- .value {
- float:right;
- color:#999999;
- text-align: right;
- .second {
- margin-left: .6rem;
- }
- }
- .vcode {
- float: left;
- line-height: 40rpx;
- }
- .password {
- text-align: right;
- float: left;
- padding-right: 5rpx;
- }
- .avatar {
- width: 120rpx;
- height: 120rpx;
- border-radius: 120rpx;
- border: solid 1px #cccccc;
- float: right;
- }
- }
- // 底部操作栏
- .footer-fixed {
- z-index: 11;
- box-shadow: 0 -4rpx 40rpx 0 rgba(144, 52, 52, 0.1);
- margin-top: 80rpx;
- .btn-wrapper {
- height: 100%;
- display: flex;
- text-align: center;
- align-items: center;
- padding: 0 30rpx;
- margin-bottom: 10rpx;
- }
- .btn-item {
- flex: 1;
- font-size: 28rpx;
- height: 80rpx;
- line-height: 80rpx;
- text-align: center;
- color: #fff;
- border-radius: 40rpx;
- }
- .btn-item-main {
- background: linear-gradient(to right, #f9211c, #ff6335);
- }
-
- .btn-item-back {
- margin-top: 20rpx;
- background: #FFFFFF;
- border: 1px solid $fuint-theme;
- color: #666666;
- }
- }
- </style>
|