Skip to content

K
kd_control
Commit a54650a9 authored by zhanglw's avatar zhanglw
Browse files
Options

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

parent 00b4e8a3
Hide whitespace changes
Inline Side-by-side
Showing with 362 additions and 384 deletions
package.json
View file @ a54650a9
...@@ -80,7 +80,7 @@ ...@@ -80,7 +80,7 @@
"vuedraggable": "2.20.0", "vuedraggable": "2.20.0",
"vuex": "3.1.0", "vuex": "3.1.0",
"wangeditor": "^3.1.1", "wangeditor": "^3.1.1",
"xlsx": "^0.14.1" "xlsx": "^0.14.5"
}, },
"devDependencies": { "devDependencies": {
"@babel/core": "7.0.0", "@babel/core": "7.0.0",
......
src/assets/js/common.js
View file @ a54650a9
...@@ -3130,6 +3130,22 @@ var HttpReq = function(){ ...@@ -3130,6 +3130,22 @@ var HttpReq = function(){
params:param, 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 0 → 100644
View file @ a54650a9
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
View file @ a54650a9
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <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="miningAreaName" label="采区" align="center"></el-table-column>
<el-table-column prop="plan" 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> <el-table-column prop="actualProd" label="实际日产量" align="center"></el-table-column>
...@@ -45,6 +45,7 @@ ...@@ -45,6 +45,7 @@
<script> <script>
import {Tools, HttpReq, Dates} from '@/assets/js/common.js'; import {Tools, HttpReq, Dates} from '@/assets/js/common.js';
import { exportToExcel } from '@/utils/excelUtils';
export default { export default {
data() { data() {
...@@ -154,22 +155,23 @@ export default { ...@@ -154,22 +155,23 @@ export default {
}, },
//导出 //导出
daochu() { daochu() {
//获取表格 exportToExcel("采区产量日报("+ this.currentTime+")", document.querySelector('#dataTable'), this);
var exportFileContent = document.querySelector(".el-table").outerHTML; // //获取表格
//设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M) // var exportFileContent = document.querySelector(".el-table").outerHTML;
//exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent))); // //设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
//var link = "data:"+MIMEType+";base64," + exportFileContent; // //exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
//使用Blob // //var link = "data:"+MIMEType+";base64," + exportFileContent;
var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"}); //解决中文乱码问题 // //使用Blob
blob = new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type}); // 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标签 // var link = window.URL.createObjectURL(blob);
a.download = "采区产量日报(" + this.currentTime + ").xls"; //设置被下载的超链接目标（文件名） // var a = document.createElement("a"); //创建a标签
a.href = link; //设置a标签的链接 // a.download = "采区产量日报(" + this.currentTime + ").xls"; //设置被下载的超链接目标（文件名）
document.body.appendChild(a); //a标签添加到页面 // a.href = link; //设置a标签的链接
a.click(); //设置a标签触发单击事件 // document.body.appendChild(a); //a标签添加到页面
document.body.removeChild(a); //移除a标签 // a.click(); //设置a标签触发单击事件
// document.body.removeChild(a); //移除a标签
}, },
} }
} }
......
src/views/performanceStatistics/caiquOutput/month/index.vue
View file @ a54650a9
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <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="miningAreaName" label="采区" align="center"></el-table-column>
<el-table-column prop="plan" 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> <el-table-column prop="actualProd" label="实际月产量" align="center"></el-table-column>
...@@ -43,6 +43,7 @@ ...@@ -43,6 +43,7 @@
<script> <script>
import { Tools, HttpReq, Dates} from '@/assets/js/common.js'; import { Tools, HttpReq, Dates} from '@/assets/js/common.js';
import { exportToExcel } from '@/utils/excelUtils';
export default { export default {
data() { data() {
...@@ -141,22 +142,23 @@ export default { ...@@ -141,22 +142,23 @@ export default {
}, },
//导出 //导出
daochu(){ daochu(){
//获取表格 exportToExcel("采区产量月报("+ this.currentTime+")", document.querySelector('#dataTable'), this);
var exportFileContent = document.querySelector(".el-table").outerHTML; // //获取表格
//设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M) // var exportFileContent = document.querySelector(".el-table").outerHTML;
//exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent))); // //设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
//var link = "data:"+MIMEType+";base64," + exportFileContent; // //exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
//使用Blob // //var link = "data:"+MIMEType+";base64," + exportFileContent;
var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"}); //解决中文乱码问题 // //使用Blob
blob = new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type}); // 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标签 // var link = window.URL.createObjectURL(blob);
a.download = "采区产量月报("+ this.currentTime + ").xls"; //设置被下载的超链接目标（文件名） // var a = document.createElement("a"); //创建a标签
a.href = link; //设置a标签的链接 // a.download = "采区产量月报("+ this.currentTime + ").xls"; //设置被下载的超链接目标（文件名）
document.body.appendChild(a); //a标签添加到页面 // a.href = link; //设置a标签的链接
a.click(); //设置a标签触发单击事件 // document.body.appendChild(a); //a标签添加到页面
document.body.removeChild(a); //移除a标签 // a.click(); //设置a标签触发单击事件
// document.body.removeChild(a); //移除a标签
}, },
} }
} }
......
src/views/performanceStatistics/caiquOutput/year/index.vue
View file @ a54650a9
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <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="miningAreaName" label="采区" align="center"></el-table-column>
<el-table-column prop="plan" 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> <el-table-column prop="actualProd" label="实际年产量" align="center"></el-table-column>
...@@ -43,6 +43,7 @@ ...@@ -43,6 +43,7 @@
<script> <script>
import { Tools, HttpReq, Dates} from '@/assets/js/common.js'; import { Tools, HttpReq, Dates} from '@/assets/js/common.js';
import { exportToExcel } from '@/utils/excelUtils';
export default { export default {
data() { data() {
...@@ -132,22 +133,23 @@ export default { ...@@ -132,22 +133,23 @@ export default {
}, },
//导出 //导出
daochu(){ daochu(){
//获取表格 exportToExcel("采区产量年报("+ this.currentTime+")", document.querySelector('#dataTable'), this);
var exportFileContent = document.querySelector(".el-table").outerHTML; // //获取表格
//设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M) // var exportFileContent = document.querySelector(".el-table").outerHTML;
//exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent))); // //设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
//var link = "data:"+MIMEType+";base64," + exportFileContent; // //exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
//使用Blob // //var link = "data:"+MIMEType+";base64," + exportFileContent;
var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"}); //解决中文乱码问题 // //使用Blob
blob = new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type}); // 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标签 // var link = window.URL.createObjectURL(blob);
a.download = "采区产量年报("+ this.currentTime + ").xls"; //设置被下载的超链接目标（文件名） // var a = document.createElement("a"); //创建a标签
a.href = link; //设置a标签的链接 // a.download = "采区产量年报("+ this.currentTime + ").xls"; //设置被下载的超链接目标（文件名）
document.body.appendChild(a); //a标签添加到页面 // a.href = link; //设置a标签的链接
a.click(); //设置a标签触发单击事件 // document.body.appendChild(a); //a标签添加到页面
document.body.removeChild(a); //移除a标签 // a.click(); //设置a标签触发单击事件
// document.body.removeChild(a); //移除a标签
}, },
} }
} }
......
src/views/performanceStatistics/carOutput/day/index.vue
View file @ a54650a9
...@@ -21,15 +21,15 @@ ...@@ -21,15 +21,15 @@
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <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="carNo" label="车辆名称" align="center"></el-table-column> <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="carClass" label="车辆类型" align="center"></el-table-column>
<el-table-column prop="time" label="工作时间(h)" align="center"></el-table-column> <el-table-column prop="timeOfWork" label="工作时间(h)" align="center"></el-table-column>
<el-table-column prop="weight" label="产量(T)" align="center"></el-table-column> <el-table-column prop="actualProd" label="产量(t)" align="center"></el-table-column>
<el-table-column prop="num" label="车数" align="center"></el-table-column> <el-table-column prop="number" label="车数" align="center"></el-table-column>
<el-table-column prop="mil" label="里程数(km)" align="center"></el-table-column> <el-table-column prop="mileage" label="里程数(km)" align="center"></el-table-column>
<el-table-column prop="effic" label="工作效率" align="center"></el-table-column> <el-table-column prop="workingEfficiency" label="工作效率(t/h)" align="center"></el-table-column>
</el-table> </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" /> <el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
</div> </div>
...@@ -43,6 +43,7 @@ ...@@ -43,6 +43,7 @@
<script> <script>
import { Tools, HttpReq, Dates} from '@/assets/js/common.js'; import { Tools, HttpReq, Dates} from '@/assets/js/common.js';
import { exportToExcel } from '@/utils/excelUtils';
export default { export default {
data() { data() {
...@@ -63,21 +64,21 @@ export default { ...@@ -63,21 +64,21 @@ export default {
}) })
}, },
methods: { methods: {
loadData() { loadData() {
var sort = 'id,desc'; var sort = 'id,desc';
var param = {...this.query}; var param = {...this.query};
param.page = this.page - 1; param.page = this.page - 1;
param.pageSize = this.size; param.pageSize = this.size;
param.sort = sort; param.sort = sort;
param.dmy = "day"; param.dmy = "day";
if(this.query.createTime){ if(this.query.createTime){
param.queryTime = this.changeTimeFn(this.query.createTime); param.queryTime = this.changeTimeFn(this.query.createTime);
}else{ }else{
param.queryTime = this.currentTime; param.queryTime = this.currentTime;
} }
this.$nextTick(() => { this.$nextTick(() => {
HttpReq.truckDispatching.jxxdTable(param).then((res) => { HttpReq.truckDispatching.jxclTable(param).then((res) => {
this.loading = false; this.loading = false;
if (res.code == 200 && res.data) { if (res.code == 200 && res.data) {
this.tableData = res.data.data; this.tableData = res.data.data;
...@@ -85,8 +86,7 @@ export default { ...@@ -85,8 +86,7 @@ export default {
} }
}) })
}) })
},
},
tableRowClassName({row, rowIndex}) { tableRowClassName({row, rowIndex}) {
if (rowIndex === 1) { if (rowIndex === 1) {
return 'warning-row'; return 'warning-row';
...@@ -152,22 +152,7 @@ export default { ...@@ -152,22 +152,7 @@ export default {
}, },
//导出 //导出
daochu(){ 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标签
}, },
} }
} }
......
src/views/performanceStatistics/carOutput/month/index.vue
View file @ a54650a9
...@@ -21,14 +21,14 @@ ...@@ -21,14 +21,14 @@
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <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="carNo" label="车辆名称" align="center"></el-table-column> <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="carClass" label="车辆类型" align="center"></el-table-column>
<el-table-column prop="time" label="工作时间(h)" align="center"></el-table-column> <el-table-column prop="timeOfWork" label="工作时间(h)" align="center"></el-table-column>
<el-table-column prop="weight" label="产量(T)" align="center"></el-table-column> <el-table-column prop="actualProd" label="产量(t)" align="center"></el-table-column>
<el-table-column prop="num" label="车数" align="center"></el-table-column> <el-table-column prop="number" label="车数" align="center"></el-table-column>
<el-table-column prop="mil" label="里程数(km)" align="center"></el-table-column> <el-table-column prop="mileage" label="里程数(km)" align="center"></el-table-column>
<el-table-column prop="effic" label="工作效率" align="center"></el-table-column> <el-table-column prop="workingEfficiency" label="工作效率(t/h)" align="center"></el-table-column>
</el-table> </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" /> <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 @@ ...@@ -43,6 +43,7 @@
<script> <script>
import { Tools, HttpReq, Dates} from '@/assets/js/common.js'; import { Tools, HttpReq, Dates} from '@/assets/js/common.js';
import { exportToExcel } from '@/utils/excelUtils';
export default { export default {
data() { data() {
...@@ -64,31 +65,27 @@ export default { ...@@ -64,31 +65,27 @@ export default {
}, },
methods: { methods: {
loadData() { loadData() {
var sort = 'id,desc'; var sort = 'id,desc';
var param = {...this.query}; var param = {...this.query};
param.page = this.page - 1; param.page = this.page - 1;
param.size = this.size; param.pageSize = this.size;
param.sort = sort; param.sort = sort;
if(this.query.createTime){ param.dmy = "month";
param.createTime = this.changeTimeFn(this.query.createTime); if(this.query.createTime){
}else{ param.queryTime = this.changeTimeFn(this.query.createTime);
param.createTime = this.currentTime; }else{
} param.queryTime = 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;
}
})
})
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}) { tableRowClassName({row, rowIndex}) {
if (rowIndex === 1) { if (rowIndex === 1) {
...@@ -145,22 +142,23 @@ export default { ...@@ -145,22 +142,23 @@ export default {
}, },
//导出 //导出
daochu(){ daochu(){
//获取表格 exportToExcel("车辆产量月报("+ this.currentTime+")", document.querySelector('#dataTable'), this);
var exportFileContent = document.querySelector(".el-table").outerHTML; // //获取表格
//设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M) // var exportFileContent = document.querySelector(".el-table").outerHTML;
//exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent))); // //设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
//var link = "data:"+MIMEType+";base64," + exportFileContent; // //exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
//使用Blob // //var link = "data:"+MIMEType+";base64," + exportFileContent;
var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"}); //解决中文乱码问题 // //使用Blob
blob = new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type}); // 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标签 // var link = window.URL.createObjectURL(blob);
a.download = "车辆产量月报("+ this.currentTime + ").xls"; //设置被下载的超链接目标（文件名） // var a = document.createElement("a"); //创建a标签
a.href = link; //设置a标签的链接 // a.download = "车辆产量月报("+ this.currentTime + ").xls"; //设置被下载的超链接目标（文件名）
document.body.appendChild(a); //a标签添加到页面 // a.href = link; //设置a标签的链接
a.click(); //设置a标签触发单击事件 // document.body.appendChild(a); //a标签添加到页面
document.body.removeChild(a); //移除a标签 // a.click(); //设置a标签触发单击事件
// document.body.removeChild(a); //移除a标签
}, },
} }
} }
......
src/views/performanceStatistics/carOutput/year/index.vue
View file @ a54650a9
...@@ -21,15 +21,15 @@ ...@@ -21,15 +21,15 @@
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <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="carNo" label="车辆名称" align="center"></el-table-column> <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="carClass" label="车辆类型" align="center"></el-table-column>
<el-table-column prop="time" label="工作时间(h)" align="center"></el-table-column> <el-table-column prop="timeOfWork" label="工作时间(h)" align="center"></el-table-column>
<el-table-column prop="weight" label="产量(T)" align="center"></el-table-column> <el-table-column prop="actualProd" label="产量(t)" align="center"></el-table-column>
<el-table-column prop="num" label="车数" align="center"></el-table-column> <el-table-column prop="number" label="车数" align="center"></el-table-column>
<el-table-column prop="mil" label="里程数(km)" align="center"></el-table-column> <el-table-column prop="mileage" label="里程数(km)" align="center"></el-table-column>
<el-table-column prop="effic" label="工作效率" align="center"></el-table-column> <el-table-column prop="workingEfficiency" label="工作效率(t/h)" align="center"></el-table-column>
</el-table> </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" /> <el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
</div> </div>
...@@ -43,6 +43,7 @@ ...@@ -43,6 +43,7 @@
<script> <script>
import { Tools, HttpReq, Dates} from '@/assets/js/common.js'; import { Tools, HttpReq, Dates} from '@/assets/js/common.js';
import { exportToExcel } from '@/utils/excelUtils';
export default { export default {
data() { data() {
...@@ -64,30 +65,27 @@ export default { ...@@ -64,30 +65,27 @@ export default {
}, },
methods: { methods: {
loadData() { loadData() {
var sort = 'id,desc'; var sort = 'id,desc';
var param = {...this.query}; var param = {...this.query};
param.page = this.page - 1; param.page = this.page - 1;
param.size = this.size; param.pageSize = this.size;
param.sort = sort; param.sort = sort;
if(this.query.createTime){ param.dmy = "year";
param.createTime = this.changeTimeFn(this.query.createTime); if(this.query.createTime){
}else{ param.queryTime = this.changeTimeFn(this.query.createTime);
param.createTime = this.currentTime; }else{
} param.queryTime = this.currentTime;
}
this.$nextTick(()=>{ this.$nextTick(() => {
HttpReq.truckDispatching.apiManmadesCheYearQueryYear(param).then((res) => { HttpReq.truckDispatching.jxclTable(param).then((res) => {
if(res.code == 200){ this.loading = false;
this.loading = false; if (res.code == 200 && res.data) {
this.tableData = res.data; this.tableData = res.data.data;
} this.total = res.data.total;
}) }
HttpReq.truckDispatching.apiManmadesCheYearQueryYear({createTime:param.createTime,size:9999,page:0}).then((res) => { })
if(res.code == 200){ })
this.total = res.data.length;
}
})
})
}, },
tableRowClassName({row, rowIndex}) { tableRowClassName({row, rowIndex}) {
...@@ -135,22 +133,7 @@ export default { ...@@ -135,22 +133,7 @@ export default {
}, },
//导出 //导出
daochu(){ 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标签
}, },
} }
} }
......
src/views/performanceStatistics/driverOutput/day/index.vue
View file @ a54650a9
...@@ -21,14 +21,14 @@ ...@@ -21,14 +21,14 @@
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <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="name" label="司机姓名" align="center"></el-table-column> <el-table-column prop="driverName" label="司机姓名" align="center"></el-table-column>
<el-table-column prop="carNo" label="驾驶车辆" align="center"></el-table-column> <!-- <el-table-column prop="carNumber" label="驾驶车辆" align="center"></el-table-column>-->
<el-table-column prop="time" label="工作时间(h)" align="center"></el-table-column> <el-table-column prop="timeOfWork" label="工作时间(h)" align="center"></el-table-column>
<el-table-column prop="weight" label="产量(T)" align="center"></el-table-column> <el-table-column prop="actualProd" label="产量(t)" align="center"></el-table-column>
<el-table-column prop="num" label="车数" align="center"></el-table-column> <el-table-column prop="number" label="车数" align="center"></el-table-column>
<el-table-column prop="mil" label="里程数(km)" align="center"></el-table-column> <el-table-column prop="mileage" label="里程数(km)" align="center"></el-table-column>
<el-table-column prop="effic" label="工作效率" align="center"></el-table-column> <el-table-column prop="workingEfficiency" label="工作效率(t/h)" align="center"></el-table-column>
</el-table> </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" /> <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 @@ ...@@ -43,6 +43,7 @@
<script> <script>
import { Tools, HttpReq, Dates} from '@/assets/js/common.js'; import { Tools, HttpReq, Dates} from '@/assets/js/common.js';
import { exportToExcel } from '@/utils/excelUtils';
export default { export default {
data() { data() {
...@@ -64,30 +65,27 @@ export default { ...@@ -64,30 +65,27 @@ export default {
}, },
methods: { methods: {
loadData() { loadData() {
var sort = 'id,desc'; var sort = 'id,desc';
var param = {...this.query}; var param = {...this.query};
param.page = this.page - 1; param.page = this.page - 1;
param.size = this.size; param.pageSize = this.size;
param.sort = sort; param.sort = sort;
if(this.query.createTime){ param.dmy = "day";
param.createTime = this.changeTimeFn(this.query.createTime); if(this.query.createTime){
}else{ param.queryTime = this.changeTimeFn(this.query.createTime);
param.createTime = this.currentTime; }else{
} param.queryTime = this.currentTime;
}
this.$nextTick(()=>{ this.$nextTick(() => {
HttpReq.truckDispatching.apiManmadesSijiQueryDay(param).then((res) => { HttpReq.truckDispatching.jxsjTable(param).then((res) => {
if(res.code == 200){ this.loading = false;
this.loading = false; if (res.code == 200 && res.data) {
this.tableData = res.data; this.tableData = res.data.data;
} this.total = res.data.total;
}) }
HttpReq.truckDispatching.apiManmadesSijiQueryDay({createTime:param.createTime,size:9999,page:0}).then((res) => { })
if(res.code == 200){ })
this.total = res.data.length;
}
})
})
}, },
tableRowClassName({row, rowIndex}) { tableRowClassName({row, rowIndex}) {
...@@ -155,22 +153,7 @@ export default { ...@@ -155,22 +153,7 @@ export default {
}, },
//导出 //导出
daochu(){ 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标签
}, },
} }
} }
......
src/views/performanceStatistics/driverOutput/month/index.vue
View file @ a54650a9
...@@ -21,15 +21,15 @@ ...@@ -21,15 +21,15 @@
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <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="name" label="司机姓名" align="center"></el-table-column> <el-table-column prop="driverName" label="司机姓名" align="center"></el-table-column>
<el-table-column prop="carNo" label="驾驶车辆" align="center"></el-table-column> <!-- <el-table-column prop="carNumber" label="驾驶车辆" align="center"></el-table-column>-->
<el-table-column prop="time" label="工作时间(h)" align="center"></el-table-column> <el-table-column prop="timeOfWork" label="工作时间(h)" align="center"></el-table-column>
<el-table-column prop="weight" label="产量(T)" align="center"></el-table-column> <el-table-column prop="actualProd" label="产量(t)" align="center"></el-table-column>
<el-table-column prop="num" label="车数" align="center"></el-table-column> <el-table-column prop="number" label="车数" align="center"></el-table-column>
<el-table-column prop="mil" label="里程数(km)" align="center"></el-table-column> <el-table-column prop="mileage" label="里程数(km)" align="center"></el-table-column>
<el-table-column prop="effic" label="工作效率" align="center"></el-table-column> <el-table-column prop="workingEfficiency" label="工作效率(t/h)" align="center"></el-table-column>
</el-table> </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" /> <el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
</div> </div>
...@@ -43,6 +43,7 @@ ...@@ -43,6 +43,7 @@
<script> <script>
import { Tools, HttpReq, Dates} from '@/assets/js/common.js'; import { Tools, HttpReq, Dates} from '@/assets/js/common.js';
import { exportToExcel } from '@/utils/excelUtils';
export default { export default {
data() { data() {
...@@ -64,30 +65,27 @@ export default { ...@@ -64,30 +65,27 @@ export default {
}, },
methods: { methods: {
loadData() { loadData() {
var sort = 'id,desc'; var sort = 'id,desc';
var param = {...this.query}; var param = {...this.query};
param.page = this.page - 1; param.page = this.page - 1;
param.size = this.size; param.pageSize = this.size;
param.sort = sort; param.sort = sort;
if(this.query.createTime){ param.dmy = "day";
param.createTime = this.changeTimeFn(this.query.createTime); if(this.query.createTime){
}else{ param.queryTime = this.changeTimeFn(this.query.createTime);
param.createTime = this.currentTime; }else{
} param.queryTime = this.currentTime;
}
this.$nextTick(()=>{ this.$nextTick(() => {
HttpReq.truckDispatching.apiManmadesSijiQueryDay(param).then((res) => { HttpReq.truckDispatching.jxsjTable(param).then((res) => {
if(res.code == 200){ this.loading = false;
this.loading = false; if (res.code == 200 && res.data) {
this.tableData = res.data; this.tableData = res.data.data;
} this.total = res.data.total;
}) }
HttpReq.truckDispatching.apiManmadesSijiQueryDay({createTime:param.createTime,size:9999,page:0}).then((res) => { })
if(res.code == 200){ })
this.total = res.data.length;
}
})
})
}, },
tableRowClassName({row, rowIndex}) { tableRowClassName({row, rowIndex}) {
...@@ -145,22 +143,7 @@ export default { ...@@ -145,22 +143,7 @@ export default {
}, },
//导出 //导出
daochu(){ 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标签
}, },
} }
} }
......
src/views/performanceStatistics/driverOutput/year/index.vue
View file @ a54650a9
...@@ -21,15 +21,15 @@ ...@@ -21,15 +21,15 @@
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <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="name" label="司机姓名" align="center"></el-table-column> <el-table-column prop="driverName" label="司机姓名" align="center"></el-table-column>
<el-table-column prop="carNo" label="驾驶车辆" align="center"></el-table-column> <!-- <el-table-column prop="carNumber" label="驾驶车辆" align="center"></el-table-column>-->
<el-table-column prop="time" label="工作时间(h)" align="center"></el-table-column> <el-table-column prop="timeOfWork" label="工作时间(h)" align="center"></el-table-column>
<el-table-column prop="weight" label="产量(T)" align="center"></el-table-column> <el-table-column prop="actualProd" label="产量(t)" align="center"></el-table-column>
<el-table-column prop="num" label="车数" align="center"></el-table-column> <el-table-column prop="number" label="车数" align="center"></el-table-column>
<el-table-column prop="mil" label="里程数(km)" align="center"></el-table-column> <el-table-column prop="mileage" label="里程数(km)" align="center"></el-table-column>
<el-table-column prop="effic" label="工作效率" align="center"></el-table-column> <el-table-column prop="workingEfficiency" label="工作效率(t/h)" align="center"></el-table-column>
</el-table> </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" /> <el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
</div> </div>
...@@ -43,6 +43,7 @@ ...@@ -43,6 +43,7 @@
<script> <script>
import { Tools, HttpReq, Dates} from '@/assets/js/common.js'; import { Tools, HttpReq, Dates} from '@/assets/js/common.js';
import { exportToExcel } from '@/utils/excelUtils';
export default { export default {
data() { data() {
...@@ -64,30 +65,27 @@ export default { ...@@ -64,30 +65,27 @@ export default {
}, },
methods: { methods: {
loadData() { loadData() {
var sort = 'id,desc'; var sort = 'id,desc';
var param = {...this.query}; var param = {...this.query};
param.page = this.page - 1; param.page = this.page - 1;
param.size = this.size; param.pageSize = this.size;
param.sort = sort; param.sort = sort;
if(this.query.createTime){ param.dmy = "day";
param.createTime = this.changeTimeFn(this.query.createTime); if(this.query.createTime){
}else{ param.queryTime = this.changeTimeFn(this.query.createTime);
param.createTime = this.currentTime; }else{
} param.queryTime = this.currentTime;
}
this.$nextTick(()=>{ this.$nextTick(() => {
HttpReq.truckDispatching.apiManmadesSijiQueryDay(param).then((res) => { HttpReq.truckDispatching.jxsjTable(param).then((res) => {
if(res.code == 200){ this.loading = false;
this.loading = false; if (res.code == 200 && res.data) {
this.tableData = res.data; this.tableData = res.data.data;
} this.total = res.data.total;
}) }
HttpReq.truckDispatching.apiManmadesSijiQueryDay({createTime:param.createTime,size:9999,page:0}).then((res) => { })
if(res.code == 200){ })
this.total = res.data.length;
}
})
})
}, },
tableRowClassName({row, rowIndex}) { tableRowClassName({row, rowIndex}) {
...@@ -135,22 +133,7 @@ export default { ...@@ -135,22 +133,7 @@ export default {
}, },
//导出 //导出
daochu(){ 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标签
}, },
} }
} }
......
src/views/performanceStatistics/xiedianOutput/day/index.vue
View file @ a54650a9
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <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="uploadingPointName" label="卸点" align="center"></el-table-column>
<el-table-column prop="plan" 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> <el-table-column prop="actualProd" label="实际日产量" align="center"></el-table-column>
...@@ -43,6 +43,7 @@ ...@@ -43,6 +43,7 @@
<script> <script>
import { Tools, HttpReq, Dates} from '@/assets/js/common.js'; import { Tools, HttpReq, Dates} from '@/assets/js/common.js';
import { exportToExcel } from '@/utils/excelUtils';
export default { export default {
data() { data() {
...@@ -151,22 +152,23 @@ export default { ...@@ -151,22 +152,23 @@ export default {
}, },
//导出 //导出
daochu(){ daochu(){
//获取表格 exportToExcel("卸点产量日报("+ this.currentTime+")", document.querySelector('#dataTable'), this);
var exportFileContent = document.querySelector(".el-table").outerHTML; // //获取表格
//设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M) // var exportFileContent = document.querySelector(".el-table").outerHTML;
//exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent))); // //设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
//var link = "data:"+MIMEType+";base64," + exportFileContent; // //exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
//使用Blob // //var link = "data:"+MIMEType+";base64," + exportFileContent;
var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"}); //解决中文乱码问题 // //使用Blob
blob = new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type}); // 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标签 // var link = window.URL.createObjectURL(blob);
a.download = "卸点产量日报("+ this.currentTime + ").xls"; //设置被下载的超链接目标（文件名） // var a = document.createElement("a"); //创建a标签
a.href = link; //设置a标签的链接 // a.download = "卸点产量日报("+ this.currentTime + ").xls"; //设置被下载的超链接目标（文件名）
document.body.appendChild(a); //a标签添加到页面 // a.href = link; //设置a标签的链接
a.click(); //设置a标签触发单击事件 // document.body.appendChild(a); //a标签添加到页面
document.body.removeChild(a); //移除a标签 // a.click(); //设置a标签触发单击事件
// document.body.removeChild(a); //移除a标签
}, },
} }
} }
......
src/views/performanceStatistics/xiedianOutput/month/index.vue
View file @ a54650a9
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <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="uploadingPointName" label="卸点" align="center"></el-table-column>
<el-table-column prop="plan" 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> <el-table-column prop="actualProd" label="实际月产量" align="center"></el-table-column>
...@@ -43,6 +43,7 @@ ...@@ -43,6 +43,7 @@
<script> <script>
import { Tools, HttpReq, Dates} from '@/assets/js/common.js'; import { Tools, HttpReq, Dates} from '@/assets/js/common.js';
import { exportToExcel } from '@/utils/excelUtils';
export default { export default {
data() { data() {
...@@ -142,22 +143,23 @@ export default { ...@@ -142,22 +143,23 @@ export default {
}, },
//导出 //导出
daochu(){ daochu(){
exportToExcel("卸点产量月报("+ this.currentTime+")", document.querySelector('#dataTable'), this);
//获取表格 //获取表格
var exportFileContent = document.querySelector(".el-table").outerHTML; // var exportFileContent = document.querySelector(".el-table").outerHTML;
//设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M) // //设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
//exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent))); // //exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
//var link = "data:"+MIMEType+";base64," + exportFileContent; // //var link = "data:"+MIMEType+";base64," + exportFileContent;
//使用Blob // //使用Blob
var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"}); //解决中文乱码问题 // var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"}); //解决中文乱码问题
blob = new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type}); // blob = new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
//设置链接 // //设置链接
var link = window.URL.createObjectURL(blob); // var link = window.URL.createObjectURL(blob);
var a = document.createElement("a"); //创建a标签 // var a = document.createElement("a"); //创建a标签
a.download = "卸点产量月报("+ this.currentTime + ").xls"; //设置被下载的超链接目标（文件名） // a.download = "卸点产量月报("+ this.currentTime + ").xls"; //设置被下载的超链接目标（文件名）
a.href = link; //设置a标签的链接 // a.href = link; //设置a标签的链接
document.body.appendChild(a); //a标签添加到页面 // document.body.appendChild(a); //a标签添加到页面
a.click(); //设置a标签触发单击事件 // a.click(); //设置a标签触发单击事件
document.body.removeChild(a); //移除a标签 // document.body.removeChild(a); //移除a标签
}, },
} }
} }
......
src/views/performanceStatistics/xiedianOutput/year/index.vue
View file @ a54650a9
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <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="uploadingPointName" label="卸点" align="center"></el-table-column>
<el-table-column prop="plan" 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> <el-table-column prop="actualProd" label="实际年产量" align="center"></el-table-column>
...@@ -43,6 +43,7 @@ ...@@ -43,6 +43,7 @@
<script> <script>
import { Tools, HttpReq, Dates} from '@/assets/js/common.js'; import { Tools, HttpReq, Dates} from '@/assets/js/common.js';
import { exportToExcel } from '@/utils/excelUtils';
export default { export default {
data() { data() {
...@@ -131,22 +132,23 @@ export default { ...@@ -131,22 +132,23 @@ export default {
}, },
//导出 //导出
daochu(){ daochu(){
exportToExcel("卸点产量年报("+ this.currentTime+")", document.querySelector('#dataTable'), this);
//获取表格 //获取表格
var exportFileContent = document.querySelector(".el-table").outerHTML; // var exportFileContent = document.querySelector(".el-table").outerHTML;
//设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M) // //设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
//exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent))); // //exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
//var link = "data:"+MIMEType+";base64," + exportFileContent; // //var link = "data:"+MIMEType+";base64," + exportFileContent;
//使用Blob // //使用Blob
var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"}); //解决中文乱码问题 // var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"}); //解决中文乱码问题
blob = new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type}); // blob = new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
//设置链接 // //设置链接
var link = window.URL.createObjectURL(blob); // var link = window.URL.createObjectURL(blob);
var a = document.createElement("a"); //创建a标签 // var a = document.createElement("a"); //创建a标签
a.download = "卸点产量年报("+ this.currentTime + ").xls"; //设置被下载的超链接目标（文件名） // a.download = "卸点产量年报("+ this.currentTime + ").xls"; //设置被下载的超链接目标（文件名）
a.href = link; //设置a标签的链接 // a.href = link; //设置a标签的链接
document.body.appendChild(a); //a标签添加到页面 // document.body.appendChild(a); //a标签添加到页面
a.click(); //设置a标签触发单击事件 // a.click(); //设置a标签触发单击事件
document.body.removeChild(a); //移除a标签 // document.body.removeChild(a); //移除a标签
}, },
} }
} }
......
src/views/slopeMonitoring/alarmManagement/index.vue
View file @ a54650a9
...@@ -103,6 +103,7 @@ ...@@ -103,6 +103,7 @@
<script> <script>
import {Tools, HttpReq, Dates} from '@/assets/js/common.js'; import {Tools, HttpReq, Dates} from '@/assets/js/common.js';
import { exportToExcel } from '@/utils/excelUtils';
export default { export default {
name: 'alarmManagement', name: 'alarmManagement',
...@@ -169,7 +170,7 @@ export default { ...@@ -169,7 +170,7 @@ export default {
}) })
}, },
downloadFile() { downloadFile() {
exportToExcel("边坡设备报警监测", document.querySelector('#printContainer'), this);
}, },
toEdit(item) { toEdit(item) {
this.editVisible = true; this.editVisible = true;
......
src/views/slopeMonitoring/precipitationLog/index.vue
View file @ a54650a9
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
<el-button size="mini" type="warning" icon="el-icon-document" @click="downloadFile">导出</el-button> <el-button size="mini" type="warning" icon="el-icon-document" @click="downloadFile">导出</el-button>
</div> </div>
<div class="content"> <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="sensorname" label="设备名称" align="center"></el-table-column>
<el-table-column prop="sensorid" 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> <el-table-column prop="rainfall" label="检测值" align="center"></el-table-column>
...@@ -93,6 +93,7 @@ ...@@ -93,6 +93,7 @@
<script> <script>
import {Tools, HttpReq, Dates} from '@/assets/js/common.js'; import {Tools, HttpReq, Dates} from '@/assets/js/common.js';
import * as echarts from 'echarts'; import * as echarts from 'echarts';
import { exportToExcel } from '@/utils/excelUtils';
export default { export default {
name: 'surfaceDisplacementLog', name: 'surfaceDisplacementLog',
...@@ -245,7 +246,7 @@ export default { ...@@ -245,7 +246,7 @@ export default {
}) })
}, },
downloadFile() { downloadFile() {
exportToExcel("历史降雨量监测", document.querySelector('#dataTable'), this);
}, },
cancelForm() { cancelForm() {
this.visible = false; this.visible = false;
......
src/views/slopeMonitoring/surfaceDisplacementLog/index.vue
View file @ a54650a9
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
<el-button size="mini" type="warning" icon="el-icon-document" @click="downloadFile">导出</el-button> <el-button size="mini" type="warning" icon="el-icon-document" @click="downloadFile">导出</el-button>
</div> </div>
<div class="content"> <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="sensorname" label="设备名称" align="center"></el-table-column>
<el-table-column prop="sensorid" 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> <el-table-column prop="dispX" label="x变化量" align="center"></el-table-column>
...@@ -90,6 +90,7 @@ ...@@ -90,6 +90,7 @@
<script> <script>
import {Tools, HttpReq, Dates} from '@/assets/js/common.js'; import {Tools, HttpReq, Dates} from '@/assets/js/common.js';
import * as echarts from 'echarts'; import * as echarts from 'echarts';
import { exportToExcel } from '@/utils/excelUtils';
export default { export default {
name: 'surfaceDisplacementLog', name: 'surfaceDisplacementLog',
...@@ -255,7 +256,7 @@ export default { ...@@ -255,7 +256,7 @@ export default {
}) })
}, },
downloadFile() { downloadFile() {
exportToExcel("表面位移监测", document.querySelector('#dataTable'), this);
}, },
cancelForm() { cancelForm() {
this.visible = false; this.visible = false;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment