上个多个字体

src/views/TemplateCenter/font.vue

@@ -53,17 +53,17 @@
         </template>
         <div class="addTemplateBox q-mb-lg fz14">
           <div class="row flex-end q-mb-lg">
+            <!-- :limit="1" -->
             <el-button type="primary" size="small" style="color: #ffff;">
               <el-upload
                 ref="upload"  
                 :on-change="(uploadFile:any, uploadFiles:any)=> uploadFontHandler(uploadFile, uploadFiles,datas.params.fontFamily)"
                 action=""
-                :limit="1"
+                multiple
                 :auto-upload="false"
                 accept=".ttf, .woff, otf"
                 :show-file-list="false"
-                :on-exceed="handleExceed"  
-            >
+                :on-exceed="handleExceed">
                 <template #trigger>
                   <span class="text-white">{{datas.params.id?'替换':'上传'}}字体</span>
                 </template>
@@ -90,7 +90,7 @@
           </div>
        </div>
         <div class="text-center">
-          <el-button class="MarketIndexButtom MarketRec" type="primary" @click="ConfirmCreation"
+          <el-button class="MarketIndexButtom MarketRec" type="primary" @click="ConfirmCreation(0)"
           :loading="requestLoading">
               确认{{datas.params.id?'编辑':'新增'}}
           </el-button>
@@ -149,6 +149,7 @@
     const fonts = ref<{fontFamily:string,uploadType:number,selectedFont?:string}[]>()
     const uploadingIndex = ref(-1)
     const upload = ref<UploadInstance>()
+    const fliesNum = ref(0 as number)
   
     const close = () => {
       datas.params = {
@@ -168,7 +169,7 @@
       upload.value.submit()
     }
 
-    const ConfirmCreation = async () => {
+    const ConfirmCreation = async (type:any) => {
       //添加、编辑字体
       if(!datas.params.label)return ElMessage({
         message:'请输入名称',
@@ -194,7 +195,9 @@
             message: `操作${datas.params.label}成功`,
             type: 'success',
         })
-        datas.addEditVisible = false
+        if(fliesNum.value) fliesNum.value--
+        if(!type||(type&&!fliesNum.value)) datas.addEditVisible = false
+        console.log(fliesNum.value,'----4')
         datas.requestLoading = false
         querySearchHandler()
       }else{
@@ -202,6 +205,8 @@
               message:'字体上传失败,请重试',
               type:'error'
           })
+          if(fliesNum.value) fliesNum.value--
+          console.log(fliesNum.value,'----5')
           datas.requestLoading = false
       }
     }
@@ -258,6 +263,8 @@
     }
   
     const uploadFontHandler = async (uploadFile:any, uploadFiles:any, fontName:string) => {
+      fliesNum.value = uploadFiles.length
+      console.log(fliesNum.value,'----0')
       const ns = uploadFile.name.toLowerCase().split('.')
       const n = ns[ns.length-1]
       const acceptFile = ['ttf','otf','woff']
@@ -265,6 +272,8 @@
           ElMessage.error({
               message:`不支持此类文件上传，目前只支持${acceptFile.join(',')}等文件上传`
           })
+          if(fliesNum.value) fliesNum.value--
+          console.log(fliesNum.value,'----01')
           return;
       }
       uploadingIndex.value = dataList.value?.findIndex(x=>x.fontFamily==fontName)??-1
@@ -275,6 +284,8 @@
           } catch (error) {
               ElMessage.error({message:'字体无法识别，请更换'})
               uploadingIndex.value=-1
+              if(fliesNum.value) fliesNum.value--
+              console.log(fliesNum.value,'----1')
               return
           }
   
@@ -282,6 +293,8 @@
           if(flagIndex>0){
               ElMessage.error({message:`${info.name} 字体已存在，请选择使用已有字体`})
               uploadingIndex.value=-1
+              if(fliesNum.value) fliesNum.value--
+              console.log(fliesNum.value,'----2')
               return
           }
           let url = await FileService.uploadToFontServerAsync(uploadFile?.raw)
@@ -302,12 +315,14 @@
               datas.params.fontUrl = url
               datas.params.reduceName = reduceName
               datas.params.reduceUrl = reduceUrl
-              await ConfirmCreation()
+              await ConfirmCreation(1)
           }else{
               ElMessage({
                   message:'上传失败，请重试',
                   type:'error'
               })
+              if(fliesNum.value) fliesNum.value--
+              console.log(fliesNum.value,'----3')
           }
       } catch (error) {
       }