导入excle

src/views/fee-settings/ItemTemplate.vue

@@ -176,7 +176,7 @@
     <div style="margin-left: 10px; margin-top: 5%">
       <div style="">
         <!-- undate -->
-        <el-row>
+        <!-- <el-row>
           <div class="el-form-item__content">
             <el-upload
               ref="upload"
@@ -193,15 +193,18 @@
               <el-button size="small" type="primary">选择文件</el-button>
             </el-upload>
           </div>
-        </el-row>
+        </el-row> -->
         <!--  -->
         <!-- <el-button type="primary" @click="exportexc">导出excel</el-button> -->
       </div>
-      <el-button type="primary" @click="parseImportData(importData)"
-        >parse</el-button
-      >
-
-      <el-button type="primary" @click="add">新增</el-button>
+      <div>
+        <el-button type="primary" @click="parseImportData(importData)"
+          >parse</el-button
+        >
+      </div>
+      <div>
+        <el-button type="primary" @click="add">新增</el-button>
+      </div>
       <el-button
         type="primary"
         @click="editpopup"
@@ -230,8 +233,12 @@
       </div>
     </div>
     <!-- 选择文件之后的弹框 -->
-    <el-dialog title="提示" :visible.sync="filepopupdialogVisible" width="50%">
-      <el-table :data="importData" style="width: 100%"> </el-table>
+    <el-dialog title="提示" :visible.sync="filepopupdialogVisible" width="60%">
+      <!-- <el-table :data="importData" style="width: 100%"> </el-table> -->
+      <div v-for="(item, index) in importData" :key="index">
+        <el-checkbox v-model="item.a">备选项</el-checkbox>
+        {{ item }}
+      </div>
       <span slot="footer" class="dialog-footer">
         <el-button @click="filepopupdialogVisible = false">取 消</el-button>
         <el-button type="primary" @click="filepopupdialogVisible = false"
@@ -379,14 +386,7 @@ export default {
           const worksheet = workbook.getWorksheet(1);
           // 处理Excel文件内容
           worksheet.eachRow((row, rowNumber) => {     
-            // const rowData = row.values;
-            // this.rowData = row.values;
-
-            // console.log(this.rowData,'rowdata');
-            // console.log(rowData);
-            //console.log('row,rowNumber',row,rowNumber);
             this.importData.push(row.values);
-
             // console.log(`第${rowNumber}行的数据：${rowData}`);
           });
         });
@@ -397,13 +397,20 @@ export default {
     parseImportData(importData) {
       console.log("importData", importData.length, importData);
       importData.forEach((item) => {
-        item.forEach((item2) => {
-          // this.$set(item2[0], "name", true);
-          item2[0]['names']=true
-          console.log(item2);
-          // console.log(item2);
-        });
-        // console.log(item,'item',item.length);
+        console.log(item);
+
+      this.importData= item.splice(1).map(items=>{
+   
+        return {id:items[0]}
+      })
+        // this.importData.push(item);
+
+        // item.forEach((item2) => {
+        //   item2.displayName = item2[0];
+        //   console.log(item2.displayName);
+
+        // });
+        console.log(item, "item", item.length);
       });
     },