mirror of
https://github.com/FatttSnake/Pinnacle-OA.git
synced 2026-04-05 23:11:24 +08:00
Update employee personal information interface.
This commit is contained in:
@@ -129,6 +129,7 @@ export default {
|
||||
this.$refs.ruleForm.resetFields()
|
||||
},
|
||||
cancel() {
|
||||
this.reset()
|
||||
this.$emit('setDialogVisible', false)
|
||||
}
|
||||
},
|
||||
|
||||
@@ -19,24 +19,44 @@
|
||||
<el-form-item label="用户ID">
|
||||
<el-input v-model="form.userId" />
|
||||
</el-form-item>
|
||||
<el-link type="default" size="default" style="float: right">修改密码</el-link>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="性别">
|
||||
<el-select placeholder="Select" size="large">
|
||||
<el-option />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="生日">
|
||||
<el-date-picker />
|
||||
</el-form-item>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="性别">
|
||||
<el-select v-model="form.gender" size="default" style="width: 90%">
|
||||
<el-option
|
||||
v-for="gender in genders"
|
||||
:key="gender.value"
|
||||
:label="gender.label"
|
||||
:value="gender.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="生日">
|
||||
<el-date-picker
|
||||
v-model="form.birth"
|
||||
size="default"
|
||||
placeholder="请选择日期"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-form-item label="邮箱">
|
||||
<el-input />
|
||||
<el-input v-model="form.email" />
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号码">
|
||||
<el-input />
|
||||
<el-input v-model="form.tel" />
|
||||
</el-form-item>
|
||||
<el-form-item label="联系地址">
|
||||
<el-input />
|
||||
<el-input v-model="form.address" />
|
||||
</el-form-item>
|
||||
<el-form-item style="float: right">
|
||||
<el-button type="info">重置</el-button>
|
||||
<el-button type="primary">保存</el-button>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@@ -45,11 +65,14 @@
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import request from '@/services'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
userId: '',
|
||||
passwd: '',
|
||||
firstName: '',
|
||||
lastName: '',
|
||||
gender: '',
|
||||
@@ -57,8 +80,37 @@ export default {
|
||||
email: '',
|
||||
tel: '',
|
||||
address: ''
|
||||
}
|
||||
},
|
||||
genders: [
|
||||
{
|
||||
label: '未知',
|
||||
value: '0'
|
||||
},
|
||||
{
|
||||
label: '男',
|
||||
value: '1'
|
||||
},
|
||||
{
|
||||
label: '女',
|
||||
value: '2'
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getFormData() {
|
||||
request
|
||||
.get('/user/info')
|
||||
.then((response) => {
|
||||
this.form = response.data.data.staff
|
||||
})
|
||||
.catch((reportError) => {
|
||||
console.log(reportError)
|
||||
})
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getFormData()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user