| | |
|---|
| | | import "vue-cropper/dist/index.css";
|
|---|
| | | import { VueCropper } from "vue-cropper";
|
|---|
| | | import { uploadAvatar } from "@/api/system/user";
|
|---|
| | | import useUserStore from '@/store/modules/user'
|
|---|
| | |
|
|---|
| | | const store = useStore();
|
|---|
| | | const userStore = useUserStore()
|
|---|
| | | const { proxy } = getCurrentInstance();
|
|---|
| | |
|
|---|
| | | const open = ref(false);
|
|---|
| | |
|---|
| | |
|
|---|
| | | //图片裁剪数据
|
|---|
| | | const options = reactive({
|
|---|
| | | img: store.getters.avatar, // 裁剪图片的地址
|
|---|
| | | img: userStore.avatar, // 裁剪图片的地址
|
|---|
| | | autoCrop: true, // 是否默认生成截图框
|
|---|
| | | autoCropWidth: 200, // 默认生成截图框宽度
|
|---|
| | | autoCropHeight: 200, // 默认生成截图框高度
|
|---|
| | |
|---|
| | | uploadAvatar(formData).then(response => {
|
|---|
| | | open.value = false;
|
|---|
| | | options.img = import.meta.env.VITE_APP_BASE_API + response.imgUrl;
|
|---|
| | | store.commit("SET_AVATAR", options.img);
|
|---|
| | | userStore.avatar = options.img;
|
|---|
| | | proxy.$modal.msgSuccess("修改成功");
|
|---|
| | | visible.value = false;
|
|---|
| | | });
|
|---|
| | |
|---|
| | | };
|
|---|
| | | /** 关闭窗口 */
|
|---|
| | | function closeDialog() {
|
|---|
| | | options.img = store.getters.avatar;
|
|---|
| | | options.img = userStore.avatar;
|
|---|
| | | options.visible = false;
|
|---|
| | | };
|
|---|
| | | </script>
|
|---|
