duan
3 years ago
parent
97cec9f440
commit
ef69974a7c
@ -0,0 +1,17 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
export function msds_db_list(data) {
|
||||
return request({
|
||||
url: '/api/drug/msds_db_list',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function dangerous_db_list(data) {
|
||||
return request({
|
||||
url: '/api/drug/dangerous_db_list',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 7.0 KiB |
|
After Width: | Height: | Size: 28 KiB |
@ -0,0 +1,161 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="title">个人资料</div>
|
||||
<div class="content-container">
|
||||
<el-tabs v-model="activeName">
|
||||
<el-tab-pane label="基本信息" name="first">
|
||||
<div class="avatar"><el-avatar :size="50" :src="circleUrl" /></div>
|
||||
<div class="form-custom">
|
||||
<UserForm
|
||||
v-loading="loading"
|
||||
:roledata="roledata"
|
||||
:propsformdata="pdata"
|
||||
element-loading-text="拼命加载中"
|
||||
@handlesubmit="handleForm"
|
||||
/>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="修改密码" name="second">
|
||||
<div class="form-container-text">
|
||||
<el-form ref="ruleForm" :model="ruleForm" status-icon :rules="rules" label-width="70px" class="demo-ruleForm">
|
||||
<el-form-item label="旧密码" prop="old_password">
|
||||
<el-input v-model="ruleForm.old_password" type="password" autocomplete="off" show-password />
|
||||
</el-form-item>
|
||||
<el-form-item label="新密码" prop="new_password">
|
||||
<el-input v-model="ruleForm.new_password" type="password" autocomplete="off" show-password />
|
||||
</el-form-item>
|
||||
<el-form-item label="确认密码" prop="new_password1">
|
||||
<el-input v-model="ruleForm.new_password1" type="password" autocomplete="off" show-password />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div style="text-align: center">
|
||||
<el-button type="primary" @click="submitForm('ruleForm')">提交</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { update_password, getinfo } from '@/api/common'
|
||||
import stringify from '@/utils/stringify'
|
||||
import UserForm from '@/components/UserForm'
|
||||
import { get_role_name_list, update } from '@/api/user/user'
|
||||
export default {
|
||||
name: 'User',
|
||||
components: { UserForm },
|
||||
data() {
|
||||
var validatePass = (rule, value, callback) => {
|
||||
if (value === '') {
|
||||
callback(new Error('请输入密码'))
|
||||
} else {
|
||||
if (this.ruleForm.new_password1 !== '') {
|
||||
this.$refs.ruleForm.validateField('new_password1')
|
||||
}
|
||||
callback()
|
||||
}
|
||||
}
|
||||
var validatePass2 = (rule, value, callback) => {
|
||||
if (value === '') {
|
||||
callback(new Error('请再次输入密码'))
|
||||
} else if (value !== this.ruleForm.new_password) {
|
||||
callback(new Error('两次输入密码不一致!'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
return {
|
||||
pdata: {},
|
||||
circleUrl: 'https://t7.baidu.com/it/u=2006997523,200382512&fm=193&f=GIF',
|
||||
activeName: 'first',
|
||||
roledata: [],
|
||||
loading: false,
|
||||
ruleForm: {
|
||||
new_password: '',
|
||||
new_password1: '',
|
||||
old_password: ''
|
||||
},
|
||||
rules: {
|
||||
new_password: [
|
||||
{ validator: validatePass, trigger: 'blur' }
|
||||
],
|
||||
new_password1: [
|
||||
{ validator: validatePass2, trigger: 'blur' }
|
||||
],
|
||||
old_password: [
|
||||
{ required: true, message: '请输入密码', trigger: 'blur' }
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
get_role_name_list().then(
|
||||
res => {
|
||||
this.roledata = res.data
|
||||
}
|
||||
)
|
||||
this.getUserInfo()
|
||||
},
|
||||
methods: {
|
||||
getUserInfo() {
|
||||
this.loading = true
|
||||
getinfo().then(res => {
|
||||
this.pdata = res.data
|
||||
}).finally(() => { this.loading = false })
|
||||
},
|
||||
submitForm(formName) {
|
||||
this.$refs[formName].validate((valid) => {
|
||||
if (valid) {
|
||||
update_password(stringify(this.ruleForm)).then(res => {
|
||||
this.$store.commit('user/SET_TOKEN', res.data.token)
|
||||
this.$message.success(res.msg)
|
||||
})
|
||||
} else {
|
||||
return false
|
||||
}
|
||||
})
|
||||
},
|
||||
handleForm(form) {
|
||||
const data = { ...this.pdata, ...form }
|
||||
update(stringify(data)).then(res => {
|
||||
this.$message.success(res.msg)
|
||||
this.dialogVisible = false
|
||||
this.getUserInfo()
|
||||
})
|
||||
},
|
||||
resetForm(formName) {
|
||||
this.$refs[formName].resetFields()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.title {
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
font-weight: bold;
|
||||
color: #303133;
|
||||
line-height: 0px;
|
||||
margin: 3rem 0 3rem 0;
|
||||
}
|
||||
.content-container{
|
||||
margin: 0 20rem 0 20rem;
|
||||
background: white;
|
||||
}
|
||||
.el-tabs{
|
||||
padding: 2rem 3rem 2rem 3rem;
|
||||
}
|
||||
.form-container-text {
|
||||
margin: 6rem 13rem 6rem 13rem;
|
||||
}
|
||||
.avatar {
|
||||
text-align: center;
|
||||
margin-top:2.6875rem;
|
||||
}
|
||||
.form-custom{
|
||||
margin: 5rem 0 5rem 0;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue