前端excel导出，司机绩效报表

package.json

@@ -80,7 +80,7 @@
     "vuedraggable": "2.20.0",
     "vuex": "3.1.0",
     "wangeditor": "^3.1.1",
-    "xlsx": "^0.14.1"
+    "xlsx": "^0.14.5"
   },
   "devDependencies": {
     "@babel/core": "7.0.0",

src/assets/js/common.js

@@ -3130,6 +3130,22 @@ var HttpReq = function(){
           params:param,
         })
       },
+      //绩效车辆报表查询
+      jxclTable: function(param){
+        return request({
+          url: '/api/performanceStatistics/prodTableOfCar',
+          method: 'get',
+          params:param,
+        })
+      },
+      //绩效司机报表查询
+      jxsjTable: function(param){
+        return request({
+          url: '/api/performanceStatistics/prodTableOfDriver',
+          method: 'get',
+          params:param,
+        })
+      },
 
 
 

src/utils/excelUtils.js

+import FileSaver from 'file-saver';
+import XLSX from 'xlsx';
+export function exportToExcel(fliename, dom, that) {
+  // const XLSX = require('xlsx');
+  // console.log('XLSX', XLSX, FileSaver);
+  // 使用 this.$nextTick 是在dom元素都渲染完成之后再执行document.querySelector('#oIncomTable')
+  that.$nextTick(function() {
+    // 设置导出的内容是否只做解析，不进行格式转换     false：要解析， true:不解析
+    const xlsxParam = { raw: true };
+    const wb = XLSX.utils.table_to_book(dom, xlsxParam);
+    // 导出excel文件名
+    let fileName = fliename + new Date().getTime() + '.xlsx';
+
+    const wbout = XLSX.write(wb, {
+      bookType: 'xlsx',
+      bookSST: true,
+      type: 'array',
+    });
+    try {
+      // 下载保存文件
+      FileSaver.saveAs(
+        new Blob([wbout], { type: 'application/octet-stream' }),
+        fileName
+      );
+    } catch (e) {
+      if (typeof console !== 'undefined') {
+        console.log(e, wbout);
+      }
+    }
+    return wbout;
+  });
+}

src/views/performanceStatistics/caiquOutput/day/index.vue

@@ -21,7 +21,7 @@
         <div class="content-within">
           <div class="content-fix">
             <div class="content" style="margin-top:15px;">
-              <el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+              <el-table id="dataTable" :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
                 <el-table-column prop="miningAreaName" label="采区" align="center"></el-table-column>
                 <el-table-column prop="plan" label="日计划量" align="center"></el-table-column>
                 <el-table-column prop="actualProd" label="实际日产量" align="center"></el-table-column>
@@ -45,6 +45,7 @@
 
 <script>
 import {Tools, HttpReq, Dates} from '@/assets/js/common.js';
+import { exportToExcel } from '@/utils/excelUtils';
 
 export default {
   data() {
@@ -154,22 +155,23 @@ export default {
     },
     //导出
     daochu() {
-      //获取表格
-      var exportFileContent = document.querySelector(".el-table").outerHTML;
-      //设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
-      //exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
-      //var link = "data:"+MIMEType+";base64," + exportFileContent;
-      //使用Blob
-      var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"});     	//解决中文乱码问题
-      blob = new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
-      //设置链接
-      var link = window.URL.createObjectURL(blob);
-      var a = document.createElement("a");    //创建a标签
-      a.download = "采区产量日报(" + this.currentTime + ").xls";  //设置被下载的超链接目标（文件名）
-      a.href = link;                            //设置a标签的链接
-      document.body.appendChild(a);            //a标签添加到页面
-      a.click();                                //设置a标签触发单击事件
-      document.body.removeChild(a);            //移除a标签
+      exportToExcel("采区产量日报("+ this.currentTime+")", document.querySelector('#dataTable'), this);
+      // //获取表格
+      // var exportFileContent = document.querySelector(".el-table").outerHTML;
+      // //设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
+      // //exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
+      // //var link = "data:"+MIMEType+";base64," + exportFileContent;
+      // //使用Blob
+      // var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"});     	//解决中文乱码问题
+      // blob = new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
+      // //设置链接
+      // var link = window.URL.createObjectURL(blob);
+      // var a = document.createElement("a");    //创建a标签
+      // a.download = "采区产量日报(" + this.currentTime + ").xls";  //设置被下载的超链接目标（文件名）
+      // a.href = link;                            //设置a标签的链接
+      // document.body.appendChild(a);            //a标签添加到页面
+      // a.click();                                //设置a标签触发单击事件
+      // document.body.removeChild(a);            //移除a标签
     },
   }
 }

src/views/performanceStatistics/caiquOutput/month/index.vue

@@ -21,7 +21,7 @@
 				<div class="content-within">
 					<div class="content-fix">
 						<div class="content" style="margin-top:15px;">
-							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+							<el-table id="dataTable" :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
                 <el-table-column prop="miningAreaName" label="采区" align="center"></el-table-column>
                 <el-table-column prop="plan" label="月计划量" align="center"></el-table-column>
                 <el-table-column prop="actualProd" label="实际月产量" align="center"></el-table-column>
@@ -43,6 +43,7 @@
 
 <script>
 import { Tools, HttpReq, Dates} from '@/assets/js/common.js';
+import { exportToExcel } from '@/utils/excelUtils';
 
 export default {
 	data() {
@@ -141,22 +142,23 @@ export default {
 		},
 		//导出
 		daochu(){
-			//获取表格
-			var exportFileContent = document.querySelector(".el-table").outerHTML;
-			//设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
-			//exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
-			//var link = "data:"+MIMEType+";base64," + exportFileContent;
-			//使用Blob
-			var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"});     	//解决中文乱码问题
-			blob =  new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
-			//设置链接
-			var link = window.URL.createObjectURL(blob);
-			var a = document.createElement("a");    //创建a标签
-			a.download = "采区产量月报("+ this.currentTime + ").xls";  //设置被下载的超链接目标（文件名）
-			a.href = link;                            //设置a标签的链接
-			document.body.appendChild(a);            //a标签添加到页面
-			a.click();                                //设置a标签触发单击事件
-			document.body.removeChild(a);            //移除a标签
+      exportToExcel("采区产量月报("+ this.currentTime+")", document.querySelector('#dataTable'), this);
+			// //获取表格
+			// var exportFileContent = document.querySelector(".el-table").outerHTML;
+			// //设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
+			// //exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
+			// //var link = "data:"+MIMEType+";base64," + exportFileContent;
+			// //使用Blob
+			// var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"});     	//解决中文乱码问题
+			// blob =  new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
+			// //设置链接
+			// var link = window.URL.createObjectURL(blob);
+			// var a = document.createElement("a");    //创建a标签
+			// a.download = "采区产量月报("+ this.currentTime + ").xls";  //设置被下载的超链接目标（文件名）
+			// a.href = link;                            //设置a标签的链接
+			// document.body.appendChild(a);            //a标签添加到页面
+			// a.click();                                //设置a标签触发单击事件
+			// document.body.removeChild(a);            //移除a标签
 		},
 	}
 }

src/views/performanceStatistics/caiquOutput/year/index.vue

@@ -21,7 +21,7 @@
 				<div class="content-within">
 					<div class="content-fix">
 						<div class="content" style="margin-top:15px;">
-							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+							<el-table id="dataTable" :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
                 <el-table-column prop="miningAreaName" label="采区" align="center"></el-table-column>
                 <el-table-column prop="plan" label="年计划量" align="center"></el-table-column>
                 <el-table-column prop="actualProd" label="实际年产量" align="center"></el-table-column>
@@ -43,6 +43,7 @@
 
 <script>
 import { Tools, HttpReq, Dates} from '@/assets/js/common.js';
+import { exportToExcel } from '@/utils/excelUtils';
 
 export default {
 	data() {
@@ -132,22 +133,23 @@ export default {
 		},
 		//导出
 		daochu(){
-			//获取表格
-			var exportFileContent = document.querySelector(".el-table").outerHTML;
-			//设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
-			//exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
-			//var link = "data:"+MIMEType+";base64," + exportFileContent;
-			//使用Blob
-			var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"});     	//解决中文乱码问题
-			blob =  new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
-			//设置链接
-			var link = window.URL.createObjectURL(blob);
-			var a = document.createElement("a");    //创建a标签
-			a.download = "采区产量年报("+ this.currentTime + ").xls";  //设置被下载的超链接目标（文件名）
-			a.href = link;                            //设置a标签的链接
-			document.body.appendChild(a);            //a标签添加到页面
-			a.click();                                //设置a标签触发单击事件
-			document.body.removeChild(a);            //移除a标签
+      exportToExcel("采区产量年报("+ this.currentTime+")", document.querySelector('#dataTable'), this);
+			// //获取表格
+			// var exportFileContent = document.querySelector(".el-table").outerHTML;
+			// //设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
+			// //exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
+			// //var link = "data:"+MIMEType+";base64," + exportFileContent;
+			// //使用Blob
+			// var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"});     	//解决中文乱码问题
+			// blob =  new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
+			// //设置链接
+			// var link = window.URL.createObjectURL(blob);
+			// var a = document.createElement("a");    //创建a标签
+			// a.download = "采区产量年报("+ this.currentTime + ").xls";  //设置被下载的超链接目标（文件名）
+			// a.href = link;                            //设置a标签的链接
+			// document.body.appendChild(a);            //a标签添加到页面
+			// a.click();                                //设置a标签触发单击事件
+			// document.body.removeChild(a);            //移除a标签
 		},
 	}
 }

src/views/performanceStatistics/carOutput/day/index.vue

@@ -21,15 +21,15 @@
 				<div class="content-within">
 					<div class="content-fix">
 						<div class="content" style="margin-top:15px;">
-							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
-								<el-table-column prop="carNo" label="车辆名称" align="center"></el-table-column>
-								<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
-								<el-table-column prop="time" label="工作时间(h)" align="center"></el-table-column>
-								<el-table-column prop="weight" label="产量(T)" align="center"></el-table-column>
-								<el-table-column prop="num" label="车数" align="center"></el-table-column>
-								<el-table-column prop="mil" label="里程数(km)" align="center"></el-table-column>
-								<el-table-column prop="effic" label="工作效率" align="center"></el-table-column>
-							</el-table>
+              <el-table id="dataTable" :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+                <el-table-column prop="carNumber" label="车辆名称" align="center"></el-table-column>
+                <el-table-column prop="carClass" label="车辆类型" align="center"></el-table-column>
+                <el-table-column prop="timeOfWork" label="工作时间(h)" align="center"></el-table-column>
+                <el-table-column prop="actualProd" label="产量(t)" align="center"></el-table-column>
+                <el-table-column prop="number" label="车数" align="center"></el-table-column>
+                <el-table-column prop="mileage" label="里程数(km)" align="center"></el-table-column>
+                <el-table-column prop="workingEfficiency" label="工作效率(t/h)" align="center"></el-table-column>
+              </el-table>
 							<!--分页组件-->
 							<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
 						</div>
@@ -43,6 +43,7 @@
 
 <script>
 import { Tools, HttpReq, Dates} from '@/assets/js/common.js';
+import { exportToExcel } from '@/utils/excelUtils';
 
 export default {
 	data() {
@@ -63,21 +64,21 @@ export default {
 		})
 	},
 	methods: {
-		loadData() {
-			var sort = 'id,desc';
-			var param = {...this.query};
-			param.page = this.page - 1;
-			param.pageSize = this.size;
-			param.sort = sort;
+    loadData() {
+      var sort = 'id,desc';
+      var param = {...this.query};
+      param.page = this.page - 1;
+      param.pageSize = this.size;
+      param.sort = sort;
       param.dmy = "day";
-			if(this.query.createTime){
-				param.queryTime = this.changeTimeFn(this.query.createTime);
-			}else{
-				param.queryTime = this.currentTime;
-			}
+      if(this.query.createTime){
+        param.queryTime = this.changeTimeFn(this.query.createTime);
+      }else{
+        param.queryTime = this.currentTime;
+      }
 
       this.$nextTick(() => {
-        HttpReq.truckDispatching.jxxdTable(param).then((res) => {
+        HttpReq.truckDispatching.jxclTable(param).then((res) => {
           this.loading = false;
           if (res.code == 200 && res.data) {
             this.tableData = res.data.data;
@@ -85,8 +86,7 @@ export default {
           }
         })
       })
-
-		},
+    },
 		tableRowClassName({row, rowIndex}) {
 			if (rowIndex === 1) {
 				return 'warning-row';
@@ -152,22 +152,7 @@ export default {
 		},
 		//导出
 		daochu(){
-			//获取表格
-			var exportFileContent = document.querySelector(".el-table").outerHTML;
-			//设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
-			//exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
-			//var link = "data:"+MIMEType+";base64," + exportFileContent;
-			//使用Blob
-			var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"});     	//解决中文乱码问题
-			blob =  new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
-			//设置链接
-			var link = window.URL.createObjectURL(blob);
-			var a = document.createElement("a");    //创建a标签
-			a.download = "车辆产量日报("+ this.currentTime + ").xls";  //设置被下载的超链接目标（文件名）
-			a.href = link;                            //设置a标签的链接
-			document.body.appendChild(a);            //a标签添加到页面
-			a.click();                                //设置a标签触发单击事件
-			document.body.removeChild(a);            //移除a标签
+      exportToExcel("车辆产量日报("+ this.currentTime+")", document.querySelector('#dataTable'), this);
 		},
 	}
 }

src/views/performanceStatistics/carOutput/month/index.vue

@@ -21,14 +21,14 @@
 				<div class="content-within">
 					<div class="content-fix">
 						<div class="content" style="margin-top:15px;">
-							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
-								<el-table-column prop="carNo" label="车辆名称" align="center"></el-table-column>
-								<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
-								<el-table-column prop="time" label="工作时间(h)" align="center"></el-table-column>
-								<el-table-column prop="weight" label="产量(T)" align="center"></el-table-column>
-								<el-table-column prop="num" label="车数" align="center"></el-table-column>
-								<el-table-column prop="mil" label="里程数(km)" align="center"></el-table-column>
-								<el-table-column prop="effic" label="工作效率" align="center"></el-table-column>
+							<el-table id="dataTable" :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+								<el-table-column prop="carNumber" label="车辆名称" align="center"></el-table-column>
+								<el-table-column prop="carClass" label="车辆类型" align="center"></el-table-column>
+								<el-table-column prop="timeOfWork" label="工作时间(h)" align="center"></el-table-column>
+								<el-table-column prop="actualProd" label="产量(t)" align="center"></el-table-column>
+								<el-table-column prop="number" label="车数" align="center"></el-table-column>
+								<el-table-column prop="mileage" label="里程数(km)" align="center"></el-table-column>
+								<el-table-column prop="workingEfficiency" label="工作效率(t/h)" align="center"></el-table-column>
 							</el-table>
 							<!--分页组件-->
 							<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
@@ -43,6 +43,7 @@
 
 <script>
 import { Tools, HttpReq, Dates} from '@/assets/js/common.js';
+import { exportToExcel } from '@/utils/excelUtils';
 
 export default {
 	data() {
@@ -64,31 +65,27 @@ export default {
 	},
 	methods: {
 		loadData() {
-			var sort = 'id,desc';
-			var param = {...this.query};
-			param.page = this.page - 1;
-			param.size = this.size;
-			param.sort = sort;
-			if(this.query.createTime){
-				param.createTime = this.changeTimeFn(this.query.createTime);
-			}else{
-				param.createTime = this.currentTime;
-			}
-
-			this.$nextTick(()=>{
-				HttpReq.truckDispatching.apiManmadesCheMonthQueryMonth(param).then((res) => {
-					if(res.code == 200){
-						this.loading = false;
-						this.tableData = res.data;
-					}
-				})
-				HttpReq.truckDispatching.apiManmadesCheMonthQueryMonth({createTime:param.createTime,size:9999,page:0}).then((res) => {
-					if(res.code == 200){
-						this.total = res.data.length;
-					}
-				})
-			})
+      var sort = 'id,desc';
+      var param = {...this.query};
+      param.page = this.page - 1;
+      param.pageSize = this.size;
+      param.sort = sort;
+      param.dmy = "month";
+      if(this.query.createTime){
+        param.queryTime = this.changeTimeFn(this.query.createTime);
+      }else{
+        param.queryTime = this.currentTime;
+      }
 
+      this.$nextTick(() => {
+        HttpReq.truckDispatching.jxclTable(param).then((res) => {
+          this.loading = false;
+          if (res.code == 200 && res.data) {
+            this.tableData = res.data.data;
+            this.total = res.data.total;
+          }
+        })
+      })
 		},
 		tableRowClassName({row, rowIndex}) {
 			if (rowIndex === 1) {
@@ -145,22 +142,23 @@ export default {
 		},
 		//导出
 		daochu(){
-			//获取表格
-			var exportFileContent = document.querySelector(".el-table").outerHTML;
-			//设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
-			//exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
-			//var link = "data:"+MIMEType+";base64," + exportFileContent;
-			//使用Blob
-			var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"});     	//解决中文乱码问题
-			blob =  new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
-			//设置链接
-			var link = window.URL.createObjectURL(blob);
-			var a = document.createElement("a");    //创建a标签
-			a.download = "车辆产量月报("+ this.currentTime + ").xls";  //设置被下载的超链接目标（文件名）
-			a.href = link;                            //设置a标签的链接
-			document.body.appendChild(a);            //a标签添加到页面
-			a.click();                                //设置a标签触发单击事件
-			document.body.removeChild(a);            //移除a标签
+      exportToExcel("车辆产量月报("+ this.currentTime+")", document.querySelector('#dataTable'), this);
+			// //获取表格
+			// var exportFileContent = document.querySelector(".el-table").outerHTML;
+			// //设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
+			// //exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
+			// //var link = "data:"+MIMEType+";base64," + exportFileContent;
+			// //使用Blob
+			// var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"});     	//解决中文乱码问题
+			// blob =  new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
+			// //设置链接
+			// var link = window.URL.createObjectURL(blob);
+			// var a = document.createElement("a");    //创建a标签
+			// a.download = "车辆产量月报("+ this.currentTime + ").xls";  //设置被下载的超链接目标（文件名）
+			// a.href = link;                            //设置a标签的链接
+			// document.body.appendChild(a);            //a标签添加到页面
+			// a.click();                                //设置a标签触发单击事件
+			// document.body.removeChild(a);            //移除a标签
 		},
 	}
 }

src/views/performanceStatistics/carOutput/year/index.vue

@@ -21,15 +21,15 @@
 				<div class="content-within">
 					<div class="content-fix">
 						<div class="content" style="margin-top:15px;">
-							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
-								<el-table-column prop="carNo" label="车辆名称" align="center"></el-table-column>
-								<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
-								<el-table-column prop="time" label="工作时间(h)" align="center"></el-table-column>
-								<el-table-column prop="weight" label="产量(T)" align="center"></el-table-column>
-								<el-table-column prop="num" label="车数" align="center"></el-table-column>
-								<el-table-column prop="mil" label="里程数(km)" align="center"></el-table-column>
-								<el-table-column prop="effic" label="工作效率" align="center"></el-table-column>
-							</el-table>
+              <el-table id="dataTable" :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+                <el-table-column prop="carNumber" label="车辆名称" align="center"></el-table-column>
+                <el-table-column prop="carClass" label="车辆类型" align="center"></el-table-column>
+                <el-table-column prop="timeOfWork" label="工作时间(h)" align="center"></el-table-column>
+                <el-table-column prop="actualProd" label="产量(t)" align="center"></el-table-column>
+                <el-table-column prop="number" label="车数" align="center"></el-table-column>
+                <el-table-column prop="mileage" label="里程数(km)" align="center"></el-table-column>
+                <el-table-column prop="workingEfficiency" label="工作效率(t/h)" align="center"></el-table-column>
+              </el-table>
 							<!--分页组件-->
 							<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
 						</div>
@@ -43,6 +43,7 @@
 
 <script>
 import { Tools, HttpReq, Dates} from '@/assets/js/common.js';
+import { exportToExcel } from '@/utils/excelUtils';
 
 export default {
 	data() {
@@ -64,30 +65,27 @@ export default {
 	},
 	methods: {
 		loadData() {
-			var sort = 'id,desc';
-			var param = {...this.query};
-			param.page = this.page - 1;
-			param.size = this.size;
-			param.sort = sort;
-			if(this.query.createTime){
-				param.createTime = this.changeTimeFn(this.query.createTime);
-			}else{
-				param.createTime = this.currentTime;
-			}
+      var sort = 'id,desc';
+      var param = {...this.query};
+      param.page = this.page - 1;
+      param.pageSize = this.size;
+      param.sort = sort;
+      param.dmy = "year";
+      if(this.query.createTime){
+        param.queryTime = this.changeTimeFn(this.query.createTime);
+      }else{
+        param.queryTime = this.currentTime;
+      }
 
-			this.$nextTick(()=>{
-				HttpReq.truckDispatching.apiManmadesCheYearQueryYear(param).then((res) => {
-					if(res.code == 200){
-						this.loading = false;
-						this.tableData = res.data;
-					}
-				})
-				HttpReq.truckDispatching.apiManmadesCheYearQueryYear({createTime:param.createTime,size:9999,page:0}).then((res) => {
-					if(res.code == 200){
-						this.total = res.data.length;
-					}
-				})
-			})
+      this.$nextTick(() => {
+        HttpReq.truckDispatching.jxclTable(param).then((res) => {
+          this.loading = false;
+          if (res.code == 200 && res.data) {
+            this.tableData = res.data.data;
+            this.total = res.data.total;
+          }
+        })
+      })
 
 		},
 		tableRowClassName({row, rowIndex}) {
@@ -135,22 +133,7 @@ export default {
 		},
 		//导出
 		daochu(){
-			//获取表格
-			var exportFileContent = document.querySelector(".el-table").outerHTML;
-			//设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
-			//exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
-			//var link = "data:"+MIMEType+";base64," + exportFileContent;
-			//使用Blob
-			var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"});     	//解决中文乱码问题
-			blob =  new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
-			//设置链接
-			var link = window.URL.createObjectURL(blob);
-			var a = document.createElement("a");    //创建a标签
-			a.download = "车辆产量年报("+ this.currentTime + ").xls";  //设置被下载的超链接目标（文件名）
-			a.href = link;                            //设置a标签的链接
-			document.body.appendChild(a);            //a标签添加到页面
-			a.click();                                //设置a标签触发单击事件
-			document.body.removeChild(a);            //移除a标签
+      exportToExcel("车辆产量年报("+ this.currentTime+")", document.querySelector('#dataTable'), this);
 		},
 	}
 }

src/views/performanceStatistics/driverOutput/day/index.vue

@@ -21,14 +21,14 @@
 				<div class="content-within">
 					<div class="content-fix">
 						<div class="content" style="margin-top:15px;">
-							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
-								<el-table-column prop="name" label="司机姓名" align="center"></el-table-column>
-								<el-table-column prop="carNo" label="驾驶车辆" align="center"></el-table-column>
-								<el-table-column prop="time" label="工作时间(h)" align="center"></el-table-column>
-								<el-table-column prop="weight" label="产量(T)" align="center"></el-table-column>
-								<el-table-column prop="num" label="车数" align="center"></el-table-column>
-								<el-table-column prop="mil" label="里程数(km)" align="center"></el-table-column>
-								<el-table-column prop="effic" label="工作效率" align="center"></el-table-column>
+							<el-table id="dataTable" :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+								<el-table-column prop="driverName" label="司机姓名" align="center"></el-table-column>
+<!--								<el-table-column prop="carNumber" label="驾驶车辆" align="center"></el-table-column>-->
+								<el-table-column prop="timeOfWork" label="工作时间(h)" align="center"></el-table-column>
+								<el-table-column prop="actualProd" label="产量(t)" align="center"></el-table-column>
+								<el-table-column prop="number" label="车数" align="center"></el-table-column>
+								<el-table-column prop="mileage" label="里程数(km)" align="center"></el-table-column>
+								<el-table-column prop="workingEfficiency" label="工作效率(t/h)" align="center"></el-table-column>
 							</el-table>
 							<!--分页组件-->
 							<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
@@ -43,6 +43,7 @@
 
 <script>
 import { Tools, HttpReq, Dates} from '@/assets/js/common.js';
+import { exportToExcel } from '@/utils/excelUtils';
 
 export default {
 	data() {
@@ -64,30 +65,27 @@ export default {
 	},
 	methods: {
 		loadData() {
-			var sort = 'id,desc';
-			var param = {...this.query};
-			param.page = this.page - 1;
-			param.size = this.size;
-			param.sort = sort;
-			if(this.query.createTime){
-				param.createTime = this.changeTimeFn(this.query.createTime);
-			}else{
-				param.createTime = this.currentTime;
-			}
+      var sort = 'id,desc';
+      var param = {...this.query};
+      param.page = this.page - 1;
+      param.pageSize = this.size;
+      param.sort = sort;
+      param.dmy = "day";
+      if(this.query.createTime){
+        param.queryTime = this.changeTimeFn(this.query.createTime);
+      }else{
+        param.queryTime = this.currentTime;
+      }
 
-			this.$nextTick(()=>{
-				HttpReq.truckDispatching.apiManmadesSijiQueryDay(param).then((res) => {
-					if(res.code == 200){
-						this.loading = false;
-						this.tableData = res.data;
-					}
-				})
-				HttpReq.truckDispatching.apiManmadesSijiQueryDay({createTime:param.createTime,size:9999,page:0}).then((res) => {
-					if(res.code == 200){
-						this.total = res.data.length;
-					}
-				})
-			})
+      this.$nextTick(() => {
+        HttpReq.truckDispatching.jxsjTable(param).then((res) => {
+          this.loading = false;
+          if (res.code == 200 && res.data) {
+            this.tableData = res.data.data;
+            this.total = res.data.total;
+          }
+        })
+      })
 
 		},
 		tableRowClassName({row, rowIndex}) {
@@ -155,22 +153,7 @@ export default {
 		},
 		//导出
 		daochu(){
-			//获取表格
-			var exportFileContent = document.querySelector(".el-table").outerHTML;
-			//设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
-			//exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
-			//var link = "data:"+MIMEType+";base64," + exportFileContent;
-			//使用Blob
-			var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"});     	//解决中文乱码问题
-			blob =  new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
-			//设置链接
-			var link = window.URL.createObjectURL(blob);
-			var a = document.createElement("a");    //创建a标签
-			a.download = "司机产量日报("+ this.currentTime + ").xls";  //设置被下载的超链接目标（文件名）
-			a.href = link;                            //设置a标签的链接
-			document.body.appendChild(a);            //a标签添加到页面
-			a.click();                                //设置a标签触发单击事件
-			document.body.removeChild(a);            //移除a标签
+      exportToExcel("司机产量日报("+ this.currentTime+")", document.querySelector('#dataTable'), this);
 		},
 	}
 }

src/views/performanceStatistics/driverOutput/month/index.vue

@@ -21,15 +21,15 @@
 				<div class="content-within">
 					<div class="content-fix">
 						<div class="content" style="margin-top:15px;">
-							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
-								<el-table-column prop="name" label="司机姓名" align="center"></el-table-column>
-								<el-table-column prop="carNo" label="驾驶车辆" align="center"></el-table-column>
-								<el-table-column prop="time" label="工作时间(h)" align="center"></el-table-column>
-								<el-table-column prop="weight" label="产量(T)" align="center"></el-table-column>
-								<el-table-column prop="num" label="车数" align="center"></el-table-column>
-								<el-table-column prop="mil" label="里程数(km)" align="center"></el-table-column>
-								<el-table-column prop="effic" label="工作效率" align="center"></el-table-column>
-							</el-table>
+              <el-table id="dataTable" :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+                <el-table-column prop="driverName" label="司机姓名" align="center"></el-table-column>
+<!--                <el-table-column prop="carNumber" label="驾驶车辆" align="center"></el-table-column>-->
+                <el-table-column prop="timeOfWork" label="工作时间(h)" align="center"></el-table-column>
+                <el-table-column prop="actualProd" label="产量(t)" align="center"></el-table-column>
+                <el-table-column prop="number" label="车数" align="center"></el-table-column>
+                <el-table-column prop="mileage" label="里程数(km)" align="center"></el-table-column>
+                <el-table-column prop="workingEfficiency" label="工作效率(t/h)" align="center"></el-table-column>
+              </el-table>
 							<!--分页组件-->
 							<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
 						</div>
@@ -43,6 +43,7 @@
 
 <script>
 import { Tools, HttpReq, Dates} from '@/assets/js/common.js';
+import { exportToExcel } from '@/utils/excelUtils';
 
 export default {
 	data() {
@@ -64,30 +65,27 @@ export default {
 	},
 	methods: {
 		loadData() {
-			var sort = 'id,desc';
-			var param = {...this.query};
-			param.page = this.page - 1;
-			param.size = this.size;
-			param.sort = sort;
-			if(this.query.createTime){
-				param.createTime = this.changeTimeFn(this.query.createTime);
-			}else{
-				param.createTime = this.currentTime;
-			}
+      var sort = 'id,desc';
+      var param = {...this.query};
+      param.page = this.page - 1;
+      param.pageSize = this.size;
+      param.sort = sort;
+      param.dmy = "day";
+      if(this.query.createTime){
+        param.queryTime = this.changeTimeFn(this.query.createTime);
+      }else{
+        param.queryTime = this.currentTime;
+      }
 
-			this.$nextTick(()=>{
-				HttpReq.truckDispatching.apiManmadesSijiQueryDay(param).then((res) => {
-					if(res.code == 200){
-						this.loading = false;
-						this.tableData = res.data;
-					}
-				})
-				HttpReq.truckDispatching.apiManmadesSijiQueryDay({createTime:param.createTime,size:9999,page:0}).then((res) => {
-					if(res.code == 200){
-						this.total = res.data.length;
-					}
-				})
-			})
+      this.$nextTick(() => {
+        HttpReq.truckDispatching.jxsjTable(param).then((res) => {
+          this.loading = false;
+          if (res.code == 200 && res.data) {
+            this.tableData = res.data.data;
+            this.total = res.data.total;
+          }
+        })
+      })
 
 		},
 		tableRowClassName({row, rowIndex}) {
@@ -145,22 +143,7 @@ export default {
 		},
 		//导出
 		daochu(){
-			//获取表格
-			var exportFileContent = document.querySelector(".el-table").outerHTML;
-			//设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
-			//exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
-			//var link = "data:"+MIMEType+";base64," + exportFileContent;
-			//使用Blob
-			var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"});     	//解决中文乱码问题
-			blob =  new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
-			//设置链接
-			var link = window.URL.createObjectURL(blob);
-			var a = document.createElement("a");    //创建a标签
-			a.download = "司机产量月报("+ this.currentTime + ").xls";  //设置被下载的超链接目标（文件名）
-			a.href = link;                            //设置a标签的链接
-			document.body.appendChild(a);            //a标签添加到页面
-			a.click();                                //设置a标签触发单击事件
-			document.body.removeChild(a);            //移除a标签
+      exportToExcel("司机产量月报("+ this.currentTime+")", document.querySelector('#dataTable'), this);
 		},
 	}
 }

src/views/performanceStatistics/driverOutput/year/index.vue

@@ -21,15 +21,15 @@
 				<div class="content-within">
 					<div class="content-fix">
 						<div class="content" style="margin-top:15px;">
-							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
-								<el-table-column prop="name" label="司机姓名" align="center"></el-table-column>
-								<el-table-column prop="carNo" label="驾驶车辆" align="center"></el-table-column>
-								<el-table-column prop="time" label="工作时间(h)" align="center"></el-table-column>
-								<el-table-column prop="weight" label="产量(T)" align="center"></el-table-column>
-								<el-table-column prop="num" label="车数" align="center"></el-table-column>
-								<el-table-column prop="mil" label="里程数(km)" align="center"></el-table-column>
-								<el-table-column prop="effic" label="工作效率" align="center"></el-table-column>
-							</el-table>
+              <el-table id="dataTable" :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+                <el-table-column prop="driverName" label="司机姓名" align="center"></el-table-column>
+<!--                <el-table-column prop="carNumber" label="驾驶车辆" align="center"></el-table-column>-->
+                <el-table-column prop="timeOfWork" label="工作时间(h)" align="center"></el-table-column>
+                <el-table-column prop="actualProd" label="产量(t)" align="center"></el-table-column>
+                <el-table-column prop="number" label="车数" align="center"></el-table-column>
+                <el-table-column prop="mileage" label="里程数(km)" align="center"></el-table-column>
+                <el-table-column prop="workingEfficiency" label="工作效率(t/h)" align="center"></el-table-column>
+              </el-table>
 							<!--分页组件-->
 							<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
 						</div>
@@ -43,6 +43,7 @@
 
 <script>
 import { Tools, HttpReq, Dates} from '@/assets/js/common.js';
+import { exportToExcel } from '@/utils/excelUtils';
 
 export default {
 	data() {
@@ -64,30 +65,27 @@ export default {
 	},
 	methods: {
 		loadData() {
-			var sort = 'id,desc';
-			var param = {...this.query};
-			param.page = this.page - 1;
-			param.size = this.size;
-			param.sort = sort;
-			if(this.query.createTime){
-				param.createTime = this.changeTimeFn(this.query.createTime);
-			}else{
-				param.createTime = this.currentTime;
-			}
+      var sort = 'id,desc';
+      var param = {...this.query};
+      param.page = this.page - 1;
+      param.pageSize = this.size;
+      param.sort = sort;
+      param.dmy = "day";
+      if(this.query.createTime){
+        param.queryTime = this.changeTimeFn(this.query.createTime);
+      }else{
+        param.queryTime = this.currentTime;
+      }
 
-			this.$nextTick(()=>{
-				HttpReq.truckDispatching.apiManmadesSijiQueryDay(param).then((res) => {
-					if(res.code == 200){
-						this.loading = false;
-						this.tableData = res.data;
-					}
-				})
-				HttpReq.truckDispatching.apiManmadesSijiQueryDay({createTime:param.createTime,size:9999,page:0}).then((res) => {
-					if(res.code == 200){
-						this.total = res.data.length;
-					}
-				})
-			})
+      this.$nextTick(() => {
+        HttpReq.truckDispatching.jxsjTable(param).then((res) => {
+          this.loading = false;
+          if (res.code == 200 && res.data) {
+            this.tableData = res.data.data;
+            this.total = res.data.total;
+          }
+        })
+      })
 
 		},
 		tableRowClassName({row, rowIndex}) {
@@ -135,22 +133,7 @@ export default {
 		},
 		//导出
 		daochu(){
-			//获取表格
-			var exportFileContent = document.querySelector(".el-table").outerHTML;
-			//设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
-			//exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
-			//var link = "data:"+MIMEType+";base64," + exportFileContent;
-			//使用Blob
-			var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"});     	//解决中文乱码问题
-			blob =  new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
-			//设置链接
-			var link = window.URL.createObjectURL(blob);
-			var a = document.createElement("a");    //创建a标签
-			a.download = "司机产量年报("+ this.currentTime + ").xls";  //设置被下载的超链接目标（文件名）
-			a.href = link;                            //设置a标签的链接
-			document.body.appendChild(a);            //a标签添加到页面
-			a.click();                                //设置a标签触发单击事件
-			document.body.removeChild(a);            //移除a标签
+      exportToExcel("司机产量年报("+ this.currentTime+")", document.querySelector('#dataTable'), this);
 		},
 	}
 }

src/views/performanceStatistics/xiedianOutput/day/index.vue

@@ -21,7 +21,7 @@
 				<div class="content-within">
 					<div class="content-fix">
 						<div class="content" style="margin-top:15px;">
-							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+							<el-table id="dataTable" :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
                 <el-table-column prop="uploadingPointName" label="卸点" align="center"></el-table-column>
                 <el-table-column prop="plan" label="日计划量" align="center"></el-table-column>
                 <el-table-column prop="actualProd" label="实际日产量" align="center"></el-table-column>
@@ -43,6 +43,7 @@
 
 <script>
 import { Tools, HttpReq, Dates} from '@/assets/js/common.js';
+import { exportToExcel } from '@/utils/excelUtils';
 
 export default {
 	data() {
@@ -151,22 +152,23 @@ export default {
 		},
 		//导出
 		daochu(){
-			//获取表格
-			var exportFileContent = document.querySelector(".el-table").outerHTML;
-			//设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
-			//exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
-			//var link = "data:"+MIMEType+";base64," + exportFileContent;
-			//使用Blob
-			var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"});     	//解决中文乱码问题
-			blob =  new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
-			//设置链接
-			var link = window.URL.createObjectURL(blob);
-			var a = document.createElement("a");    //创建a标签
-			a.download = "卸点产量日报("+ this.currentTime + ").xls";  //设置被下载的超链接目标（文件名）
-			a.href = link;                            //设置a标签的链接
-			document.body.appendChild(a);            //a标签添加到页面
-			a.click();                                //设置a标签触发单击事件
-			document.body.removeChild(a);            //移除a标签
+      exportToExcel("卸点产量日报("+ this.currentTime+")", document.querySelector('#dataTable'), this);
+			// //获取表格
+			// var exportFileContent = document.querySelector(".el-table").outerHTML;
+			// //设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
+			// //exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
+			// //var link = "data:"+MIMEType+";base64," + exportFileContent;
+			// //使用Blob
+			// var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"});     	//解决中文乱码问题
+			// blob =  new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
+			// //设置链接
+			// var link = window.URL.createObjectURL(blob);
+			// var a = document.createElement("a");    //创建a标签
+			// a.download = "卸点产量日报("+ this.currentTime + ").xls";  //设置被下载的超链接目标（文件名）
+			// a.href = link;                            //设置a标签的链接
+			// document.body.appendChild(a);            //a标签添加到页面
+			// a.click();                                //设置a标签触发单击事件
+			// document.body.removeChild(a);            //移除a标签
 		},
 	}
 }

src/views/performanceStatistics/xiedianOutput/month/index.vue

@@ -21,7 +21,7 @@
 				<div class="content-within">
 					<div class="content-fix">
 						<div class="content" style="margin-top:15px;">
-							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+							<el-table id="dataTable" :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
 								<el-table-column prop="uploadingPointName" label="卸点" align="center"></el-table-column>
 								<el-table-column prop="plan" label="月计划量" align="center"></el-table-column>
 								<el-table-column prop="actualProd" label="实际月产量" align="center"></el-table-column>
@@ -43,6 +43,7 @@
 
 <script>
 import { Tools, HttpReq, Dates} from '@/assets/js/common.js';
+import { exportToExcel } from '@/utils/excelUtils';
 
 export default {
 	data() {
@@ -142,22 +143,23 @@ export default {
 		},
 		//导出
 		daochu(){
+      exportToExcel("卸点产量月报("+ this.currentTime+")", document.querySelector('#dataTable'), this);
 			//获取表格
-			var exportFileContent = document.querySelector(".el-table").outerHTML;
-			//设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
-			//exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
-			//var link = "data:"+MIMEType+";base64," + exportFileContent;
-			//使用Blob
-			var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"});     	//解决中文乱码问题
-			blob =  new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
-			//设置链接
-			var link = window.URL.createObjectURL(blob);
-			var a = document.createElement("a");    //创建a标签
-			a.download = "卸点产量月报("+ this.currentTime + ").xls";  //设置被下载的超链接目标（文件名）
-			a.href = link;                            //设置a标签的链接
-			document.body.appendChild(a);            //a标签添加到页面
-			a.click();                                //设置a标签触发单击事件
-			document.body.removeChild(a);            //移除a标签
+			// var exportFileContent = document.querySelector(".el-table").outerHTML;
+			// //设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
+			// //exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
+			// //var link = "data:"+MIMEType+";base64," + exportFileContent;
+			// //使用Blob
+			// var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"});     	//解决中文乱码问题
+			// blob =  new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
+			// //设置链接
+			// var link = window.URL.createObjectURL(blob);
+			// var a = document.createElement("a");    //创建a标签
+			// a.download = "卸点产量月报("+ this.currentTime + ").xls";  //设置被下载的超链接目标（文件名）
+			// a.href = link;                            //设置a标签的链接
+			// document.body.appendChild(a);            //a标签添加到页面
+			// a.click();                                //设置a标签触发单击事件
+			// document.body.removeChild(a);            //移除a标签
 		},
 	}
 }

src/views/performanceStatistics/xiedianOutput/year/index.vue

@@ -21,7 +21,7 @@
 				<div class="content-within">
 					<div class="content-fix">
 						<div class="content" style="margin-top:15px;">
-							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+							<el-table id="dataTable" :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
                 <el-table-column prop="uploadingPointName" label="卸点" align="center"></el-table-column>
                 <el-table-column prop="plan" label="年计划量" align="center"></el-table-column>
                 <el-table-column prop="actualProd" label="实际年产量" align="center"></el-table-column>
@@ -43,6 +43,7 @@
 
 <script>
 import { Tools, HttpReq, Dates} from '@/assets/js/common.js';
+import { exportToExcel } from '@/utils/excelUtils';
 
 export default {
 	data() {
@@ -131,22 +132,23 @@ export default {
 		},
 		//导出
 		daochu(){
+      exportToExcel("卸点产量年报("+ this.currentTime+")", document.querySelector('#dataTable'), this);
 			//获取表格
-			var exportFileContent = document.querySelector(".el-table").outerHTML;
-			//设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
-			//exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
-			//var link = "data:"+MIMEType+";base64," + exportFileContent;
-			//使用Blob
-			var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"});     	//解决中文乱码问题
-			blob =  new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
-			//设置链接
-			var link = window.URL.createObjectURL(blob);
-			var a = document.createElement("a");    //创建a标签
-			a.download = "卸点产量年报("+ this.currentTime + ").xls";  //设置被下载的超链接目标（文件名）
-			a.href = link;                            //设置a标签的链接
-			document.body.appendChild(a);            //a标签添加到页面
-			a.click();                                //设置a标签触发单击事件
-			document.body.removeChild(a);            //移除a标签
+			// var exportFileContent = document.querySelector(".el-table").outerHTML;
+			// //设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
+			// //exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
+			// //var link = "data:"+MIMEType+";base64," + exportFileContent;
+			// //使用Blob
+			// var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"});     	//解决中文乱码问题
+			// blob =  new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
+			// //设置链接
+			// var link = window.URL.createObjectURL(blob);
+			// var a = document.createElement("a");    //创建a标签
+			// a.download = "卸点产量年报("+ this.currentTime + ").xls";  //设置被下载的超链接目标（文件名）
+			// a.href = link;                            //设置a标签的链接
+			// document.body.appendChild(a);            //a标签添加到页面
+			// a.click();                                //设置a标签触发单击事件
+			// document.body.removeChild(a);            //移除a标签
 		},
 	}
 }

src/views/slopeMonitoring/alarmManagement/index.vue

@@ -103,6 +103,7 @@
 
 <script>
 import {Tools, HttpReq, Dates} from '@/assets/js/common.js';
+import { exportToExcel } from '@/utils/excelUtils';
 
 export default {
   name: 'alarmManagement',
@@ -169,7 +170,7 @@ export default {
       })
     },
     downloadFile() {
-
+      exportToExcel("边坡设备报警监测", document.querySelector('#printContainer'), this);
     },
     toEdit(item) {
       this.editVisible = true;

src/views/slopeMonitoring/precipitationLog/index.vue

@@ -36,7 +36,7 @@
               <el-button size="mini" type="warning" icon="el-icon-document" @click="downloadFile">导出</el-button>
             </div>
             <div class="content">
-              <el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+              <el-table id="dataTable" :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
                 <el-table-column prop="sensorname" label="设备名称" align="center"></el-table-column>
                 <el-table-column prop="sensorid" label="设备编号" align="center"></el-table-column>
                 <el-table-column prop="rainfall" label="检测值" align="center"></el-table-column>
@@ -93,6 +93,7 @@
 <script>
 import {Tools, HttpReq, Dates} from '@/assets/js/common.js';
 import * as echarts from 'echarts';
+import { exportToExcel } from '@/utils/excelUtils';
 
 export default {
   name: 'surfaceDisplacementLog',
@@ -245,7 +246,7 @@ export default {
       })
     },
     downloadFile() {
-
+      exportToExcel("历史降雨量监测", document.querySelector('#dataTable'), this);
     },
     cancelForm() {
       this.visible = false;

src/views/slopeMonitoring/surfaceDisplacementLog/index.vue

@@ -36,7 +36,7 @@
               <el-button size="mini" type="warning" icon="el-icon-document" @click="downloadFile">导出</el-button>
             </div>
             <div class="content">
-              <el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+              <el-table id="dataTable" :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
                 <el-table-column prop="sensorname" label="设备名称" align="center"></el-table-column>
                 <el-table-column prop="sensorid" label="设备编号" align="center"></el-table-column>
                 <el-table-column prop="dispX" label="x变化量" align="center"></el-table-column>
@@ -90,6 +90,7 @@
 <script>
 import {Tools, HttpReq, Dates} from '@/assets/js/common.js';
 import * as echarts from 'echarts';
+import { exportToExcel } from '@/utils/excelUtils';
 
 export default {
   name: 'surfaceDisplacementLog',
@@ -255,7 +256,7 @@ export default {
       })
     },
     downloadFile() {
-
+      exportToExcel("表面位移监测", document.querySelector('#dataTable'), this);
     },
     cancelForm() {
       this.visible = false;