seo

src/components/commonTable/CommonTable.vue

@@ -34,6 +34,7 @@
                   : "" }}
               </template>
             </el-table-column>
+            <!--
             <el-table-column label="操作" align="center">
               <template>
                 <el-tag class="move" style="
@@ -45,6 +46,7 @@
                 </el-tag>
               </template>
             </el-table-column>
+            -->
           </el-table>
         </div>
         <!--按钮-->
@@ -58,6 +60,10 @@
           <div style="margin-top: 5px">
             <el-button class="deleteButton" @click="btnDel">删除</el-button>
           </div>
+          <div style="margin-top: 5px">
+            <el-button class="commonbutton" @click="handleExport('commonTables')">导出</el-button>
+          </div>
+          <!--
           <div style="margin-top: 5px">
             <el-button class="commonbutton" @click="btnSetTopOrBottom(1)">置顶</el-button>
           </div>
@@ -67,6 +73,7 @@
           <div style="margin-top: 5px">
             <el-button class="commonbutton" @click="btnSort" :disabled="!isDrag">保存排序</el-button>
           </div>
+          -->
         </div>
       </div>
     </div>
@@ -82,6 +89,7 @@
 <script>
 import moment from "moment";
 import Sortable from "sortablejs";
+import FileSaver from 'file-saver';
 import { getapi, postapi, putapi, deletapi } from "@/api/api";
 import { mapState } from "vuex";
 import {
@@ -157,6 +165,26 @@ export default {
     dddw,
     deepCopy,
 
+    // 通用导出
+    handleExport(elId) {
+      
+      this.$nextTick(() => {
+        // let refsTable = this.$refs[elId]  //.cloneNode(true) true
+        let table = document.getElementById(elId)
+        // console.log('table,refsTable', table, refsTable)
+
+        let tableData = table.innerHTML
+        let fileName = moment(new Date()).format('yyyyMMDDHHmmss')
+
+        let blob = new Blob([tableData], { type: "text/plain;charset=utf-8" });
+
+        FileSaver.saveAs(blob, fileName + '.xls');
+
+      })
+
+
+    },
+
     // 多列初始化
     commonTableColsInit() {
       // console.log('refParams', this.refParams)