清表上传功能

src/views/exctab/excelmodel/excelmodel.vue

@@ -36,7 +36,7 @@
                       title="调整排序"></i>
                   </el-link>
                   <el-link :underline="false">
-                    <i class="el-icon-upload marleft10" @click.stop="uploadMoudle(data, node)" v-if="node.level != 1"
+                    <i class="el-icon-upload marleft10" @click.stop="uploadMoudle(data, node)" v-if="data.fileType != 3"
                       title="上传"></i>
                   </el-link>
                   <!-- 删除 -->
@@ -204,7 +204,7 @@
       </span>
     </el-dialog>
     <!-- 上传Excel表格 -->
-    <el-dialog title="上传Excel表格" :visible.sync="exceldialogVisible" width="30%" append-to-body
+    <el-dialog title="上传Excel表格" :visible.sync="exceldialogVisible" width="40%" append-to-body
       :before-close="excelhandleClose">
       <span>
         <el-upload accept=".xls, .xlsx" class="upload-demo" action="#" :auto-upload="false" :on-change="excelhandleChange"
@@ -214,8 +214,10 @@
           <!-- <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="序号">
+          <el-table-column label="序号" width="150">
             <template slot-scope="scope">
+              <i class="el-icon-sort-up marleft10 text-hover" @click="upSortFile(scope.row,scope.$index)"></i> 
+              <i class="el-icon-sort-down marleft10 text-hover" @click="downSortFile(scope.row,scope.$index)"></i> 
               {{ scope.$index + 1 }}
             </template>
           </el-table-column>
@@ -224,7 +226,7 @@
               <el-input v-model="scope.row.name" placeholder="请输入内容"></el-input>
             </template>
           </el-table-column>
-          <el-table-column width="150px" label="操作">
+          <el-table-column width="80" label="操作">
             <template slot-scope="scope">
               <el-button size="small" type="text" @click="deleteHandle(scope.row.uid)">删除</el-button>
             </template>
@@ -1045,8 +1047,6 @@ export default {
           spinner: 'el-icon-loading',
           background: 'rgba(0, 0, 0, 0.7)'
         });
-       
-      
         batchUploadExcelTab(formData).then(() => {
           this.$message({
             message: '上传文件成功',
@@ -1062,9 +1062,30 @@ export default {
         this.$refs.excelmoudelupload.clearFiles();
        
     },
+    //更改上传文件顺序
+    upSortFile(row,index){
+      const data= this.dataList
+      if(index!==0){
+        const tmp = data.splice(index - 1, 1);
+        this.dataList.splice(index, 0, tmp[0]);
+      }else{
+        this.$message.warning('已经处于置顶，无法上移')
+      }
+      
+    },
+    downSortFile(row,index){
+      const indexs = index + 1
+      const data = this.dataList
+      if (indexs !== data.length) {
+          const tmp = data.splice(indexs, 1);
+          this.dataList.splice(index, 0, tmp[0]);
+      } else {
+        this.$message.warning('已经处于置底，无法下移')
+      }
+    },
     cancleexceldialog(){
-     
       this.exceldialogVisible=false
+      this.dataList=[]
     }
   },
   created() {
@@ -1176,4 +1197,8 @@ export default {
   box-sizing: border-box;
   padding-bottom: 10px;
 }
+.text-hover{
+  cursor: pointer;
+  color: #409EFF;
+}
 </style>