Ver código fonte

12.6修改bug完成

liuqiao 9 meses atrás
pai
commit
40793982c5
2 arquivos alterados com 39 adições e 14 exclusões
  1. 24 7
      src/view/components/MenuMine.vue
  2. 15 7
      src/view/components/fileuploads.vue

+ 24 - 7
src/view/components/MenuMine.vue

@@ -300,10 +300,13 @@
                       :name="'网格文件上传'"
                       @handfiles="handfiles"
                       @Gassaddgfid="Gassaddgfid"
+                      @clearFiles="clearFiles"
                       style="margin: 20px 0 0 0"
                     >
-
+                    <el-row>
+                </el-row>
                   </vue-uploader>
+
                   <vue-uploader
                       ref="inp"
                       :accept="'.inp'"
@@ -312,6 +315,7 @@
                       :gfname="bfname"
                       @handfiles="handfiles"
                       @Gassaddbfid="Gassaddbfid"
+                      @clearFiles="clearFiles"
                       style="margin: 20px 0 0 0"
                     >
                   </vue-uploader>
@@ -759,6 +763,13 @@ let bfname=ref("");
                   type: 'success',
               })
               guandaodata();
+              nextTick(()=>{
+             
+              gfx.value.clearFiles();
+              inp.value.clearFiles();
+            })
+            
+
           })
           .catch((err) => {
            // sdialog.value.gdadddialog = true;
@@ -833,17 +844,23 @@ let bfname=ref("");
 const handfiles = (file) => {
       files.value = "";
      files.value = file;
-     console.log( files.value);
     }
     const Gassaddgfid=(gf)=>{
         gfid.value=gf;
-       // gfx.value.initup();
-       // console.log(gf);
+   
+   
 }
+
 const Gassaddbfid=( bf)=>{
         bfid.value=bf;
-       //inp.value.initup();
-        console.log( bfid.value);
+        console.log(11222)
+   
+}
+// 清空文件
+const clearFiles=()=>{
+    console.log(1111888881)
+    // inp.upload.clearFiles();
+    // gfx.upload.clearFiles();
 }
 //判断文件是否上传
 const fileboolen=(val)=>{
@@ -869,7 +886,7 @@ const fileboolen=(val)=>{
         ElMessage.error("名称不能为空");
      }
      else{
-        console.log(333333)
+      
         guandaoapi();
      }
 

+ 15 - 7
src/view/components/fileuploads.vue

@@ -2,8 +2,9 @@
   <div class="webuploader-container">
         <div :id="'uploader'+upId">
                 <el-row>
-                    <div class="btntext upname wenjian" > {{ gfname}}</div>
+                    
                     <div class="btntext upname" :id="'picker'+upId">{{name}}</div>
+                    <div class="btntext upname wenjian" > {{ gfname}}</div>
                 </el-row>
 
                 <el-row v-for="(fileObj,key) in files" :key="key" class="disflex">
@@ -63,8 +64,13 @@ onMounted(() => {
 const initup=()=>{
     getUUID()
  uuid.value= getUUID()
- console.log(999999);
     initWebUploader();
+}
+const clearFiles=()=>{
+    uploader.value.reset();
+    console.log(files)
+                      
+
 }
 const getUUID=()=> {
           return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
@@ -91,8 +97,6 @@ const getUUID=()=> {
     //         }
 const  initWebUploader=()=>{
            files.value=[];
-           console.log( files.value);
-           console.log(11111)
            uploader.value=WebUploader.create({
                 // swf文件路径
                 swf: './Uploader.swf',
@@ -119,7 +123,8 @@ const  initWebUploader=()=>{
             // 当有文件被添加进队列的时候
       
             uploader.value.on( 'fileQueued', file=> {
-            
+                fileName.value='';
+                uuid.value= getUUID();
                fileName.value=file.name;
              console.log(fileName.value);
              console.log(2222);
@@ -208,9 +213,11 @@ const  initWebUploader=()=>{
                         if(file.ext=='x'){
                     gfid.value= response.bfid;
                     emit("Gassaddgfid", gfid.value);
+                  
                 }else if(file.ext=='inp'){
                     bfid.value= response.bfid;
                     emit("Gassaddbfid", bfid.value);
+              
                 }
                     });
                     })
@@ -266,7 +273,7 @@ const  initWebUploader=()=>{
             })     
   
         }
-        defineExpose({gfid,bfid,initWebUploader,files,msg,initup})
+        defineExpose({gfid,bfid,initWebUploader,files,msg,uploaderClear,clearFiles})
 </script>
 <style>
 .webuploader-container {
@@ -281,6 +288,7 @@ const  initWebUploader=()=>{
     clip: rect(1px,1px,1px,1px);
 }
 .webuploader-pick {
+    width: 80px;
 	position: relative;
 	display: inline-block;
 	cursor: pointer;
@@ -317,7 +325,7 @@ color: #fff;
 }
 .wenjian{
     color: #fff;  
-    padding-right: 10px;
+    padding-left: 10px;
 }
 .webuploader-container .el-icon{
     color: #fff;