1
0
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:
GGB
2023-05-30 23:19:25 +08:00
parent 11e122df0b
commit b3ef7f855e
3 changed files with 109 additions and 48 deletions

View File

@@ -129,6 +129,7 @@ export default {
this.$refs.ruleForm.resetFields()
},
cancel() {
this.reset()
this.$emit('setDialogVisible', false)
}
},

View File

@@ -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>