From 07c6c8d6fa012a391e6270de5219b9860d95d877 Mon Sep 17 00:00:00 2001
From: wangxiang <1827945911@qq.com>
Date: Mon, 20 Feb 2023 15:48:31 +0800
Subject: [PATCH] =?UTF-8?q?:rocket:=20=E9=80=82=E9=85=8D=E5=A4=B4=E5=83=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/system/user/userInfo/index.vue | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/views/system/user/userInfo/index.vue b/src/views/system/user/userInfo/index.vue
index 30ccf8d..3da2483 100644
--- a/src/views/system/user/userInfo/index.vue
+++ b/src/views/system/user/userInfo/index.vue
@@ -101,12 +101,18 @@
                 </div>
               </AUpload>
             </AFormItem>
-            <AFormItem :wrapperCol="{ style: { 'text-align': 'left' } }">
+            <AFormItem :wrapperCol="{ style: { 'text-align': 'left' }, class: 'avatar-submit-form-item' }">
               <a-button preIcon="fa-regular:save"
                         :loading="state.uploadAvatarBtnLoading"
                         type="primary"
                         @click="handleAvatarSubmit"
               >保存</a-button>
+              <a-button preIcon="ant-design:delete-twotone"
+                        danger
+                        type="primary"
+                        :disabled="!state.imageUrl"
+                        @click="state.imageUrl = ''"
+              >删除</a-button>
             </AFormItem>
           </AForm>
         </ACard>
@@ -231,7 +237,7 @@
 
   const getAvatarUrl = computed((): string => isUrl(unref(getUserInfo).avatar) ? unref(getUserInfo).avatar : apiUrl + unref(getUserInfo).avatar);
 
-  const getImageUrl = computed((): string => isUrl(state.imageUrl) ? state.imageUrl : apiUrl + state.imageUrl);
+  const getImageUrl = computed((): string => (!state.imageUrl || isUrl(state.imageUrl)) ? state.imageUrl : apiUrl + state.imageUrl);
 
   const getLabelStyle = computed((): CSSProperties => ({
     fontSize: '14px',
@@ -326,6 +332,11 @@
   ::v-deep(.upload-avatar-form) > .ant-row {
     margin-bottom: 0px;
   }
+
+  ::v-deep(.avatar-submit-form-item) button {
+    margin-left: 6px;
+  }
+
 }
 
 </style>