Files
likeadmin_java/admin/src/views/setting/user/setup.vue
2022-09-07 16:24:24 +08:00

57 lines
1.6 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!-- 网站信息 -->
<template>
<div class="user-setup">
<el-card shadow="never" class="!border-none">
<div class="font-medium mb-7">服务器域名</div>
<el-form ref="formRef" :model="formData" label-width="120px">
<el-form-item label="用户默认头像">
<div>
<material-picker v-model="formData.defaultAvatar" :limit="1" />
</div>
</el-form-item>
<el-form-item>
<div>
<div class="form-tips">用户注册时给的默认头像建议尺寸400*400像素支持jpgjpegpng格式</div>
</div>
</el-form-item>
</el-form>
</el-card>
<footer-btns v-perms="['setting:website:save']">
<el-button type="primary" @click="handleSubmit">保存</el-button>
</footer-btns>
</div>
</template>
<script lang="ts" setup>
import { getUserSetup, setUserSetup } from '@/api/setting/user'
import feedback from '@/utils/feedback'
import type { FormInstance } from 'element-plus'
// 表单数据
const formData = reactive({
defaultAvatar: '', // 用户默认头像
})
// 获取用户设置信息
const getData = async () => {
const data = await getUserSetup()
for (const key in formData) {
//@ts-ignore
formData[key] = data[key]
}
}
// 设置备案信息
const handleSubmit = async () => {
await setUserSetup(formData)
feedback.msgSuccess('操作成功')
getData()
}
getData()
</script>
<style lang="scss" scoped>
</style>