|
@@ -1,10 +1,13 @@
|
|
|
<template>
|
|
|
<CollapseContainer title="基本设置" :canExpan="false">
|
|
|
<a-row :gutter="24">
|
|
|
- <a-col :span="14">
|
|
|
+ <a-col :span="10">
|
|
|
<BasicForm @register="register" />
|
|
|
+ <div class="px-5 py-15 flex justify-center">
|
|
|
+ <Button type="primary" @click="handleSubmit"> 修改密码 </Button>
|
|
|
+ </div>
|
|
|
</a-col>
|
|
|
- <a-col :span="10">
|
|
|
+ <!-- <a-col :span="10">
|
|
|
<div class="change-avatar">
|
|
|
<div class="mb-2">头像</div>
|
|
|
<CropperAvatar
|
|
@@ -16,26 +19,27 @@
|
|
|
width="150"
|
|
|
/>
|
|
|
</div>
|
|
|
- </a-col>
|
|
|
+ </a-col> -->
|
|
|
</a-row>
|
|
|
- <Button type="primary" @click="handleSubmit"> 更新基本信息 </Button>
|
|
|
</CollapseContainer>
|
|
|
</template>
|
|
|
<script lang="ts">
|
|
|
import { Button, Row, Col } from 'ant-design-vue';
|
|
|
- import { computed, defineComponent, onMounted } from 'vue';
|
|
|
+ import { defineComponent, onMounted } from 'vue';
|
|
|
import { BasicForm, useForm } from '/@/components/Form/index';
|
|
|
import { CollapseContainer } from '/@/components/Container';
|
|
|
- import { CropperAvatar } from '/@/components/Cropper';
|
|
|
+ // import { CropperAvatar } from '/@/components/Cropper';
|
|
|
|
|
|
import { useMessage } from '/@/hooks/web/useMessage';
|
|
|
-
|
|
|
- import headerImg from '/@/assets/images/header.jpg';
|
|
|
- import { accountInfoApi } from '/@/api/account/index';
|
|
|
+ // import headerImg from '/@/assets/images/header.jpg';
|
|
|
+ // import { accountInfoApi } from '/@/api/account/index';
|
|
|
import { baseSetschemas } from './data';
|
|
|
import { useUserStore } from '/@/store/modules/user';
|
|
|
- import { uploadApi } from '/@/api/sys/upload';
|
|
|
+ import { updatePasswordApi } from '/@/api/sys/user';
|
|
|
+ import { encodeStr } from '/@/utils/encodeUtil';
|
|
|
|
|
|
+ import { useI18n } from '/@/hooks/web/useI18n';
|
|
|
+ const { t } = useI18n();
|
|
|
export default defineComponent({
|
|
|
components: {
|
|
|
BasicForm,
|
|
@@ -43,42 +47,56 @@
|
|
|
Button,
|
|
|
ARow: Row,
|
|
|
ACol: Col,
|
|
|
- CropperAvatar,
|
|
|
+ // CropperAvatar,
|
|
|
},
|
|
|
setup() {
|
|
|
const { createMessage } = useMessage();
|
|
|
const userStore = useUserStore();
|
|
|
|
|
|
- const [register, { setFieldsValue }] = useForm({
|
|
|
+ const [register, { validate }] = useForm({
|
|
|
labelWidth: 120,
|
|
|
schemas: baseSetschemas,
|
|
|
showActionButtonGroup: false,
|
|
|
});
|
|
|
|
|
|
onMounted(async () => {
|
|
|
- const data = await accountInfoApi();
|
|
|
- setFieldsValue(data);
|
|
|
+ // const data = await accountInfoApi();
|
|
|
+ // setFieldsValue(data);
|
|
|
});
|
|
|
|
|
|
- const avatar = computed(() => {
|
|
|
- const { avatar } = userStore.getUserInfo;
|
|
|
- return avatar || headerImg;
|
|
|
- });
|
|
|
+ // const avatar = computed(() => {
|
|
|
+ // const { avatar } = userStore.getUserInfo;
|
|
|
+ // return avatar || headerImg;
|
|
|
+ // });
|
|
|
|
|
|
- function updateAvatar(src: string) {
|
|
|
- const userinfo = userStore.getUserInfo;
|
|
|
- userinfo.avatar = src;
|
|
|
- userStore.setUserInfo(userinfo);
|
|
|
+ // function updateAvatar(src: string) {
|
|
|
+ // const userinfo = userStore.getUserInfo;
|
|
|
+ // userinfo.avatar = src;
|
|
|
+ // userStore.setUserInfo(userinfo);
|
|
|
+ // }
|
|
|
+ async function handleSubmit() {
|
|
|
+ try {
|
|
|
+ const values = await validate();
|
|
|
+ const userInfo = userStore.getUserInfo;
|
|
|
+ console.log('userInfo', values, userInfo);
|
|
|
+ const res = await updatePasswordApi({
|
|
|
+ id: userInfo.id,
|
|
|
+ password: encodeStr(window.btoa(values.password)),
|
|
|
+ newPassword: encodeStr(window.btoa(values.newPassword)),
|
|
|
+ });
|
|
|
+ console.log('res', res);
|
|
|
+ createMessage.success(t('common.optSuccess'));
|
|
|
+ userStore.logout(true);
|
|
|
+ } catch (error) {}
|
|
|
}
|
|
|
|
|
|
return {
|
|
|
- avatar,
|
|
|
+ // avatar,
|
|
|
register,
|
|
|
- uploadApi: uploadApi as any,
|
|
|
- updateAvatar,
|
|
|
- handleSubmit: () => {
|
|
|
- createMessage.success('更新成功!');
|
|
|
- },
|
|
|
+ // uploadApi: uploadApi as any,
|
|
|
+ // updateAvatar,
|
|
|
+ handleSubmit,
|
|
|
+ t,
|
|
|
};
|
|
|
},
|
|
|
});
|