Skip to content

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

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

parent 00b4e8a3
Show whitespace changes
Inline Side-by-side
Showing with 362 additions and 384 deletions
package.json
View file @ a54650a9
......@@ -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
View file @ a54650a9
......@@ -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 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 @@
<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
View file @ a54650a9
......@@ -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
View file @ a54650a9
......@@ -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
View file @ a54650a9
......@@ -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() {
......@@ -77,7 +78,7 @@ export default {
}
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,7 +86,6 @@ export default {
}
})
})
},
tableRowClassName({row, rowIndex}) {
if (rowIndex === 1) {
......@@ -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
View file @ a54650a9
......@@ -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() {
......@@ -67,28 +68,24 @@ export default {
var sort = 'id,desc';
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.pageSize = this.size;
param.sort = sort;
param.dmy = "month";
if(this.query.createTime){
param.createTime = this.changeTimeFn(this.query.createTime);
param.queryTime = this.changeTimeFn(this.query.createTime);
}else{
param.createTime = this.currentTime;
param.queryTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.apiManmadesCheMonthQueryMonth(param).then((res) => {
if(res.code == 200){
this.$nextTick(() => {
HttpReq.truckDispatching.jxclTable(param).then((res) => {
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;
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
View file @ a54650a9
......@@ -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() {
......@@ -67,24 +68,21 @@ export default {
var sort = 'id,desc';
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.pageSize = this.size;
param.sort = sort;
param.dmy = "year";
if(this.query.createTime){
param.createTime = this.changeTimeFn(this.query.createTime);
param.queryTime = this.changeTimeFn(this.query.createTime);
}else{
param.createTime = this.currentTime;
param.queryTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.apiManmadesCheYearQueryYear(param).then((res) => {
if(res.code == 200){
this.$nextTick(() => {
HttpReq.truckDispatching.jxclTable(param).then((res) => {
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;
if (res.code == 200 && res.data) {
this.tableData = res.data.data;
this.total = res.data.total;
}
})
})
......@@ -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
View file @ a54650a9
......@@ -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() {
......@@ -67,24 +68,21 @@ export default {
var sort = 'id,desc';
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.pageSize = this.size;
param.sort = sort;
param.dmy = "day";
if(this.query.createTime){
param.createTime = this.changeTimeFn(this.query.createTime);
param.queryTime = this.changeTimeFn(this.query.createTime);
}else{
param.createTime = this.currentTime;
param.queryTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.apiManmadesSijiQueryDay(param).then((res) => {
if(res.code == 200){
this.$nextTick(() => {
HttpReq.truckDispatching.jxsjTable(param).then((res) => {
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;
if (res.code == 200 && res.data) {
this.tableData = res.data.data;
this.total = res.data.total;
}
})
})
......@@ -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
View file @ a54650a9
......@@ -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() {
......@@ -67,24 +68,21 @@ export default {
var sort = 'id,desc';
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.pageSize = this.size;
param.sort = sort;
param.dmy = "day";
if(this.query.createTime){
param.createTime = this.changeTimeFn(this.query.createTime);
param.queryTime = this.changeTimeFn(this.query.createTime);
}else{
param.createTime = this.currentTime;
param.queryTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.apiManmadesSijiQueryDay(param).then((res) => {
if(res.code == 200){
this.$nextTick(() => {
HttpReq.truckDispatching.jxsjTable(param).then((res) => {
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;
if (res.code == 200 && res.data) {
this.tableData = res.data.data;
this.total = res.data.total;
}
})
})
......@@ -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
View file @ a54650a9
......@@ -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() {
......@@ -67,24 +68,21 @@ export default {
var sort = 'id,desc';
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.pageSize = this.size;
param.sort = sort;
param.dmy = "day";
if(this.query.createTime){
param.createTime = this.changeTimeFn(this.query.createTime);
param.queryTime = this.changeTimeFn(this.query.createTime);
}else{
param.createTime = this.currentTime;
param.queryTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.apiManmadesSijiQueryDay(param).then((res) => {
if(res.code == 200){
this.$nextTick(() => {
HttpReq.truckDispatching.jxsjTable(param).then((res) => {
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;
if (res.code == 200 && res.data) {
this.tableData = res.data.data;
this.total = res.data.total;
}
})
})
......@@ -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
View file @ a54650a9
......@@ -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
View file @ a54650a9
......@@ -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
View file @ a54650a9
......@@ -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
View file @ a54650a9
......@@ -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
View file @ a54650a9
......@@ -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
View file @ a54650a9
......@@ -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;
......
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