清表上传文件图标功能添加

src/views/exctab/excelmodel/excelmodel.vue

@@ -46,37 +46,48 @@
               <!-- <span> {{ node}} </span> -->
               <!-- 添加 -->
               <span v-show="data.moreShow">
-                <i
-                  class="el-icon-circle-plus-outline marleft10"
-                  @click.stop="addExcel(data)"
-                  v-if="data.fileType!=3"
-                ></i>
+                 <el-link :underline="false">
+                     <i
+                      class="el-icon-circle-plus-outline"
+                      @click.stop="addExcel(data)"
+                      v-if="data.fileType!=3"
+                      title="新增"
+                    ></i>
+                 </el-link>
+              
                 <!-- 编辑 -->
+                <el-link :underline="false">
+                      <i
+                      class="el-icon-edit marleft10 "
+                      @click.stop="editExcel(data)"
+                      v-if="data.fileType!=1"
+                        title="编辑"
+                    ></i>
+                </el-link>
+                
+           
+                <el-link :underline="false">
+                  <i
+                    class="el-icon-sort marleft10"
+                    @click.stop="sortpai(data, node)"
+                    v-if="node.level != 1"
+                    title="调整排序"
+                  ></i>
+              </el-link>
+              <el-link :underline="false">
                 <i
-                  class="el-icon-edit marleft10"
-                  @click.stop="editExcel(data)"
-                  v-if="data.fileType!=1"
+                  class="el-icon-upload marleft10"
+                  @click.stop="uploadMoudle(data, node)"
+                  v-if="node.level != 1"
+                  title="上传"
                 ></i>
-                <!-- 删除 -->
+              </el-link>
+               <!-- 删除 -->
                 <i
                   class="el-icon-delete marleft10"
                   @click.stop="deleteExcelM(data,node)"
+                   title="删除"
                 ></i>
-                <!-- 调整排序 -->
-                <!-- <i
-                  class="el-icon-sort"
-                  @click.stop="sortpai(data, node)"
-                  v-if="node.level != 1"
-                  title="调整排序"
-                ></i> -->
-                    <el-link :underline="false">
-                <i
-                  class="el-icon-sort"
-                  @click.stop="sortpai(data, node)"
-                  v-if="node.level != 1"
-                  title="调整排序"
-                ></i>
-              </el-link>
               </span>
             </div>
           </span>
@@ -116,11 +127,7 @@
                   @click.stop="editExcel(data)"
                   v-if="data.fileType!=1"
                 ></i>
-                <!-- 删除 -->
-                <i
-                  class="el-icon-delete marleft10"
-                  @click.stop="deleteExcelM(data,node)"
-                ></i>
+               
                    <!-- 调整排序 -->
                 <!-- <i
                   class="el-icon-sort"
@@ -136,6 +143,20 @@
                   title="调整排序"
                 ></i>
               </el-link>
+              <el-link :underline="false">
+                <i
+                  class="el-icon-upload marleft10"
+                  @click.stop="uploadMoudle(data, node)"
+                  v-if="node.level != 1"
+                  title="上传"
+                ></i>
+              </el-link>
+               <!-- 删除 -->
+                <i
+                  class="el-icon-delete marleft10"
+                  @click.stop="deleteExcelM(data,node)"
+                  title="删除"
+                ></i>
               </span>
             </div>
           </span>
@@ -405,6 +426,51 @@
         <el-button type="primary" @click="editSort()">确 定</el-button>
       </span>
     </el-dialog>
+    <!-- 上传Excel表格 -->
+    <el-dialog
+      title="上传Excel表格"
+      :visible.sync="exceldialogVisible"
+      width="30%"
+       append-to-body
+      :before-close="excelhandleClose">
+      <span>
+        <el-upload
+          class="upload-demo"
+          action="#"
+          :auto-upload="false"
+          :on-change="excelhandleChange"
+          :show-file-list="false"
+          multiple
+          :on-exceed="excelhandleExceed"
+          :file-list="excelfileList"
+          ref="excelmoudelupload">
+          <el-button size="small" type="primary">选择文件</el-button>
+          <!-- <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div> -->
+        </el-upload>
+         <el-table class="down" :data="dataList" border stripe style="width: 100%;margin-top: 20px;">
+           <el-table-column label="序号">
+              <template slot-scope="scope">
+                   {{scope.$index+1}}
+                </template>
+           </el-table-column>
+            <el-table-column prop="name" label="文件名称">
+               <template slot-scope="scope">
+                 <el-input v-model="scope.row.name" placeholder="请输入内容"></el-input>
+               </template>
+            </el-table-column>
+            <el-table-column width="150px" label="操作">
+                <template slot-scope="scope">
+                    <el-button size="small" type="text" @click="deleteHandle(scope.row.uid)">删除</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+      </span>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="exceldialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="aumbitexcelmoudel">确 定上传</el-button>
+      </span>
+    </el-dialog>
+
   </div>
 </template>
 
@@ -414,6 +480,7 @@ import { detailExcel, excelType, tabLazytree, getWbsTypeList, wbstree, selectByN
           uploadcoverfileExcel,downExcelFile,exctabSort} from '@/api/exctab/excelmodel';
 import ManualSorting from '@/components/WbsTree/ManualSorting'
 import VabOnlyOffice from '@/components/online-office/index'
+import { log } from '@antv/g2plot/lib/utils';
 export default {
   components: {
     ManualSorting,VabOnlyOffice
@@ -525,6 +592,10 @@ export default {
       sort:[],
       curTreeData:{},
       defaultExpandKey:[],
+      exceldialogVisible:false,
+      excelfileList:[],
+      dataList:[],
+      fileobj:[]
     }
   },
     computed: {
@@ -1130,6 +1201,46 @@ export default {
       });
 
       this.$refs.file3.clearFiles();
+    },
+    //上传
+    uploadMoudle(){
+      console.log('上传');
+      this.exceldialogVisible=true
+    },
+ 
+    excelhandleChange(file, fileList){
+      this.dataList=fileList
+    },
+    deleteHandle(uid){
+      let arr= this.dataList.filter((item)=>{
+        return item.uid!==uid
+      })
+      this.$nextTick(()=>{
+        this.dataList=arr
+      })
+    },
+    aumbitexcelmoudel(){
+      this.dataList.forEach((item)=>{
+        let formData = new FormData()
+        formData.append('file', item.raw)
+        const loading = this.$loading({
+          lock: true,
+          text: 'Loading',
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.7)'
+        });
+        uploadcoverfileExcel(formData).then(() => {
+          this.$message({
+            message: '上传文件成功',
+            type: 'success'
+          })
+          loading.close();
+        }).catch(() => {
+          loading.close();
+        });
+          this.$refs.excelmoudelupload.clearFiles();
+      })
+      
     }
   },
   created () {