加载中加遮罩

src/views/menduner/system/talentMap/maintenance/gather/index.vue

@@ -71,7 +71,7 @@
     </Dialog>
 
     <!-- 解析文件上传 -->
-    <Dialog :title="radioObject[radioValue]" v-model="dialog_upload" :width="DialogWidth" @close="handleCancel">
+    <Dialog :title="radioObject[radioValue]" v-model="dialog_upload" :modalClose="false" :width="DialogWidth" @close="handleCancel">
       <div>
         <!-- 简历解析 -->
         <template v-if="radioValue === 'file'">
@@ -291,19 +291,19 @@ const queryParams = reactive({
 const queryFormRef = ref() // 搜索的表单
 const dialog_upload = ref(false)
 
-// const loadingMark = ref(null)
-// const loadingMarkSetting = (bool) => {
-//   if (bool) {
-//     loadingMark.value = ElLoading.service({
-//       lock: true,
-//       text: '加载中...',
-//       background: 'rgba(0, 0, 0, 0.7)',
-//     })
-//   } else {
-//     if (loadingMark.value) loadingMark.value.close()
-//     loadingMark.value = null
-//   }
-// }
+const loadingMark = ref(null)
+const loadingMarkSetting = (text) => {
+  if (text) {
+    loadingMark.value = ElLoading.service({
+      lock: true,
+      text,
+      background: 'rgba(0, 0, 0, 0.7)',
+    })
+  } else {
+    if (loadingMark.value) loadingMark.value.close()
+    loadingMark.value = null
+  }
+}
 
 /** 查询列表 */
 const getList = async () => {
@@ -546,6 +546,7 @@ const formData = ref({})
 const handleAnalysis = async () => {
   // 开始解析
   analysisLoading.value = true
+  loadingMarkSetting('解析中...')
   cardFileQuery.value = null
   formData.value = null
 	const type = radioValue.value
@@ -580,6 +581,7 @@ const handleAnalysis = async () => {
     cardFileQuery.value = null
   } finally {
     analysisLoading.value = false
+    loadingMarkSetting()
   }
 }
 
@@ -732,6 +734,9 @@ const handleAdd = () => {
   handleWebClear()
   cardUploadRow.value = null
   cardImgUrl.value = null
+  fileUrl.value = ''
+  fileData.value.path = ''
+  fileList.value = []
   analysisLoading.value = false
   analysisType.value = 'create'
   radioValue.value = defaultValue // 重置解析类型