From ebbd788fbb2c0b45d4473798efc57eec8ba74a25 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期二, 18 六月 2024 14:51:16 +0800
Subject: [PATCH] 版本更新至2.11.5
---
src/views/demo/page/account/setting/BaseSetting.vue | 114 ++++++++++++++++++++++++---------------------------------
1 files changed, 48 insertions(+), 66 deletions(-)
diff --git a/src/views/demo/page/account/setting/BaseSetting.vue b/src/views/demo/page/account/setting/BaseSetting.vue
index a17e0d3..e37ce81 100644
--- a/src/views/demo/page/account/setting/BaseSetting.vue
+++ b/src/views/demo/page/account/setting/BaseSetting.vue
@@ -1,14 +1,14 @@
<template>
- <CollapseContainer title="鍩烘湰璁剧疆" :canExpan="false">
- <a-row :gutter="24">
- <a-col :span="14">
+ <CollapseContainer title="鍩烘湰璁剧疆" :canExpand="false">
+ <Row :gutter="24">
+ <Col :span="14">
<BasicForm @register="register" />
- </a-col>
- <a-col :span="10">
+ </Col>
+ <Col :span="10">
<div class="change-avatar">
<div class="mb-2">澶村儚</div>
<CropperAvatar
- :uploadApi="uploadApi"
+ :uploadApi="uploadApi as any"
:value="avatar"
btnText="鏇存崲澶村儚"
:btnProps="{ preIcon: 'ant-design:cloud-upload-outlined' }"
@@ -16,74 +16,56 @@
width="150"
/>
</div>
- </a-col>
- </a-row>
- <Button type="primary" @click="handleSubmit"> 鏇存柊鍩烘湰淇℃伅 </Button>
+ </Col>
+ </Row>
+ <a-button type="primary" @click="handleSubmit"> 鏇存柊鍩烘湰淇℃伅 </a-button>
</CollapseContainer>
</template>
-<script lang="ts">
- import { Button, Row, Col } from 'ant-design-vue';
- import { computed, defineComponent, onMounted } from 'vue';
- import { BasicForm, useForm } from '/@/components/Form/index';
- import { CollapseContainer } from '/@/components/Container';
- import { CropperAvatar } from '/@/components/Cropper';
+<script lang="ts" setup>
+ import { CollapseContainer } from '@/components/Container';
+ import { CropperAvatar } from '@/components/Cropper';
+ import { BasicForm, useForm } from '@/components/Form';
+ import { Col, Row } from 'ant-design-vue';
+ import { computed, onMounted } from 'vue';
- import { useMessage } from '/@/hooks/web/useMessage';
+ import { useMessage } from '@/hooks/web/useMessage';
- import headerImg from '/@/assets/images/header.jpg';
- import { accountInfoApi } from '/@/api/demo/account';
+ import { accountInfoApi } from '@/api/demo/account';
+ import { uploadApi } from '@/api/sys/upload';
+ import headerImg from '@/assets/images/header.jpg';
+ import { useUserStore } from '@/store/modules/user';
import { baseSetschemas } from './data';
- import { useUserStore } from '/@/store/modules/user';
- import { uploadApi } from '/@/api/sys/upload';
- export default defineComponent({
- components: {
- BasicForm,
- CollapseContainer,
- Button,
- ARow: Row,
- ACol: Col,
- CropperAvatar,
- },
- setup() {
- const { createMessage } = useMessage();
- const userStore = useUserStore();
+ const { createMessage } = useMessage();
+ const userStore = useUserStore();
- const [register, { setFieldsValue }] = useForm({
- labelWidth: 120,
- schemas: baseSetschemas,
- showActionButtonGroup: false,
- });
-
- onMounted(async () => {
- const data = await accountInfoApi();
- setFieldsValue(data);
- });
-
- const avatar = computed(() => {
- const { avatar } = userStore.getUserInfo;
- console.log(avatar);
- return avatar || headerImg;
- });
-
- function updateAvatar({ src, data }) {
- const userinfo = userStore.getUserInfo;
- userinfo.avatar = src;
- userStore.setUserInfo(userinfo);
- console.log('data', data);
- }
-
- return {
- avatar,
- register,
- uploadApi: uploadApi as any,
- updateAvatar,
- handleSubmit: () => {
- createMessage.success('鏇存柊鎴愬姛锛�');
- },
- };
- },
+ const [register, { setFieldsValue }] = useForm({
+ labelWidth: 120,
+ schemas: baseSetschemas,
+ showActionButtonGroup: false,
});
+
+ onMounted(async () => {
+ const data = await accountInfoApi();
+ setFieldsValue(data);
+ });
+
+ const avatar = computed(() => {
+ const { avatar } = userStore.getUserInfo;
+ console.log(avatar);
+ return avatar || headerImg;
+ });
+
+ function updateAvatar({ src, data }) {
+ const userinfo = userStore.getUserInfo;
+ userinfo.avatar = src;
+ userStore.setUserInfo(userinfo);
+ console.log('data', data);
+ }
+
+ function handleSubmit() {
+ createMessage.success('鏇存柊鎴愬姛锛�');
+ }
</script>
<style lang="less" scoped>
--
Gitblit v1.9.3