Skip to content

卡
卡车调度系统
Commit fbb11cfa authored by caicaicai's avatar caicaicai
Browse files
Options

修改

parent 03f54636
Hide whitespace changes
Inline Side-by-side
Showing with 1765 additions and 410 deletions
src/assets/js/common.js
View file @ fbb11cfa
......@@ -941,14 +941,14 @@ var HttpReq = function(){
//绩效统计——日报——区域产量报表采区
caiquAreaQueryDay: function(param){
return request({
url: '/api/Point',
url: '/api/Panel',
method: 'get',
params:param,
})
},
caiquAreaAddDay: function(data){
return request({
url: '/api/Point',
url: '/api/Panel',
method: 'POST',
data:data,
}).then((res) => {
......@@ -957,14 +957,14 @@ var HttpReq = function(){
},
caiquAreaUpdateDay: function(data){
return request({
url: '/api/Point',
url: '/api/Panel',
method: 'PUT',
data:data,
})
},
caiquAreaDelDay: function(data){
return request({
url: '/api/Point',
url: '/api/Panel',
method: 'Delete',
data:data,
})
......@@ -972,14 +972,14 @@ var HttpReq = function(){
//绩效统计——日报——区域产量报表卸区
xiequAreaQueryDay: function(param){
return request({
url: '/api/Panel',
url: '/api/Point',
method: 'get',
params:param,
})
},
xiequAreaAddDay: function(data){
return request({
url: '/api/Panel',
url: '/api/Point',
method: 'POST',
data:data,
}).then((res) => {
......@@ -988,14 +988,14 @@ var HttpReq = function(){
},
xiequAreaUpdateDay: function(data){
return request({
url: '/api/Panel',
url: '/api/Point',
method: 'PUT',
data:data,
})
},
xiequAreaDelDay: function(data){
return request({
url: '/api/Panel',
url: '/api/Point',
method: 'Delete',
data:data,
})
......@@ -1003,14 +1003,14 @@ var HttpReq = function(){
//绩效统计——日报——车辆产量报表
carOutputQueryDay: function(param){
return request({
url: '/api/carOutput',
url: '/api/Car',
method: 'get',
params:param,
})
},
carOutputAddDay: function(data){
return request({
url: '/api/carOutput',
url: '/api/Car',
method: 'POST',
data:data,
}).then((res) => {
......@@ -1019,45 +1019,14 @@ var HttpReq = function(){
},
carOutputUpdateDay: function(data){
return request({
url: '/api/carOutput',
url: '/api/Car',
method: 'PUT',
data:data,
})
},
carOutputDelDay: function(data){
return request({
url: '/api/carOutput',
method: 'Delete',
data:data,
})
},
//绩效统计——日报——司机产量报表
driverOutputQueryDay: function(param){
return request({
url: '/api/driverOutput',
method: 'get',
params:param,
})
},
driverOutputAddDay: function(data){
return request({
url: '/api/driverOutput',
method: 'POST',
data:data,
}).then((res) => {
return res
})
},
driverOutputUpdateDay: function(data){
return request({
url: '/api/driverOutput',
method: 'PUT',
data:data,
})
},
driverOutputDelDay: function(data){
return request({
url: '/api/driverOutput',
url: '/api/Car',
method: 'Delete',
data:data,
})
......@@ -1065,14 +1034,14 @@ var HttpReq = function(){
//绩效统计——日报——司机产量报表
driverOutputQueryDay: function(param){
return request({
url: '/api/driverOutput',
url: '/api/Driver',
method: 'get',
params:param,
})
},
driverOutputAddDay: function(data){
return request({
url: '/api/driverOutput',
url: '/api/Driver',
method: 'POST',
data:data,
}).then((res) => {
......@@ -1081,14 +1050,14 @@ var HttpReq = function(){
},
driverOutputUpdateDay: function(data){
return request({
url: '/api/driverOutput',
url: '/api/Driver',
method: 'PUT',
data:data,
})
},
driverOutputDelDay: function(data){
return request({
url: '/api/driverOutput',
url: '/api/Driver',
method: 'Delete',
data:data,
})
......@@ -1096,14 +1065,14 @@ var HttpReq = function(){
//绩效统计——日报——班次产量报表车辆
carShiftOutputQueryDay: function(param){
return request({
url: '/api/carShiftOutput',
url: '/api/Carshift',
method: 'get',
params:param,
})
},
carShiftOutputAddDay: function(data){
return request({
url: '/api/carShiftOutput',
url: '/api/Carshift',
method: 'POST',
data:data,
}).then((res) => {
......@@ -1112,14 +1081,14 @@ var HttpReq = function(){
},
carShiftOutputUpdateDay: function(data){
return request({
url: '/api/carShiftOutput',
url: '/api/Carshift',
method: 'PUT',
data:data,
})
},
carShiftOutputDelDay: function(data){
return request({
url: '/api/carShiftOutput',
url: '/api/Carshift',
method: 'Delete',
data:data,
})
......@@ -1127,14 +1096,14 @@ var HttpReq = function(){
//绩效统计——日报——班次产量报表司机
driverShiftOutputQueryDay: function(param){
return request({
url: '/api/driverShiftOutput',
url: '/api/Drivershift',
method: 'get',
params:param,
})
},
driverShiftOutputAddDay: function(data){
return request({
url: '/api/driverShiftOutput',
url: '/api/Drivershift',
method: 'POST',
data:data,
}).then((res) => {
......@@ -1143,14 +1112,14 @@ var HttpReq = function(){
},
driverShiftOutputUpdateDay: function(data){
return request({
url: '/api/driverShiftOutput',
url: '/api/Drivershift',
method: 'PUT',
data:data,
})
},
driverShiftOutputDelDay: function(data){
return request({
url: '/api/driverShiftOutput',
url: '/api/Drivershift',
method: 'Delete',
data:data,
})
......@@ -1158,14 +1127,14 @@ var HttpReq = function(){
//绩效统计——日报——停车区域统计
parkingQueryDay: function(param){
return request({
url: '/api/parking',
url: '/api/Stop',
method: 'get',
params:param,
})
},
parkingAddDay: function(data){
return request({
url: '/api/parking',
url: '/api/Stop',
method: 'POST',
data:data,
}).then((res) => {
......@@ -1174,14 +1143,14 @@ var HttpReq = function(){
},
parkingUpdateDay: function(data){
return request({
url: '/api/parking',
url: '/api/Stop',
method: 'PUT',
data:data,
})
},
parkingDelDay: function(data){
return request({
url: '/api/parking',
url: '/api/Stop',
method: 'Delete',
data:data,
})
......@@ -1189,14 +1158,14 @@ var HttpReq = function(){
//绩效统计——日报——故障统计
breakDownQueryDay: function(param){
return request({
url: '/api/breakDown',
url: '/api/Fault',
method: 'get',
params:param,
})
},
breakDownAddDay: function(data){
return request({
url: '/api/breakDown',
url: '/api/Fault',
method: 'POST',
data:data,
}).then((res) => {
......@@ -1205,14 +1174,14 @@ var HttpReq = function(){
},
breakDownUpdateDay: function(data){
return request({
url: '/api/breakDown',
url: '/api/Fault',
method: 'PUT',
data:data,
})
},
breakDownDelDay: function(data){
return request({
url: '/api/breakDown',
url: '/api/Fault',
method: 'Delete',
data:data,
})
......
src/views/performanceStatistics/breakDownStatistics/day/index.vue
View file @ fbb11cfa
......@@ -5,30 +5,28 @@
<!--工具栏-->
<div class="head-container">
<!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button>
<el-button size="mini" icon="el-icon-refresh" @click="clearLimit">重置</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
</div>
</div>
<!-- 表格 -->
<div class="panel-bottom page-row">
<h3>故障日报</h3>
<h3>故障日报({{currentTime}})</h3>
<div class="ctin-box">
<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="id" label="序号" align="center"></el-table-column>
<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
<el-table-column prop="fault" label="故障类型" align="center"></el-table-column>
<el-table-column prop="carname" label="车辆名称" align="center"></el-table-column>
<el-table-column prop="name" label="司机" align="center"></el-table-column>
<el-table-column prop="dar" label="发生故障位置" align="center"></el-table-column>
<el-table-column prop="addTime" label="日期" 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" />
......@@ -53,10 +51,11 @@ export default {
total: 0,
query:{},
tableData: [],
currentTime:'',
}
},
mounted() {
var that = this;
this.currentTimeFn();
this.$nextTick(() => {
this.loadData();
})
......@@ -64,13 +63,18 @@ export default {
methods: {
loadData() {
var sort = 'id,desc';
var param = this.query;
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
HttpReq.truckDispatching.breakDownQueryDay(param).then((res) => {
if(res.code == 200){
this.loading = false;
this.tableData = res.data.content;
......@@ -96,7 +100,8 @@ export default {
// 重置搜索
clearLimit(){
this.query = {};
this.loadData()
this.currentTimeFn();
this.loadData();
},
pageChange(e) {
this.page = e
......@@ -107,6 +112,60 @@ export default {
this.size = e
this.loadData()
},
//获取当前时间
currentTimeFn(){
var date = new Date();
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
},
//转换查询时间
changeTimeFn(time){
var date = new Date(time);
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
return currentFormatDate;
},
//导出
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标签
},
}
}
</script>
......
src/views/performanceStatistics/breakDownStatistics/month/index.vue
View file @ fbb11cfa
......@@ -5,30 +5,28 @@
<!--工具栏-->
<div class="head-container">
<!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button>
<el-button size="mini" icon="el-icon-refresh" @click="clearLimit">重置</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
</div>
</div>
<!-- 表格 -->
<div class="panel-bottom page-row">
<h3>故障月报</h3>
<h3>故障月报({{currentTime}})</h3>
<div class="ctin-box">
<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="id" label="序号" align="center"></el-table-column>
<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
<el-table-column prop="fault" label="故障类型" align="center"></el-table-column>
<el-table-column prop="carname" label="车辆名称" align="center"></el-table-column>
<el-table-column prop="name" label="司机" align="center"></el-table-column>
<el-table-column prop="dar" label="发生故障位置" align="center"></el-table-column>
<el-table-column prop="addTime" label="日期" 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" />
......@@ -53,10 +51,11 @@ export default {
total: 0,
query:{},
tableData: [],
currentTime:'',
}
},
mounted() {
var that = this;
this.currentTimeFn();
this.$nextTick(() => {
this.loadData();
})
......@@ -64,13 +63,18 @@ export default {
methods: {
loadData() {
var sort = 'id,desc';
var param = this.query;
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
HttpReq.truckDispatching.breakDownQueryDay(param).then((res) => {
if(res.code == 200){
this.loading = false;
this.tableData = res.data.content;
......@@ -96,7 +100,8 @@ export default {
// 重置搜索
clearLimit(){
this.query = {};
this.loadData()
this.currentTimeFn();
this.loadData();
},
pageChange(e) {
this.page = e
......@@ -107,6 +112,60 @@ export default {
this.size = e
this.loadData()
},
//获取当前时间
currentTimeFn(){
var date = new Date();
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
},
//转换查询时间
changeTimeFn(time){
var date = new Date(time);
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
return currentFormatDate;
},
//导出
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标签
},
}
}
</script>
......
src/views/performanceStatistics/breakDownStatistics/year/index.vue
View file @ fbb11cfa
......@@ -5,30 +5,28 @@
<!--工具栏-->
<div class="head-container">
<!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button>
<el-button size="mini" icon="el-icon-refresh" @click="clearLimit">重置</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
</div>
</div>
<!-- 表格 -->
<div class="panel-bottom page-row">
<h3>故障年报</h3>
<h3>故障日报({{currentTime}})</h3>
<div class="ctin-box">
<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="id" label="序号" align="center"></el-table-column>
<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
<el-table-column prop="fault" label="故障类型" align="center"></el-table-column>
<el-table-column prop="carname" label="车辆名称" align="center"></el-table-column>
<el-table-column prop="name" label="司机" align="center"></el-table-column>
<el-table-column prop="dar" label="发生故障位置" align="center"></el-table-column>
<el-table-column prop="addTime" label="日期" 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" />
......@@ -53,10 +51,11 @@ export default {
total: 0,
query:{},
tableData: [],
currentTime:'',
}
},
mounted() {
var that = this;
this.currentTimeFn();
this.$nextTick(() => {
this.loadData();
})
......@@ -64,13 +63,18 @@ export default {
methods: {
loadData() {
var sort = 'id,desc';
var param = this.query;
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
HttpReq.truckDispatching.breakDownQueryDay(param).then((res) => {
if(res.code == 200){
this.loading = false;
this.tableData = res.data.content;
......@@ -96,7 +100,8 @@ export default {
// 重置搜索
clearLimit(){
this.query = {};
this.loadData()
this.currentTimeFn();
this.loadData();
},
pageChange(e) {
this.page = e
......@@ -107,6 +112,60 @@ export default {
this.size = e
this.loadData()
},
//获取当前时间
currentTimeFn(){
var date = new Date();
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
},
//转换查询时间
changeTimeFn(time){
var date = new Date(time);
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
return currentFormatDate;
},
//导出
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标签
},
}
}
</script>
......
src/views/performanceStatistics/caiquOutput/day/index.vue
View file @ fbb11cfa
......@@ -5,30 +5,30 @@
<!--工具栏-->
<div class="head-container">
<!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button>
<el-button size="mini" icon="el-icon-refresh" @click="clearLimit">重置</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
</div>
</div>
<!-- 表格 -->
<div class="panel-bottom page-row">
<h3>采区产量日报</h3>
<h3>采区产量日报({{currentTime}})</h3>
<div class="ctin-box">
<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="id" label="序号" align="center"></el-table-column>
<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
<el-table-column prop="name" label="采区" align="center"></el-table-column>
<el-table-column prop="dayPlan" label="日计划量" align="center"></el-table-column>
<el-table-column prop="output" label="实际日产量" align="center"></el-table-column>
<el-table-column prop="rate" label="完成率" align="center"></el-table-column>
<el-table-column prop="worktime" label="电铲工作时间(h)" align="center"></el-table-column>
<el-table-column prop="shovel" label="电铲车数" align="center"></el-table-column>
<el-table-column prop="lorry" label="卡车车数" 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" />
......@@ -53,10 +53,11 @@ export default {
total: 0,
query:{},
tableData: [],
currentTime:'',
}
},
mounted() {
var that = this;
this.currentTimeFn();
this.$nextTick(() => {
this.loadData();
})
......@@ -64,13 +65,18 @@ export default {
methods: {
loadData() {
var sort = 'id,desc';
var param = this.query;
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
HttpReq.truckDispatching.caiquAreaQueryDay(param).then((res) => {
if(res.code == 200){
this.loading = false;
this.tableData = res.data.content;
......@@ -96,7 +102,8 @@ export default {
// 重置搜索
clearLimit(){
this.query = {};
this.loadData()
this.currentTimeFn();
this.loadData();
},
pageChange(e) {
this.page = e
......@@ -107,6 +114,60 @@ export default {
this.size = e
this.loadData()
},
//获取当前时间
currentTimeFn(){
var date = new Date();
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
},
//转换查询时间
changeTimeFn(time){
var date = new Date(time);
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
return currentFormatDate;
},
//导出
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标签
},
}
}
</script>
......
src/views/performanceStatistics/caiquOutput/month/index.vue
View file @ fbb11cfa
......@@ -5,30 +5,30 @@
<!--工具栏-->
<div class="head-container">
<!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">选择月份</label>
<el-date-picker v-model="query.addTime" type="month" placeholder="选择月份"></el-date-picker>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button>
<el-button size="mini" icon="el-icon-refresh" @click="clearLimit">重置</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
</div>
</div>
<!-- 表格 -->
<div class="panel-bottom page-row">
<h3>采区产量月报</h3>
<h3>采区产量月报({{currentTime}})</h3>
<div class="ctin-box">
<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="id" label="序号" align="center"></el-table-column>
<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
<el-table-column prop="name" label="采区" align="center"></el-table-column>
<el-table-column prop="dayPlan" label="月计划量" align="center"></el-table-column>
<el-table-column prop="output" label="实际月产量" align="center"></el-table-column>
<el-table-column prop="rate" label="完成率" align="center"></el-table-column>
<el-table-column prop="worktime" label="电铲工作时间(h)" align="center"></el-table-column>
<el-table-column prop="shovel" label="电铲车数" align="center"></el-table-column>
<el-table-column prop="lorry" label="卡车车数" 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" />
......@@ -53,10 +53,11 @@ export default {
total: 0,
query:{},
tableData: [],
currentTime:'',
}
},
mounted() {
var that = this;
this.currentTimeFn();
this.$nextTick(() => {
this.loadData();
})
......@@ -64,13 +65,18 @@ export default {
methods: {
loadData() {
var sort = 'id,desc';
var param = this.query;
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
HttpReq.truckDispatching.caiquAreaQueryDay(param).then((res) => {
if(res.code == 200){
this.loading = false;
this.tableData = res.data.content;
......@@ -96,7 +102,8 @@ export default {
// 重置搜索
clearLimit(){
this.query = {};
this.loadData()
this.currentTimeFn();
this.loadData();
},
pageChange(e) {
this.page = e
......@@ -107,6 +114,60 @@ export default {
this.size = e
this.loadData()
},
//获取当前时间
currentTimeFn(){
var date = new Date();
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
},
//转换查询时间
changeTimeFn(time){
var date = new Date(time);
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
return currentFormatDate;
},
//导出
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标签
},
}
}
</script>
......
src/views/performanceStatistics/caiquOutput/year/index.vue
View file @ fbb11cfa
......@@ -5,30 +5,30 @@
<!--工具栏-->
<div class="head-container">
<!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button>
<el-button size="mini" icon="el-icon-refresh" @click="clearLimit">重置</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
</div>
</div>
<!-- 表格 -->
<div class="panel-bottom page-row">
<h3>采区产量年报</h3>
<h3>采区产量日报({{currentTime}})</h3>
<div class="ctin-box">
<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="id" label="序号" align="center"></el-table-column>
<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
<el-table-column prop="name" label="采区" align="center"></el-table-column>
<el-table-column prop="dayPlan" label="日计划量" align="center"></el-table-column>
<el-table-column prop="output" label="实际日产量" align="center"></el-table-column>
<el-table-column prop="rate" label="完成率" align="center"></el-table-column>
<el-table-column prop="worktime" label="电铲工作时间(h)" align="center"></el-table-column>
<el-table-column prop="shovel" label="电铲车数" align="center"></el-table-column>
<el-table-column prop="lorry" label="卡车车数" 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" />
......@@ -53,10 +53,11 @@ export default {
total: 0,
query:{},
tableData: [],
currentTime:'',
}
},
mounted() {
var that = this;
this.currentTimeFn();
this.$nextTick(() => {
this.loadData();
})
......@@ -64,13 +65,18 @@ export default {
methods: {
loadData() {
var sort = 'id,desc';
var param = this.query;
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
HttpReq.truckDispatching.caiquAreaQueryDay(param).then((res) => {
if(res.code == 200){
this.loading = false;
this.tableData = res.data.content;
......@@ -96,7 +102,8 @@ export default {
// 重置搜索
clearLimit(){
this.query = {};
this.loadData()
this.currentTimeFn();
this.loadData();
},
pageChange(e) {
this.page = e
......@@ -107,6 +114,60 @@ export default {
this.size = e
this.loadData()
},
//获取当前时间
currentTimeFn(){
var date = new Date();
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
},
//转换查询时间
changeTimeFn(time){
var date = new Date(time);
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
return currentFormatDate;
},
//导出
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标签
},
}
}
</script>
......
src/views/performanceStatistics/carOutput/day/index.vue
View file @ fbb11cfa
......@@ -5,30 +5,30 @@
<!--工具栏-->
<div class="head-container">
<!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button>
<el-button size="mini" icon="el-icon-refresh" @click="clearLimit">重置</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
</div>
</div>
<!-- 表格 -->
<div class="panel-bottom page-row">
<h3>车辆产量日报</h3>
<h3>车辆产量日报({{currentTime}})</h3>
<div class="ctin-box">
<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="id" label="序号" align="center"></el-table-column>
<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
<el-table-column prop="name" label="车辆名称" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
<el-table-column prop="worktime" label="工作时间(h)" align="center"></el-table-column>
<el-table-column prop="output" label="产量(kg)" align="center"></el-table-column>
<el-table-column prop="number" label="车数" align="center"></el-table-column>
<el-table-column prop="course" label="里程数(km)" align="center"></el-table-column>
<el-table-column prop="rate" label="工作效率" 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" />
......@@ -53,10 +53,11 @@ export default {
total: 0,
query:{},
tableData: [],
currentTime:'',
}
},
mounted() {
var that = this;
this.currentTimeFn();
this.$nextTick(() => {
this.loadData();
})
......@@ -64,13 +65,18 @@ export default {
methods: {
loadData() {
var sort = 'id,desc';
var param = this.query;
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
HttpReq.truckDispatching.carOutputQueryDay(param).then((res) => {
if(res.code == 200){
this.loading = false;
this.tableData = res.data.content;
......@@ -96,7 +102,8 @@ export default {
// 重置搜索
clearLimit(){
this.query = {};
this.loadData()
this.currentTimeFn();
this.loadData();
},
pageChange(e) {
this.page = e
......@@ -107,6 +114,60 @@ export default {
this.size = e
this.loadData()
},
//获取当前时间
currentTimeFn(){
var date = new Date();
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
},
//转换查询时间
changeTimeFn(time){
var date = new Date(time);
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
return currentFormatDate;
},
//导出
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标签
},
}
}
</script>
......
src/views/performanceStatistics/carOutput/month/index.vue
View file @ fbb11cfa
......@@ -5,30 +5,30 @@
<!--工具栏-->
<div class="head-container">
<!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button>
<el-button size="mini" icon="el-icon-refresh" @click="clearLimit">重置</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
</div>
</div>
<!-- 表格 -->
<div class="panel-bottom page-row">
<h3>车辆产量月报</h3>
<h3>车辆产量日报({{currentTime}})</h3>
<div class="ctin-box">
<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="id" label="序号" align="center"></el-table-column>
<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
<el-table-column prop="name" label="车辆名称" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
<el-table-column prop="worktime" label="工作时间(h)" align="center"></el-table-column>
<el-table-column prop="output" label="产量(kg)" align="center"></el-table-column>
<el-table-column prop="number" label="车数" align="center"></el-table-column>
<el-table-column prop="course" label="里程数(km)" align="center"></el-table-column>
<el-table-column prop="rate" label="工作效率" 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" />
......@@ -53,10 +53,11 @@ export default {
total: 0,
query:{},
tableData: [],
currentTime:'',
}
},
mounted() {
var that = this;
this.currentTimeFn();
this.$nextTick(() => {
this.loadData();
})
......@@ -64,13 +65,18 @@ export default {
methods: {
loadData() {
var sort = 'id,desc';
var param = this.query;
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
HttpReq.truckDispatching.carOutputQueryDay(param).then((res) => {
if(res.code == 200){
this.loading = false;
this.tableData = res.data.content;
......@@ -96,7 +102,8 @@ export default {
// 重置搜索
clearLimit(){
this.query = {};
this.loadData()
this.currentTimeFn();
this.loadData();
},
pageChange(e) {
this.page = e
......@@ -107,6 +114,60 @@ export default {
this.size = e
this.loadData()
},
//获取当前时间
currentTimeFn(){
var date = new Date();
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
},
//转换查询时间
changeTimeFn(time){
var date = new Date(time);
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
return currentFormatDate;
},
//导出
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标签
},
}
}
</script>
......
src/views/performanceStatistics/carOutput/year/index.vue
View file @ fbb11cfa
......@@ -5,30 +5,30 @@
<!--工具栏-->
<div class="head-container">
<!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button>
<el-button size="mini" icon="el-icon-refresh" @click="clearLimit">重置</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
</div>
</div>
<!-- 表格 -->
<div class="panel-bottom page-row">
<h3>车辆产量年报</h3>
<h3>车辆产量日报({{currentTime}})</h3>
<div class="ctin-box">
<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="id" label="序号" align="center"></el-table-column>
<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
<el-table-column prop="name" label="车辆名称" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
<el-table-column prop="worktime" label="工作时间(h)" align="center"></el-table-column>
<el-table-column prop="output" label="产量(kg)" align="center"></el-table-column>
<el-table-column prop="number" label="车数" align="center"></el-table-column>
<el-table-column prop="course" label="里程数(km)" align="center"></el-table-column>
<el-table-column prop="rate" label="工作效率" 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" />
......@@ -53,10 +53,11 @@ export default {
total: 0,
query:{},
tableData: [],
currentTime:'',
}
},
mounted() {
var that = this;
this.currentTimeFn();
this.$nextTick(() => {
this.loadData();
})
......@@ -64,13 +65,18 @@ export default {
methods: {
loadData() {
var sort = 'id,desc';
var param = this.query;
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
HttpReq.truckDispatching.carOutputQueryDay(param).then((res) => {
if(res.code == 200){
this.loading = false;
this.tableData = res.data.content;
......@@ -96,7 +102,8 @@ export default {
// 重置搜索
clearLimit(){
this.query = {};
this.loadData()
this.currentTimeFn();
this.loadData();
},
pageChange(e) {
this.page = e
......@@ -107,6 +114,60 @@ export default {
this.size = e
this.loadData()
},
//获取当前时间
currentTimeFn(){
var date = new Date();
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
},
//转换查询时间
changeTimeFn(time){
var date = new Date(time);
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
return currentFormatDate;
},
//导出
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标签
},
}
}
</script>
......
src/views/performanceStatistics/carShiftOutput/day/index.vue
View file @ fbb11cfa
......@@ -5,30 +5,29 @@
<!--工具栏-->
<div class="head-container">
<!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button>
<el-button size="mini" icon="el-icon-refresh" @click="clearLimit">重置</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
</div>
</div>
<!-- 表格 -->
<div class="panel-bottom page-row">
<h3>车辆班次产量日报</h3>
<h3>车辆班次产量日报({{currentTime}})</h3>
<div class="ctin-box">
<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="id" label="序号" align="center"></el-table-column>
<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
<el-table-column prop="name" label="车辆名称" align="center"></el-table-column>
<el-table-column prop="num" label="车数" align="center"></el-table-column>
<el-table-column prop="number" label="工作时长(h)" align="center"></el-table-column>
<el-table-column prop="output" label="产量(kg)" align="center"></el-table-column>
<el-table-column prop="course" label="里程数" align="center"></el-table-column>
<el-table-column prop="rate" label="工作效率" 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" />
......@@ -53,10 +52,11 @@ export default {
total: 0,
query:{},
tableData: [],
currentTime:'',
}
},
mounted() {
var that = this;
this.currentTimeFn();
this.$nextTick(() => {
this.loadData();
})
......@@ -64,13 +64,18 @@ export default {
methods: {
loadData() {
var sort = 'id,desc';
var param = this.query;
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
HttpReq.truckDispatching.carShiftOutputQueryDay(param).then((res) => {
if(res.code == 200){
this.loading = false;
this.tableData = res.data.content;
......@@ -96,7 +101,8 @@ export default {
// 重置搜索
clearLimit(){
this.query = {};
this.loadData()
this.currentTimeFn();
this.loadData();
},
pageChange(e) {
this.page = e
......@@ -107,6 +113,60 @@ export default {
this.size = e
this.loadData()
},
//获取当前时间
currentTimeFn(){
var date = new Date();
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
},
//转换查询时间
changeTimeFn(time){
var date = new Date(time);
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
return currentFormatDate;
},
//导出
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标签
},
}
}
</script>
......
src/views/performanceStatistics/carShiftOutput/month/index.vue
View file @ fbb11cfa
......@@ -5,30 +5,29 @@
<!--工具栏-->
<div class="head-container">
<!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button>
<el-button size="mini" icon="el-icon-refresh" @click="clearLimit">重置</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
</div>
</div>
<!-- 表格 -->
<div class="panel-bottom page-row">
<h3>车辆班次产量月报</h3>
<h3>车辆班次产量日报({{currentTime}})</h3>
<div class="ctin-box">
<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="id" label="序号" align="center"></el-table-column>
<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
<el-table-column prop="name" label="车辆名称" align="center"></el-table-column>
<el-table-column prop="num" label="车数" align="center"></el-table-column>
<el-table-column prop="number" label="工作时长(h)" align="center"></el-table-column>
<el-table-column prop="output" label="产量(kg)" align="center"></el-table-column>
<el-table-column prop="course" label="里程数" align="center"></el-table-column>
<el-table-column prop="rate" label="工作效率" 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" />
......@@ -53,10 +52,11 @@ export default {
total: 0,
query:{},
tableData: [],
currentTime:'',
}
},
mounted() {
var that = this;
this.currentTimeFn();
this.$nextTick(() => {
this.loadData();
})
......@@ -64,13 +64,18 @@ export default {
methods: {
loadData() {
var sort = 'id,desc';
var param = this.query;
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
HttpReq.truckDispatching.carShiftOutputQueryDay(param).then((res) => {
if(res.code == 200){
this.loading = false;
this.tableData = res.data.content;
......@@ -96,7 +101,8 @@ export default {
// 重置搜索
clearLimit(){
this.query = {};
this.loadData()
this.currentTimeFn();
this.loadData();
},
pageChange(e) {
this.page = e
......@@ -107,6 +113,60 @@ export default {
this.size = e
this.loadData()
},
//获取当前时间
currentTimeFn(){
var date = new Date();
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
},
//转换查询时间
changeTimeFn(time){
var date = new Date(time);
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
return currentFormatDate;
},
//导出
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标签
},
}
}
</script>
......
src/views/performanceStatistics/carShiftOutput/year/index.vue
View file @ fbb11cfa
......@@ -5,30 +5,29 @@
<!--工具栏-->
<div class="head-container">
<!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button>
<el-button size="mini" icon="el-icon-refresh" @click="clearLimit">重置</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
</div>
</div>
<!-- 表格 -->
<div class="panel-bottom page-row">
<h3>车辆班次产量年报</h3>
<h3>车辆班次产量日报({{currentTime}})</h3>
<div class="ctin-box">
<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="id" label="序号" align="center"></el-table-column>
<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
<el-table-column prop="name" label="车辆名称" align="center"></el-table-column>
<el-table-column prop="num" label="车数" align="center"></el-table-column>
<el-table-column prop="number" label="工作时长(h)" align="center"></el-table-column>
<el-table-column prop="output" label="产量(kg)" align="center"></el-table-column>
<el-table-column prop="course" label="里程数" align="center"></el-table-column>
<el-table-column prop="rate" label="工作效率" 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" />
......@@ -53,10 +52,11 @@ export default {
total: 0,
query:{},
tableData: [],
currentTime:'',
}
},
mounted() {
var that = this;
this.currentTimeFn();
this.$nextTick(() => {
this.loadData();
})
......@@ -64,13 +64,18 @@ export default {
methods: {
loadData() {
var sort = 'id,desc';
var param = this.query;
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
HttpReq.truckDispatching.carShiftOutputQueryDay(param).then((res) => {
if(res.code == 200){
this.loading = false;
this.tableData = res.data.content;
......@@ -96,7 +101,8 @@ export default {
// 重置搜索
clearLimit(){
this.query = {};
this.loadData()
this.currentTimeFn();
this.loadData();
},
pageChange(e) {
this.page = e
......@@ -107,6 +113,60 @@ export default {
this.size = e
this.loadData()
},
//获取当前时间
currentTimeFn(){
var date = new Date();
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
},
//转换查询时间
changeTimeFn(time){
var date = new Date(time);
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
return currentFormatDate;
},
//导出
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标签
},
}
}
</script>
......
src/views/performanceStatistics/driverOutput/day/index.vue
View file @ fbb11cfa
......@@ -5,30 +5,30 @@
<!--工具栏-->
<div class="head-container">
<!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button>
<el-button size="mini" icon="el-icon-refresh" @click="clearLimit">重置</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
</div>
</div>
<!-- 表格 -->
<div class="panel-bottom page-row">
<h3>司机产量日报</h3>
<h3>司机产量日报({{currentTime}})</h3>
<div class="ctin-box">
<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="id" label="序号" align="center"></el-table-column>
<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
<el-table-column prop="name" label="司机姓名" align="center"></el-table-column>
<el-table-column prop="carname" label="驾驶车辆" align="center"></el-table-column>
<el-table-column prop="worktime" label="工作时间(h)" align="center"></el-table-column>
<el-table-column prop="output" label="产量(kg)" align="center"></el-table-column>
<el-table-column prop="number" label="车数" align="center"></el-table-column>
<el-table-column prop="course" label="里程数(km)" align="center"></el-table-column>
<el-table-column prop="rate" label="工作效率" 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" />
......@@ -53,10 +53,11 @@ export default {
total: 0,
query:{},
tableData: [],
currentTime:'',
}
},
mounted() {
var that = this;
this.currentTimeFn();
this.$nextTick(() => {
this.loadData();
})
......@@ -64,13 +65,18 @@ export default {
methods: {
loadData() {
var sort = 'id,desc';
var param = this.query;
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
HttpReq.truckDispatching.driverOutputQueryDay(param).then((res) => {
if(res.code == 200){
this.loading = false;
this.tableData = res.data.content;
......@@ -96,7 +102,8 @@ export default {
// 重置搜索
clearLimit(){
this.query = {};
this.loadData()
this.currentTimeFn();
this.loadData();
},
pageChange(e) {
this.page = e
......@@ -107,6 +114,60 @@ export default {
this.size = e
this.loadData()
},
//获取当前时间
currentTimeFn(){
var date = new Date();
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
},
//转换查询时间
changeTimeFn(time){
var date = new Date(time);
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
return currentFormatDate;
},
//导出
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标签
},
}
}
</script>
......
src/views/performanceStatistics/driverOutput/month/index.vue
View file @ fbb11cfa
......@@ -5,30 +5,30 @@
<!--工具栏-->
<div class="head-container">
<!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button>
<el-button size="mini" icon="el-icon-refresh" @click="clearLimit">重置</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
</div>
</div>
<!-- 表格 -->
<div class="panel-bottom page-row">
<h3>司机产量月报</h3>
<h3>司机产量日报({{currentTime}})</h3>
<div class="ctin-box">
<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="id" label="序号" align="center"></el-table-column>
<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
<el-table-column prop="name" label="司机姓名" align="center"></el-table-column>
<el-table-column prop="carname" label="驾驶车辆" align="center"></el-table-column>
<el-table-column prop="worktime" label="工作时间(h)" align="center"></el-table-column>
<el-table-column prop="output" label="产量(kg)" align="center"></el-table-column>
<el-table-column prop="number" label="车数" align="center"></el-table-column>
<el-table-column prop="course" label="里程数(km)" align="center"></el-table-column>
<el-table-column prop="rate" label="工作效率" 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" />
......@@ -53,10 +53,11 @@ export default {
total: 0,
query:{},
tableData: [],
currentTime:'',
}
},
mounted() {
var that = this;
this.currentTimeFn();
this.$nextTick(() => {
this.loadData();
})
......@@ -64,13 +65,18 @@ export default {
methods: {
loadData() {
var sort = 'id,desc';
var param = this.query;
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
HttpReq.truckDispatching.driverOutputQueryDay(param).then((res) => {
if(res.code == 200){
this.loading = false;
this.tableData = res.data.content;
......@@ -96,7 +102,8 @@ export default {
// 重置搜索
clearLimit(){
this.query = {};
this.loadData()
this.currentTimeFn();
this.loadData();
},
pageChange(e) {
this.page = e
......@@ -107,6 +114,60 @@ export default {
this.size = e
this.loadData()
},
//获取当前时间
currentTimeFn(){
var date = new Date();
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
},
//转换查询时间
changeTimeFn(time){
var date = new Date(time);
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
return currentFormatDate;
},
//导出
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标签
},
}
}
</script>
......
src/views/performanceStatistics/driverOutput/year/index.vue
View file @ fbb11cfa
......@@ -5,30 +5,30 @@
<!--工具栏-->
<div class="head-container">
<!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button>
<el-button size="mini" icon="el-icon-refresh" @click="clearLimit">重置</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
</div>
</div>
<!-- 表格 -->
<div class="panel-bottom page-row">
<h3>司机产量年报</h3>
<h3>司机产量日报({{currentTime}})</h3>
<div class="ctin-box">
<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="id" label="序号" align="center"></el-table-column>
<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
<el-table-column prop="name" label="司机姓名" align="center"></el-table-column>
<el-table-column prop="carname" label="驾驶车辆" align="center"></el-table-column>
<el-table-column prop="worktime" label="工作时间(h)" align="center"></el-table-column>
<el-table-column prop="output" label="产量(kg)" align="center"></el-table-column>
<el-table-column prop="number" label="车数" align="center"></el-table-column>
<el-table-column prop="course" label="里程数(km)" align="center"></el-table-column>
<el-table-column prop="rate" label="工作效率" 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" />
......@@ -53,10 +53,11 @@ export default {
total: 0,
query:{},
tableData: [],
currentTime:'',
}
},
mounted() {
var that = this;
this.currentTimeFn();
this.$nextTick(() => {
this.loadData();
})
......@@ -64,13 +65,18 @@ export default {
methods: {
loadData() {
var sort = 'id,desc';
var param = this.query;
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
HttpReq.truckDispatching.driverOutputQueryDay(param).then((res) => {
if(res.code == 200){
this.loading = false;
this.tableData = res.data.content;
......@@ -96,7 +102,8 @@ export default {
// 重置搜索
clearLimit(){
this.query = {};
this.loadData()
this.currentTimeFn();
this.loadData();
},
pageChange(e) {
this.page = e
......@@ -107,6 +114,60 @@ export default {
this.size = e
this.loadData()
},
//获取当前时间
currentTimeFn(){
var date = new Date();
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
},
//转换查询时间
changeTimeFn(time){
var date = new Date(time);
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
return currentFormatDate;
},
//导出
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标签
},
}
}
</script>
......
src/views/performanceStatistics/driverShiftOutput/day/index.vue
View file @ fbb11cfa
......@@ -5,30 +5,29 @@
<!--工具栏-->
<div class="head-container">
<!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button>
<el-button size="mini" icon="el-icon-refresh" @click="clearLimit">重置</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
</div>
</div>
<!-- 表格 -->
<div class="panel-bottom page-row">
<h3>司机班次产量日报</h3>
<h3>司机班次产量日报({{currentTime}})</h3>
<div class="ctin-box">
<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="id" label="序号" align="center"></el-table-column>
<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
<el-table-column prop="name" label="司机名称" align="center"></el-table-column>
<el-table-column prop="num" label="车数" align="center"></el-table-column>
<el-table-column prop="number" label="工作时长(h)" align="center"></el-table-column>
<el-table-column prop="output" label="产量(kg)" align="center"></el-table-column>
<el-table-column prop="course" label="里程数" align="center"></el-table-column>
<el-table-column prop="rate" label="工作效率" 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" />
......@@ -53,10 +52,11 @@ export default {
total: 0,
query:{},
tableData: [],
currentTime:'',
}
},
mounted() {
var that = this;
this.currentTimeFn();
this.$nextTick(() => {
this.loadData();
})
......@@ -64,13 +64,18 @@ export default {
methods: {
loadData() {
var sort = 'id,desc';
var param = this.query;
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
HttpReq.truckDispatching.driverShiftOutputQueryDay(param).then((res) => {
if(res.code == 200){
this.loading = false;
this.tableData = res.data.content;
......@@ -96,7 +101,8 @@ export default {
// 重置搜索
clearLimit(){
this.query = {};
this.loadData()
this.currentTimeFn();
this.loadData();
},
pageChange(e) {
this.page = e
......@@ -107,6 +113,60 @@ export default {
this.size = e
this.loadData()
},
//获取当前时间
currentTimeFn(){
var date = new Date();
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
},
//转换查询时间
changeTimeFn(time){
var date = new Date(time);
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
return currentFormatDate;
},
//导出
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标签
},
}
}
</script>
......
src/views/performanceStatistics/driverShiftOutput/month/index.vue
View file @ fbb11cfa
......@@ -5,30 +5,29 @@
<!--工具栏-->
<div class="head-container">
<!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button>
<el-button size="mini" icon="el-icon-refresh" @click="clearLimit">重置</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
</div>
</div>
<!-- 表格 -->
<div class="panel-bottom page-row">
<h3>司机班次产量月报</h3>
<h3>司机班次产量日报({{currentTime}})</h3>
<div class="ctin-box">
<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="id" label="序号" align="center"></el-table-column>
<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
<el-table-column prop="name" label="司机名称" align="center"></el-table-column>
<el-table-column prop="num" label="车数" align="center"></el-table-column>
<el-table-column prop="number" label="工作时长(h)" align="center"></el-table-column>
<el-table-column prop="output" label="产量(kg)" align="center"></el-table-column>
<el-table-column prop="course" label="里程数" align="center"></el-table-column>
<el-table-column prop="rate" label="工作效率" 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" />
......@@ -53,10 +52,11 @@ export default {
total: 0,
query:{},
tableData: [],
currentTime:'',
}
},
mounted() {
var that = this;
this.currentTimeFn();
this.$nextTick(() => {
this.loadData();
})
......@@ -64,13 +64,18 @@ export default {
methods: {
loadData() {
var sort = 'id,desc';
var param = this.query;
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
HttpReq.truckDispatching.driverShiftOutputQueryDay(param).then((res) => {
if(res.code == 200){
this.loading = false;
this.tableData = res.data.content;
......@@ -96,7 +101,8 @@ export default {
// 重置搜索
clearLimit(){
this.query = {};
this.loadData()
this.currentTimeFn();
this.loadData();
},
pageChange(e) {
this.page = e
......@@ -107,6 +113,60 @@ export default {
this.size = e
this.loadData()
},
//获取当前时间
currentTimeFn(){
var date = new Date();
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
},
//转换查询时间
changeTimeFn(time){
var date = new Date(time);
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
return currentFormatDate;
},
//导出
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标签
},
}
}
</script>
......
src/views/performanceStatistics/parkAreaStatistics/day/index.vue
View file @ fbb11cfa
......@@ -5,30 +5,28 @@
<!--工具栏-->
<div class="head-container">
<!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button>
<el-button size="mini" icon="el-icon-refresh" @click="clearLimit">重置</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
</div>
</div>
<!-- 表格 -->
<div class="panel-bottom page-row">
<h3>停车区域日报</h3>
<h3>等待区日报({{currentTime}})</h3>
<div class="ctin-box">
<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="id" label="序号" align="center"></el-table-column>
<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
<el-table-column prop="name" label="车辆名称" align="center"></el-table-column>
<el-table-column prop="carname" label="司机" align="center"></el-table-column>
<el-table-column prop="adr" label="等待位置" align="center"></el-table-column>
<el-table-column prop="time" label="等待时长" align="center"></el-table-column>
<el-table-column prop="addTime" label="日期" 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" />
......@@ -53,10 +51,11 @@ export default {
total: 0,
query:{},
tableData: [],
currentTime:'',
}
},
mounted() {
var that = this;
this.currentTimeFn();
this.$nextTick(() => {
this.loadData();
})
......@@ -64,13 +63,18 @@ export default {
methods: {
loadData() {
var sort = 'id,desc';
var param = this.query;
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
HttpReq.truckDispatching.parkingQueryDay(param).then((res) => {
if(res.code == 200){
this.loading = false;
this.tableData = res.data.content;
......@@ -96,7 +100,8 @@ export default {
// 重置搜索
clearLimit(){
this.query = {};
this.loadData()
this.currentTimeFn();
this.loadData();
},
pageChange(e) {
this.page = e
......@@ -107,6 +112,60 @@ export default {
this.size = e
this.loadData()
},
//获取当前时间
currentTimeFn(){
var date = new Date();
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
},
//转换查询时间
changeTimeFn(time){
var date = new Date(time);
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
return currentFormatDate;
},
//导出
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标签
},
}
}
</script>
......
src/views/performanceStatistics/parkAreaStatistics/month/index.vue
View file @ fbb11cfa
......@@ -5,30 +5,28 @@
<!--工具栏-->
<div class="head-container">
<!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button>
<el-button size="mini" icon="el-icon-refresh" @click="clearLimit">重置</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
</div>
</div>
<!-- 表格 -->
<div class="panel-bottom page-row">
<h3>停车区域月报</h3>
<h3>等待区日报({{currentTime}})</h3>
<div class="ctin-box">
<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="id" label="序号" align="center"></el-table-column>
<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
<el-table-column prop="name" label="车辆名称" align="center"></el-table-column>
<el-table-column prop="carname" label="司机" align="center"></el-table-column>
<el-table-column prop="adr" label="等待位置" align="center"></el-table-column>
<el-table-column prop="time" label="等待时长" align="center"></el-table-column>
<el-table-column prop="addTime" label="日期" 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" />
......@@ -53,10 +51,11 @@ export default {
total: 0,
query:{},
tableData: [],
currentTime:'',
}
},
mounted() {
var that = this;
this.currentTimeFn();
this.$nextTick(() => {
this.loadData();
})
......@@ -64,13 +63,18 @@ export default {
methods: {
loadData() {
var sort = 'id,desc';
var param = this.query;
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
HttpReq.truckDispatching.parkingQueryDay(param).then((res) => {
if(res.code == 200){
this.loading = false;
this.tableData = res.data.content;
......@@ -96,7 +100,8 @@ export default {
// 重置搜索
clearLimit(){
this.query = {};
this.loadData()
this.currentTimeFn();
this.loadData();
},
pageChange(e) {
this.page = e
......@@ -107,6 +112,60 @@ export default {
this.size = e
this.loadData()
},
//获取当前时间
currentTimeFn(){
var date = new Date();
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
},
//转换查询时间
changeTimeFn(time){
var date = new Date(time);
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
return currentFormatDate;
},
//导出
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标签
},
}
}
</script>
......
src/views/performanceStatistics/parkAreaStatistics/year/index.vue
View file @ fbb11cfa
......@@ -5,30 +5,28 @@
<!--工具栏-->
<div class="head-container">
<!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button>
<el-button size="mini" icon="el-icon-refresh" @click="clearLimit">重置</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
</div>
</div>
<!-- 表格 -->
<div class="panel-bottom page-row">
<h3>停车区域年报</h3>
<h3>等待区日报({{currentTime}})</h3>
<div class="ctin-box">
<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="id" label="序号" align="center"></el-table-column>
<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
<el-table-column prop="name" label="车辆名称" align="center"></el-table-column>
<el-table-column prop="carname" label="司机" align="center"></el-table-column>
<el-table-column prop="adr" label="等待位置" align="center"></el-table-column>
<el-table-column prop="time" label="等待时长" align="center"></el-table-column>
<el-table-column prop="addTime" label="日期" 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" />
......@@ -53,10 +51,11 @@ export default {
total: 0,
query:{},
tableData: [],
currentTime:'',
}
},
mounted() {
var that = this;
this.currentTimeFn();
this.$nextTick(() => {
this.loadData();
})
......@@ -64,13 +63,18 @@ export default {
methods: {
loadData() {
var sort = 'id,desc';
var param = this.query;
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
HttpReq.truckDispatching.parkingQueryDay(param).then((res) => {
if(res.code == 200){
this.loading = false;
this.tableData = res.data.content;
......@@ -96,7 +100,8 @@ export default {
// 重置搜索
clearLimit(){
this.query = {};
this.loadData()
this.currentTimeFn();
this.loadData();
},
pageChange(e) {
this.page = e
......@@ -107,6 +112,60 @@ export default {
this.size = e
this.loadData()
},
//获取当前时间
currentTimeFn(){
var date = new Date();
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
},
//转换查询时间
changeTimeFn(time){
var date = new Date(time);
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
return currentFormatDate;
},
//导出
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标签
},
}
}
</script>
......
src/views/performanceStatistics/xiedianOutput/day/index.vue
View file @ fbb11cfa
......@@ -5,30 +5,30 @@
<!--工具栏-->
<div class="head-container">
<!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button>
<el-button size="mini" icon="el-icon-refresh" @click="clearLimit">重置</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
</div>
</div>
<!-- 表格 -->
<div class="panel-bottom page-row">
<h3>卸点产量日报</h3>
<h3>卸点产量日报({{currentTime}})</h3>
<div class="ctin-box">
<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="id" label="序号" align="center"></el-table-column>
<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
<el-table-column prop="name" label="采区" align="center"></el-table-column>
<el-table-column prop="dayPlan" label="日计划量" align="center"></el-table-column>
<el-table-column prop="output" label="实际日产量" align="center"></el-table-column>
<el-table-column prop="rate" label="完成率" align="center"></el-table-column>
<el-table-column prop="worktime" label="电铲工作时间(h)" align="center"></el-table-column>
<el-table-column prop="shovel" label="电铲车数" align="center"></el-table-column>
<el-table-column prop="lorry" label="卡车车数" 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" />
......@@ -53,10 +53,11 @@ export default {
total: 0,
query:{},
tableData: [],
currentTime:'',
}
},
mounted() {
var that = this;
this.currentTimeFn();
this.$nextTick(() => {
this.loadData();
})
......@@ -64,13 +65,18 @@ export default {
methods: {
loadData() {
var sort = 'id,desc';
var param = this.query;
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
HttpReq.truckDispatching.xiequAreaQueryDay(param).then((res) => {
if(res.code == 200){
this.loading = false;
this.tableData = res.data.content;
......@@ -96,7 +102,8 @@ export default {
// 重置搜索
clearLimit(){
this.query = {};
this.loadData()
this.currentTimeFn();
this.loadData();
},
pageChange(e) {
this.page = e
......@@ -107,6 +114,60 @@ export default {
this.size = e
this.loadData()
},
//获取当前时间
currentTimeFn(){
var date = new Date();
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
},
//转换查询时间
changeTimeFn(time){
var date = new Date(time);
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
return currentFormatDate;
},
//导出
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标签
},
}
}
</script>
......
src/views/performanceStatistics/xiedianOutput/month/index.vue
View file @ fbb11cfa
......@@ -5,30 +5,30 @@
<!--工具栏-->
<div class="head-container">
<!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button>
<el-button size="mini" icon="el-icon-refresh" @click="clearLimit">重置</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
</div>
</div>
<!-- 表格 -->
<div class="panel-bottom page-row">
<h3>卸点产量月报</h3>
<h3>卸点产量日报({{currentTime}})</h3>
<div class="ctin-box">
<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="id" label="序号" align="center"></el-table-column>
<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
<el-table-column prop="name" label="采区" align="center"></el-table-column>
<el-table-column prop="dayPlan" label="日计划量" align="center"></el-table-column>
<el-table-column prop="output" label="实际日产量" align="center"></el-table-column>
<el-table-column prop="rate" label="完成率" align="center"></el-table-column>
<el-table-column prop="worktime" label="电铲工作时间(h)" align="center"></el-table-column>
<el-table-column prop="shovel" label="电铲车数" align="center"></el-table-column>
<el-table-column prop="lorry" label="卡车车数" 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" />
......@@ -53,10 +53,11 @@ export default {
total: 0,
query:{},
tableData: [],
currentTime:'',
}
},
mounted() {
var that = this;
this.currentTimeFn();
this.$nextTick(() => {
this.loadData();
})
......@@ -64,13 +65,18 @@ export default {
methods: {
loadData() {
var sort = 'id,desc';
var param = this.query;
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
HttpReq.truckDispatching.xiequAreaQueryDay(param).then((res) => {
if(res.code == 200){
this.loading = false;
this.tableData = res.data.content;
......@@ -96,7 +102,8 @@ export default {
// 重置搜索
clearLimit(){
this.query = {};
this.loadData()
this.currentTimeFn();
this.loadData();
},
pageChange(e) {
this.page = e
......@@ -107,6 +114,60 @@ export default {
this.size = e
this.loadData()
},
//获取当前时间
currentTimeFn(){
var date = new Date();
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
},
//转换查询时间
changeTimeFn(time){
var date = new Date(time);
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
return currentFormatDate;
},
//导出
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标签
},
}
}
</script>
......
src/views/performanceStatistics/xiedianOutput/year/index.vue
View file @ fbb11cfa
......@@ -5,30 +5,30 @@
<!--工具栏-->
<div class="head-container">
<!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button>
<el-button size="mini" icon="el-icon-refresh" @click="clearLimit">重置</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
</div>
</div>
<!-- 表格 -->
<div class="panel-bottom page-row">
<h3>卸点产量年报</h3>
<h3>卸点产量日报({{currentTime}})</h3>
<div class="ctin-box">
<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="id" label="序号" align="center"></el-table-column>
<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
<el-table-column prop="name" label="采区" align="center"></el-table-column>
<el-table-column prop="dayPlan" label="日计划量" align="center"></el-table-column>
<el-table-column prop="output" label="实际日产量" align="center"></el-table-column>
<el-table-column prop="rate" label="完成率" align="center"></el-table-column>
<el-table-column prop="worktime" label="电铲工作时间(h)" align="center"></el-table-column>
<el-table-column prop="shovel" label="电铲车数" align="center"></el-table-column>
<el-table-column prop="lorry" label="卡车车数" 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" />
......@@ -53,10 +53,11 @@ export default {
total: 0,
query:{},
tableData: [],
currentTime:'',
}
},
mounted() {
var that = this;
this.currentTimeFn();
this.$nextTick(() => {
this.loadData();
})
......@@ -64,13 +65,18 @@ export default {
methods: {
loadData() {
var sort = 'id,desc';
var param = this.query;
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
HttpReq.truckDispatching.xiequAreaQueryDay(param).then((res) => {
if(res.code == 200){
this.loading = false;
this.tableData = res.data.content;
......@@ -96,7 +102,8 @@ export default {
// 重置搜索
clearLimit(){
this.query = {};
this.loadData()
this.currentTimeFn();
this.loadData();
},
pageChange(e) {
this.page = e
......@@ -107,6 +114,60 @@ export default {
this.size = e
this.loadData()
},
//获取当前时间
currentTimeFn(){
var date = new Date();
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
},
//转换查询时间
changeTimeFn(time){
var date = new Date(time);
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
return currentFormatDate;
},
//导出
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标签
},
}
}
</script>
......
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