修改验证错误的页面变更

components.d.ts

@@ -7,6 +7,20 @@ export {}
 
 declare module 'vue' {
   export interface GlobalComponents {
+    ElButton: typeof import('element-plus/es')['ElButton']
+    ElCard: typeof import('element-plus/es')['ElCard']
+    ElDialog: typeof import('element-plus/es')['ElDialog']
+    ElDivider: typeof import('element-plus/es')['ElDivider']
+    ElForm: typeof import('element-plus/es')['ElForm']
+    ElFormItem: typeof import('element-plus/es')['ElFormItem']
+    ElInput: typeof import('element-plus/es')['ElInput']
+    ElPopconfirm: typeof import('element-plus/es')['ElPopconfirm']
+    ElTable: typeof import('element-plus/es')['ElTable']
+    ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
+    ElTabPane: typeof import('element-plus/es')['ElTabPane']
+    ElTabs: typeof import('element-plus/es')['ElTabs']
+    ElText: typeof import('element-plus/es')['ElText']
+    ElUpload: typeof import('element-plus/es')['ElUpload']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
   }

src/views/FileUploadChange.vue

@@ -89,6 +89,7 @@ const onError = error => {
   let msg = '上传失败'
   try {
     msg = JSON.parse(error.message).detail
+    emit('error', msg)
   } catch (e) {
 
   }

src/views/HomeView.vue

@@ -72,6 +72,7 @@
                                 <div class="flex justify-center items-center gap-4">
                                   <file-upload-change
                                       @success="()=>{getData();ElMessage.success('文件上传成功')}"
+                                      @error="onUploadError"
                                       :code="authCode.code"
                                       :data="{id:row.id}"
                                       action="/file-receive/receive_client/receive_file/update_file"
@@ -110,9 +111,10 @@
                     <span>邮箱号:</span><span class="ml-4">{{ contactInfo.email }}</span>
                   </div>
                   <div>
-                    <span>企业微信二维码:</span><div class="flex mt-8 justify-center items-center">
-                    <img style="width: 18rem" src="/qrcode.jpg">
-                  </div>
+                    <span>企业微信二维码:</span>
+                    <div class="flex mt-8 justify-center items-center">
+                      <img style="width: 18rem" src="/qrcode.jpg">
+                    </div>
                   </div>
                 </div>
                 <!--                <div class="flex-1 flex justify-center items-center">-->
@@ -258,8 +260,8 @@ function checkCode() {
       getData()
       resolve({state: true, msg: ''})
     }).catch(e => {
-      checked.value = false
-      authCode.value.code = ''
+      onCheckError()
+      inited.value = true
       ElMessage.warning('错误的链接或密码')
       localStorage.removeItem(authCode.value.urlCode)
       resolve({state: false, msg: '错误的链接或密码'})
@@ -283,14 +285,21 @@ function getData() {
   }).catch(e => {
     if (e.response.status == 403) {
       ElMessage.warning('访问错误，请输入正确的链接或密码')
-      checked.value = false
-      authCode.value.code = ''
-      localStorage.removeItem(authCode.value.urlCode)
+      onCheckError(true)
     }
     inited.value = true
   })
 }
 
+function onCheckError(clearTempCode = false) {
+  checked.value = false
+  authCode.value.code = ''
+  localStorage.removeItem(authCode.value.urlCode)
+  if (clearTempCode) {
+    codeTemp.value = ''
+  }
+}
+
 function removeFile(id) {
   api.post('/file-receive/receive_client/receive_file/remove_file', {id}, {
     headers: header.value
@@ -301,9 +310,8 @@ function removeFile(id) {
     console.warn(e)
     if (e.response.status == 403) {
       ElMessage.warning('访问错误，请输入正确的链接或密码')
-      checked.value = false
-      authCode.value.code = ''
-      localStorage.removeItem(authCode.value.urlCode)
+      onCheckError(true)
+
     } else {
       ElMessage.warning(e.response.data?.detail || '移除失败')
     }
@@ -346,6 +354,12 @@ function downFile(row: ReceiveFile) {
 
 }
 
+function onUploadError(msg) {
+  if (msg == '错误的链接或密码') {
+    onCheckError(true)
+  }
+}
+
 </script>
 <style>
 .code-card {