ff56a184ca
1. 修复（kinit-admin）：页面缓存问题修复 2. 更新（kinit-api，kinit-admin）：菜单管理新增是否缓存字段 3. 更新（kinit-admin）：将缓存默认存储在localStorage中 4. 更新（kinit-api）：将python-jose库更换为pyjwt库 5. 优化（kinit-admin，kinit-uni）：退出登录方法优化 6. 优化（kinit-admin，kinit-uni）：response拦截优化 7. 新增（kinit-api，kinit-admin，kinit-uni）：jwt到期时间缩短，加入刷新token功能 8. （kinit-uni）切换到 vscode 开发 uniapp 项目
129 lines
3.7 KiB
Vue
129 lines
3.7 KiB
Vue
<template>
|
||
<view class="container">
|
||
<view style="padding: 20px">
|
||
<u--form ref="formRef" label-position="left" label-width="100px" :model="form" :rules="rules">
|
||
<u-form-item label="用户姓名" prop="name" border-bottom :required="true">
|
||
<u--input v-model="form.name" placeholder="请输入用户姓名" border="none"></u--input>
|
||
</u-form-item>
|
||
<u-form-item label="用户昵称" prop="nickname" border-bottom :required="false">
|
||
<u--input v-model="form.nickname" placeholder="请输入用户昵称" border="none"></u--input>
|
||
</u-form-item>
|
||
<u-form-item label="手机号码" prop="telephone" border-bottom :required="true">
|
||
<u--input v-model="form.telephone" placeholder="请输入手机号码" border="none"></u--input>
|
||
</u-form-item>
|
||
<u-form-item label="用户性别" prop="gender" border-bottom :required="false">
|
||
<u-radio-group v-model="form.gender">
|
||
<u-radio
|
||
v-for="(item, index) in genderOptions"
|
||
:key="index"
|
||
:custom-style="{ marginRight: '16px' }"
|
||
:label="item.label"
|
||
:name="item.value"
|
||
>
|
||
</u-radio>
|
||
</u-radio-group>
|
||
</u-form-item>
|
||
</u--form>
|
||
<view style="margin-top: 20px">
|
||
<u-button :loading="btnLoading" type="primary" text="提交" @click="submit"> </u-button>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import { getInfo } from '@/common/request/api/login'
|
||
import { updateCurrentUser } from '@/common/request/api/vadmin/auth/user.js'
|
||
|
||
export default {
|
||
data() {
|
||
return {
|
||
btnLoading: false,
|
||
form: {
|
||
name: '',
|
||
nickname: '',
|
||
telephone: '',
|
||
gender: ''
|
||
},
|
||
rules: {
|
||
name: {
|
||
type: 'string',
|
||
required: true,
|
||
message: '请填写姓名',
|
||
trigger: ['blur', 'change']
|
||
},
|
||
telephone: [
|
||
{
|
||
type: 'string',
|
||
required: true,
|
||
message: '请填写正确手机号',
|
||
trigger: ['blur', 'change']
|
||
},
|
||
{
|
||
validator: (rule, value, callback) => {
|
||
// 上面有说，返回true表示校验通过，返回false表示不通过
|
||
// uni.$u.test.mobile()就是返回true或者false的
|
||
return uni.$u.test.mobile(value)
|
||
},
|
||
message: '手机号码不正确',
|
||
// 触发器可以同时用blur和change
|
||
trigger: ['change', 'blur']
|
||
}
|
||
]
|
||
},
|
||
genderOptions: []
|
||
}
|
||
},
|
||
onLoad() {
|
||
this.$store.dispatch('dict/getDicts', ['sys_vadmin_gender']).then((result) => {
|
||
this.genderOptions = result.sys_vadmin_gender
|
||
})
|
||
// this.resetForm()
|
||
this.getUser()
|
||
},
|
||
onReady() {
|
||
//onReady 为uni-app支持的生命周期之一
|
||
this.$refs.formRef.setRules(this.rules)
|
||
},
|
||
methods: {
|
||
resetForm() {
|
||
this.form = {
|
||
name: '',
|
||
nickname: '',
|
||
telephone: '',
|
||
gender: ''
|
||
}
|
||
},
|
||
getUser() {
|
||
this.$modal.loading('加载中')
|
||
getInfo()
|
||
.then((res) => {
|
||
this.form = res.data
|
||
})
|
||
.finally(() => {
|
||
this.$modal.closeLoading()
|
||
})
|
||
},
|
||
submit(ref) {
|
||
this.$refs.formRef.validate().then((res) => {
|
||
this.btnLoading = true
|
||
updateCurrentUser(this.form)
|
||
.then((res) => {
|
||
this.$store.dispatch('auth/UpdateInfo', res.data)
|
||
this.$modal.msgSuccess('更新成功')
|
||
})
|
||
.finally(() => {
|
||
this.btnLoading = false
|
||
})
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
page {
|
||
background-color: #ffffff;
|
||
}
|
||
</style>
|