Skip to content

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

修改

parent 03f54636
Show 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(){ ...@@ -941,14 +941,14 @@ var HttpReq = function(){
//绩效统计——日报——区域产量报表采区 //绩效统计——日报——区域产量报表采区
caiquAreaQueryDay: function(param){ caiquAreaQueryDay: function(param){
return request({ return request({
url: '/api/Point', url: '/api/Panel',
method: 'get', method: 'get',
params:param, params:param,
}) })
}, },
caiquAreaAddDay: function(data){ caiquAreaAddDay: function(data){
return request({ return request({
url: '/api/Point', url: '/api/Panel',
method: 'POST', method: 'POST',
data:data, data:data,
}).then((res) => { }).then((res) => {
...@@ -957,14 +957,14 @@ var HttpReq = function(){ ...@@ -957,14 +957,14 @@ var HttpReq = function(){
}, },
caiquAreaUpdateDay: function(data){ caiquAreaUpdateDay: function(data){
return request({ return request({
url: '/api/Point', url: '/api/Panel',
method: 'PUT', method: 'PUT',
data:data, data:data,
}) })
}, },
caiquAreaDelDay: function(data){ caiquAreaDelDay: function(data){
return request({ return request({
url: '/api/Point', url: '/api/Panel',
method: 'Delete', method: 'Delete',
data:data, data:data,
}) })
...@@ -972,14 +972,14 @@ var HttpReq = function(){ ...@@ -972,14 +972,14 @@ var HttpReq = function(){
//绩效统计——日报——区域产量报表卸区 //绩效统计——日报——区域产量报表卸区
xiequAreaQueryDay: function(param){ xiequAreaQueryDay: function(param){
return request({ return request({
url: '/api/Panel', url: '/api/Point',
method: 'get', method: 'get',
params:param, params:param,
}) })
}, },
xiequAreaAddDay: function(data){ xiequAreaAddDay: function(data){
return request({ return request({
url: '/api/Panel', url: '/api/Point',
method: 'POST', method: 'POST',
data:data, data:data,
}).then((res) => { }).then((res) => {
...@@ -988,14 +988,14 @@ var HttpReq = function(){ ...@@ -988,14 +988,14 @@ var HttpReq = function(){
}, },
xiequAreaUpdateDay: function(data){ xiequAreaUpdateDay: function(data){
return request({ return request({
url: '/api/Panel', url: '/api/Point',
method: 'PUT', method: 'PUT',
data:data, data:data,
}) })
}, },
xiequAreaDelDay: function(data){ xiequAreaDelDay: function(data){
return request({ return request({
url: '/api/Panel', url: '/api/Point',
method: 'Delete', method: 'Delete',
data:data, data:data,
}) })
...@@ -1003,14 +1003,14 @@ var HttpReq = function(){ ...@@ -1003,14 +1003,14 @@ var HttpReq = function(){
//绩效统计——日报——车辆产量报表 //绩效统计——日报——车辆产量报表
carOutputQueryDay: function(param){ carOutputQueryDay: function(param){
return request({ return request({
url: '/api/carOutput', url: '/api/Car',
method: 'get', method: 'get',
params:param, params:param,
}) })
}, },
carOutputAddDay: function(data){ carOutputAddDay: function(data){
return request({ return request({
url: '/api/carOutput', url: '/api/Car',
method: 'POST', method: 'POST',
data:data, data:data,
}).then((res) => { }).then((res) => {
...@@ -1019,45 +1019,14 @@ var HttpReq = function(){ ...@@ -1019,45 +1019,14 @@ var HttpReq = function(){
}, },
carOutputUpdateDay: function(data){ carOutputUpdateDay: function(data){
return request({ return request({
url: '/api/carOutput', url: '/api/Car',
method: 'PUT', method: 'PUT',
data:data, data:data,
}) })
}, },
carOutputDelDay: function(data){ carOutputDelDay: function(data){
return request({ return request({
url: '/api/carOutput', url: '/api/Car',
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',
method: 'Delete', method: 'Delete',
data:data, data:data,
}) })
...@@ -1065,14 +1034,14 @@ var HttpReq = function(){ ...@@ -1065,14 +1034,14 @@ var HttpReq = function(){
//绩效统计——日报——司机产量报表 //绩效统计——日报——司机产量报表
driverOutputQueryDay: function(param){ driverOutputQueryDay: function(param){
return request({ return request({
url: '/api/driverOutput', url: '/api/Driver',
method: 'get', method: 'get',
params:param, params:param,
}) })
}, },
driverOutputAddDay: function(data){ driverOutputAddDay: function(data){
return request({ return request({
url: '/api/driverOutput', url: '/api/Driver',
method: 'POST', method: 'POST',
data:data, data:data,
}).then((res) => { }).then((res) => {
...@@ -1081,14 +1050,14 @@ var HttpReq = function(){ ...@@ -1081,14 +1050,14 @@ var HttpReq = function(){
}, },
driverOutputUpdateDay: function(data){ driverOutputUpdateDay: function(data){
return request({ return request({
url: '/api/driverOutput', url: '/api/Driver',
method: 'PUT', method: 'PUT',
data:data, data:data,
}) })
}, },
driverOutputDelDay: function(data){ driverOutputDelDay: function(data){
return request({ return request({
url: '/api/driverOutput', url: '/api/Driver',
method: 'Delete', method: 'Delete',
data:data, data:data,
}) })
...@@ -1096,14 +1065,14 @@ var HttpReq = function(){ ...@@ -1096,14 +1065,14 @@ var HttpReq = function(){
//绩效统计——日报——班次产量报表车辆 //绩效统计——日报——班次产量报表车辆
carShiftOutputQueryDay: function(param){ carShiftOutputQueryDay: function(param){
return request({ return request({
url: '/api/carShiftOutput', url: '/api/Carshift',
method: 'get', method: 'get',
params:param, params:param,
}) })
}, },
carShiftOutputAddDay: function(data){ carShiftOutputAddDay: function(data){
return request({ return request({
url: '/api/carShiftOutput', url: '/api/Carshift',
method: 'POST', method: 'POST',
data:data, data:data,
}).then((res) => { }).then((res) => {
...@@ -1112,14 +1081,14 @@ var HttpReq = function(){ ...@@ -1112,14 +1081,14 @@ var HttpReq = function(){
}, },
carShiftOutputUpdateDay: function(data){ carShiftOutputUpdateDay: function(data){
return request({ return request({
url: '/api/carShiftOutput', url: '/api/Carshift',
method: 'PUT', method: 'PUT',
data:data, data:data,
}) })
}, },
carShiftOutputDelDay: function(data){ carShiftOutputDelDay: function(data){
return request({ return request({
url: '/api/carShiftOutput', url: '/api/Carshift',
method: 'Delete', method: 'Delete',
data:data, data:data,
}) })
...@@ -1127,14 +1096,14 @@ var HttpReq = function(){ ...@@ -1127,14 +1096,14 @@ var HttpReq = function(){
//绩效统计——日报——班次产量报表司机 //绩效统计——日报——班次产量报表司机
driverShiftOutputQueryDay: function(param){ driverShiftOutputQueryDay: function(param){
return request({ return request({
url: '/api/driverShiftOutput', url: '/api/Drivershift',
method: 'get', method: 'get',
params:param, params:param,
}) })
}, },
driverShiftOutputAddDay: function(data){ driverShiftOutputAddDay: function(data){
return request({ return request({
url: '/api/driverShiftOutput', url: '/api/Drivershift',
method: 'POST', method: 'POST',
data:data, data:data,
}).then((res) => { }).then((res) => {
...@@ -1143,14 +1112,14 @@ var HttpReq = function(){ ...@@ -1143,14 +1112,14 @@ var HttpReq = function(){
}, },
driverShiftOutputUpdateDay: function(data){ driverShiftOutputUpdateDay: function(data){
return request({ return request({
url: '/api/driverShiftOutput', url: '/api/Drivershift',
method: 'PUT', method: 'PUT',
data:data, data:data,
}) })
}, },
driverShiftOutputDelDay: function(data){ driverShiftOutputDelDay: function(data){
return request({ return request({
url: '/api/driverShiftOutput', url: '/api/Drivershift',
method: 'Delete', method: 'Delete',
data:data, data:data,
}) })
...@@ -1158,14 +1127,14 @@ var HttpReq = function(){ ...@@ -1158,14 +1127,14 @@ var HttpReq = function(){
//绩效统计——日报——停车区域统计 //绩效统计——日报——停车区域统计
parkingQueryDay: function(param){ parkingQueryDay: function(param){
return request({ return request({
url: '/api/parking', url: '/api/Stop',
method: 'get', method: 'get',
params:param, params:param,
}) })
}, },
parkingAddDay: function(data){ parkingAddDay: function(data){
return request({ return request({
url: '/api/parking', url: '/api/Stop',
method: 'POST', method: 'POST',
data:data, data:data,
}).then((res) => { }).then((res) => {
...@@ -1174,14 +1143,14 @@ var HttpReq = function(){ ...@@ -1174,14 +1143,14 @@ var HttpReq = function(){
}, },
parkingUpdateDay: function(data){ parkingUpdateDay: function(data){
return request({ return request({
url: '/api/parking', url: '/api/Stop',
method: 'PUT', method: 'PUT',
data:data, data:data,
}) })
}, },
parkingDelDay: function(data){ parkingDelDay: function(data){
return request({ return request({
url: '/api/parking', url: '/api/Stop',
method: 'Delete', method: 'Delete',
data:data, data:data,
}) })
...@@ -1189,14 +1158,14 @@ var HttpReq = function(){ ...@@ -1189,14 +1158,14 @@ var HttpReq = function(){
//绩效统计——日报——故障统计 //绩效统计——日报——故障统计
breakDownQueryDay: function(param){ breakDownQueryDay: function(param){
return request({ return request({
url: '/api/breakDown', url: '/api/Fault',
method: 'get', method: 'get',
params:param, params:param,
}) })
}, },
breakDownAddDay: function(data){ breakDownAddDay: function(data){
return request({ return request({
url: '/api/breakDown', url: '/api/Fault',
method: 'POST', method: 'POST',
data:data, data:data,
}).then((res) => { }).then((res) => {
...@@ -1205,14 +1174,14 @@ var HttpReq = function(){ ...@@ -1205,14 +1174,14 @@ var HttpReq = function(){
}, },
breakDownUpdateDay: function(data){ breakDownUpdateDay: function(data){
return request({ return request({
url: '/api/breakDown', url: '/api/Fault',
method: 'PUT', method: 'PUT',
data:data, data:data,
}) })
}, },
breakDownDelDay: function(data){ breakDownDelDay: function(data){
return request({ return request({
url: '/api/breakDown', url: '/api/Fault',
method: 'Delete', method: 'Delete',
data:data, data:data,
}) })
......
src/views/performanceStatistics/breakDownStatistics/day/index.vue
View file @ fbb11cfa
...@@ -5,30 +5,28 @@ ...@@ -5,30 +5,28 @@
<!--工具栏--> <!--工具栏-->
<div class="head-container"> <div class="head-container">
<!-- 搜索 --> <!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label> <label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/> <el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button> <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 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> </div>
<!-- 表格 --> <!-- 表格 -->
<div class="panel-bottom page-row"> <div class="panel-bottom page-row">
<h3>故障日报</h3> <h3>故障日报({{currentTime}})</h3>
<div class="ctin-box"> <div class="ctin-box">
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName"> <el-table :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="fault" 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="carclass" label="车辆类型" align="center"></el-table-column> <el-table-column prop="name" label="司机" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column> <el-table-column prop="dar" label="发生故障位置" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column> <el-table-column prop="addTime" label="日期" align="center"></el-table-column>
</el-table> </el-table>
<!--分页组件--> <!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" /> <el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
...@@ -53,10 +51,11 @@ export default { ...@@ -53,10 +51,11 @@ export default {
total: 0, total: 0,
query:{}, query:{},
tableData: [], tableData: [],
currentTime:'',
} }
}, },
mounted() { mounted() {
var that = this; this.currentTimeFn();
this.$nextTick(() => { this.$nextTick(() => {
this.loadData(); this.loadData();
}) })
...@@ -64,13 +63,18 @@ export default { ...@@ -64,13 +63,18 @@ export default {
methods: { methods: {
loadData() { loadData() {
var sort = 'id,desc'; var sort = 'id,desc';
var param = this.query; var param = {...this.query};
param.page = this.page - 1; param.page = this.page - 1;
param.size = this.size; param.size = this.size;
param.sort = sort; param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{ this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => { HttpReq.truckDispatching.breakDownQueryDay(param).then((res) => {
if(res.code == 200){ if(res.code == 200){
this.loading = false; this.loading = false;
this.tableData = res.data.content; this.tableData = res.data.content;
...@@ -96,7 +100,8 @@ export default { ...@@ -96,7 +100,8 @@ export default {
// 重置搜索 // 重置搜索
clearLimit(){ clearLimit(){
this.query = {}; this.query = {};
this.loadData() this.currentTimeFn();
this.loadData();
}, },
pageChange(e) { pageChange(e) {
this.page = e this.page = e
...@@ -107,6 +112,60 @@ export default { ...@@ -107,6 +112,60 @@ export default {
this.size = e this.size = e
this.loadData() 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> </script>
......
src/views/performanceStatistics/breakDownStatistics/month/index.vue
View file @ fbb11cfa
...@@ -5,30 +5,28 @@ ...@@ -5,30 +5,28 @@
<!--工具栏--> <!--工具栏-->
<div class="head-container"> <div class="head-container">
<!-- 搜索 --> <!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label> <label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/> <el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button> <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 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> </div>
<!-- 表格 --> <!-- 表格 -->
<div class="panel-bottom page-row"> <div class="panel-bottom page-row">
<h3>故障月报</h3> <h3>故障月报({{currentTime}})</h3>
<div class="ctin-box"> <div class="ctin-box">
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName"> <el-table :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="fault" 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="carclass" label="车辆类型" align="center"></el-table-column> <el-table-column prop="name" label="司机" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column> <el-table-column prop="dar" label="发生故障位置" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column> <el-table-column prop="addTime" label="日期" align="center"></el-table-column>
</el-table> </el-table>
<!--分页组件--> <!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" /> <el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
...@@ -53,10 +51,11 @@ export default { ...@@ -53,10 +51,11 @@ export default {
total: 0, total: 0,
query:{}, query:{},
tableData: [], tableData: [],
currentTime:'',
} }
}, },
mounted() { mounted() {
var that = this; this.currentTimeFn();
this.$nextTick(() => { this.$nextTick(() => {
this.loadData(); this.loadData();
}) })
...@@ -64,13 +63,18 @@ export default { ...@@ -64,13 +63,18 @@ export default {
methods: { methods: {
loadData() { loadData() {
var sort = 'id,desc'; var sort = 'id,desc';
var param = this.query; var param = {...this.query};
param.page = this.page - 1; param.page = this.page - 1;
param.size = this.size; param.size = this.size;
param.sort = sort; param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{ this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => { HttpReq.truckDispatching.breakDownQueryDay(param).then((res) => {
if(res.code == 200){ if(res.code == 200){
this.loading = false; this.loading = false;
this.tableData = res.data.content; this.tableData = res.data.content;
...@@ -96,7 +100,8 @@ export default { ...@@ -96,7 +100,8 @@ export default {
// 重置搜索 // 重置搜索
clearLimit(){ clearLimit(){
this.query = {}; this.query = {};
this.loadData() this.currentTimeFn();
this.loadData();
}, },
pageChange(e) { pageChange(e) {
this.page = e this.page = e
...@@ -107,6 +112,60 @@ export default { ...@@ -107,6 +112,60 @@ export default {
this.size = e this.size = e
this.loadData() 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> </script>
......
src/views/performanceStatistics/breakDownStatistics/year/index.vue
View file @ fbb11cfa
...@@ -5,30 +5,28 @@ ...@@ -5,30 +5,28 @@
<!--工具栏--> <!--工具栏-->
<div class="head-container"> <div class="head-container">
<!-- 搜索 --> <!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label> <label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/> <el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button> <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 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> </div>
<!-- 表格 --> <!-- 表格 -->
<div class="panel-bottom page-row"> <div class="panel-bottom page-row">
<h3>故障年报</h3> <h3>故障日报({{currentTime}})</h3>
<div class="ctin-box"> <div class="ctin-box">
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName"> <el-table :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="fault" 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="carclass" label="车辆类型" align="center"></el-table-column> <el-table-column prop="name" label="司机" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column> <el-table-column prop="dar" label="发生故障位置" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column> <el-table-column prop="addTime" label="日期" align="center"></el-table-column>
</el-table> </el-table>
<!--分页组件--> <!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" /> <el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
...@@ -53,10 +51,11 @@ export default { ...@@ -53,10 +51,11 @@ export default {
total: 0, total: 0,
query:{}, query:{},
tableData: [], tableData: [],
currentTime:'',
} }
}, },
mounted() { mounted() {
var that = this; this.currentTimeFn();
this.$nextTick(() => { this.$nextTick(() => {
this.loadData(); this.loadData();
}) })
...@@ -64,13 +63,18 @@ export default { ...@@ -64,13 +63,18 @@ export default {
methods: { methods: {
loadData() { loadData() {
var sort = 'id,desc'; var sort = 'id,desc';
var param = this.query; var param = {...this.query};
param.page = this.page - 1; param.page = this.page - 1;
param.size = this.size; param.size = this.size;
param.sort = sort; param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{ this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => { HttpReq.truckDispatching.breakDownQueryDay(param).then((res) => {
if(res.code == 200){ if(res.code == 200){
this.loading = false; this.loading = false;
this.tableData = res.data.content; this.tableData = res.data.content;
...@@ -96,7 +100,8 @@ export default { ...@@ -96,7 +100,8 @@ export default {
// 重置搜索 // 重置搜索
clearLimit(){ clearLimit(){
this.query = {}; this.query = {};
this.loadData() this.currentTimeFn();
this.loadData();
}, },
pageChange(e) { pageChange(e) {
this.page = e this.page = e
...@@ -107,6 +112,60 @@ export default { ...@@ -107,6 +112,60 @@ export default {
this.size = e this.size = e
this.loadData() 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> </script>
......
src/views/performanceStatistics/caiquOutput/day/index.vue
View file @ fbb11cfa
...@@ -5,30 +5,30 @@ ...@@ -5,30 +5,30 @@
<!--工具栏--> <!--工具栏-->
<div class="head-container"> <div class="head-container">
<!-- 搜索 --> <!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label> <label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/> <el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button> <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 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> </div>
<!-- 表格 --> <!-- 表格 -->
<div class="panel-bottom page-row"> <div class="panel-bottom page-row">
<h3>采区产量日报</h3> <h3>采区产量日报({{currentTime}})</h3>
<div class="ctin-box"> <div class="ctin-box">
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName"> <el-table :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="dayPlan" label="日计划量" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column> <el-table-column prop="output" label="实际日产量" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column> <el-table-column prop="rate" 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="shovel" label="电铲车数" align="center"></el-table-column>
<el-table-column prop="lorry" label="卡车车数" align="center"></el-table-column>
</el-table> </el-table>
<!--分页组件--> <!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" /> <el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
...@@ -53,10 +53,11 @@ export default { ...@@ -53,10 +53,11 @@ export default {
total: 0, total: 0,
query:{}, query:{},
tableData: [], tableData: [],
currentTime:'',
} }
}, },
mounted() { mounted() {
var that = this; this.currentTimeFn();
this.$nextTick(() => { this.$nextTick(() => {
this.loadData(); this.loadData();
}) })
...@@ -64,13 +65,18 @@ export default { ...@@ -64,13 +65,18 @@ export default {
methods: { methods: {
loadData() { loadData() {
var sort = 'id,desc'; var sort = 'id,desc';
var param = this.query; var param = {...this.query};
param.page = this.page - 1; param.page = this.page - 1;
param.size = this.size; param.size = this.size;
param.sort = sort; param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{ this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => { HttpReq.truckDispatching.caiquAreaQueryDay(param).then((res) => {
if(res.code == 200){ if(res.code == 200){
this.loading = false; this.loading = false;
this.tableData = res.data.content; this.tableData = res.data.content;
...@@ -96,7 +102,8 @@ export default { ...@@ -96,7 +102,8 @@ export default {
// 重置搜索 // 重置搜索
clearLimit(){ clearLimit(){
this.query = {}; this.query = {};
this.loadData() this.currentTimeFn();
this.loadData();
}, },
pageChange(e) { pageChange(e) {
this.page = e this.page = e
...@@ -107,6 +114,60 @@ export default { ...@@ -107,6 +114,60 @@ export default {
this.size = e this.size = e
this.loadData() 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> </script>
......
src/views/performanceStatistics/caiquOutput/month/index.vue
View file @ fbb11cfa
...@@ -5,30 +5,30 @@ ...@@ -5,30 +5,30 @@
<!--工具栏--> <!--工具栏-->
<div class="head-container"> <div class="head-container">
<!-- 搜索 --> <!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label> <label class="el-form-item-label" style="font-weight: 500;">选择月份</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/> <el-date-picker v-model="query.addTime" type="month" placeholder="选择月份"></el-date-picker>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button> <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 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> </div>
<!-- 表格 --> <!-- 表格 -->
<div class="panel-bottom page-row"> <div class="panel-bottom page-row">
<h3>采区产量月报</h3> <h3>采区产量月报({{currentTime}})</h3>
<div class="ctin-box"> <div class="ctin-box">
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName"> <el-table :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="dayPlan" label="月计划量" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column> <el-table-column prop="output" label="实际月产量" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column> <el-table-column prop="rate" 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="shovel" label="电铲车数" align="center"></el-table-column>
<el-table-column prop="lorry" label="卡车车数" align="center"></el-table-column>
</el-table> </el-table>
<!--分页组件--> <!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" /> <el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
...@@ -53,10 +53,11 @@ export default { ...@@ -53,10 +53,11 @@ export default {
total: 0, total: 0,
query:{}, query:{},
tableData: [], tableData: [],
currentTime:'',
} }
}, },
mounted() { mounted() {
var that = this; this.currentTimeFn();
this.$nextTick(() => { this.$nextTick(() => {
this.loadData(); this.loadData();
}) })
...@@ -64,13 +65,18 @@ export default { ...@@ -64,13 +65,18 @@ export default {
methods: { methods: {
loadData() { loadData() {
var sort = 'id,desc'; var sort = 'id,desc';
var param = this.query; var param = {...this.query};
param.page = this.page - 1; param.page = this.page - 1;
param.size = this.size; param.size = this.size;
param.sort = sort; param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{ this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => { HttpReq.truckDispatching.caiquAreaQueryDay(param).then((res) => {
if(res.code == 200){ if(res.code == 200){
this.loading = false; this.loading = false;
this.tableData = res.data.content; this.tableData = res.data.content;
...@@ -96,7 +102,8 @@ export default { ...@@ -96,7 +102,8 @@ export default {
// 重置搜索 // 重置搜索
clearLimit(){ clearLimit(){
this.query = {}; this.query = {};
this.loadData() this.currentTimeFn();
this.loadData();
}, },
pageChange(e) { pageChange(e) {
this.page = e this.page = e
...@@ -107,6 +114,60 @@ export default { ...@@ -107,6 +114,60 @@ export default {
this.size = e this.size = e
this.loadData() 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> </script>
......
src/views/performanceStatistics/caiquOutput/year/index.vue
View file @ fbb11cfa
...@@ -5,30 +5,30 @@ ...@@ -5,30 +5,30 @@
<!--工具栏--> <!--工具栏-->
<div class="head-container"> <div class="head-container">
<!-- 搜索 --> <!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label> <label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/> <el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button> <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 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> </div>
<!-- 表格 --> <!-- 表格 -->
<div class="panel-bottom page-row"> <div class="panel-bottom page-row">
<h3>采区产量年报</h3> <h3>采区产量日报({{currentTime}})</h3>
<div class="ctin-box"> <div class="ctin-box">
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName"> <el-table :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="dayPlan" label="日计划量" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column> <el-table-column prop="output" label="实际日产量" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column> <el-table-column prop="rate" 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="shovel" label="电铲车数" align="center"></el-table-column>
<el-table-column prop="lorry" label="卡车车数" align="center"></el-table-column>
</el-table> </el-table>
<!--分页组件--> <!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" /> <el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
...@@ -53,10 +53,11 @@ export default { ...@@ -53,10 +53,11 @@ export default {
total: 0, total: 0,
query:{}, query:{},
tableData: [], tableData: [],
currentTime:'',
} }
}, },
mounted() { mounted() {
var that = this; this.currentTimeFn();
this.$nextTick(() => { this.$nextTick(() => {
this.loadData(); this.loadData();
}) })
...@@ -64,13 +65,18 @@ export default { ...@@ -64,13 +65,18 @@ export default {
methods: { methods: {
loadData() { loadData() {
var sort = 'id,desc'; var sort = 'id,desc';
var param = this.query; var param = {...this.query};
param.page = this.page - 1; param.page = this.page - 1;
param.size = this.size; param.size = this.size;
param.sort = sort; param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{ this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => { HttpReq.truckDispatching.caiquAreaQueryDay(param).then((res) => {
if(res.code == 200){ if(res.code == 200){
this.loading = false; this.loading = false;
this.tableData = res.data.content; this.tableData = res.data.content;
...@@ -96,7 +102,8 @@ export default { ...@@ -96,7 +102,8 @@ export default {
// 重置搜索 // 重置搜索
clearLimit(){ clearLimit(){
this.query = {}; this.query = {};
this.loadData() this.currentTimeFn();
this.loadData();
}, },
pageChange(e) { pageChange(e) {
this.page = e this.page = e
...@@ -107,6 +114,60 @@ export default { ...@@ -107,6 +114,60 @@ export default {
this.size = e this.size = e
this.loadData() 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> </script>
......
src/views/performanceStatistics/carOutput/day/index.vue
View file @ fbb11cfa
...@@ -5,30 +5,30 @@ ...@@ -5,30 +5,30 @@
<!--工具栏--> <!--工具栏-->
<div class="head-container"> <div class="head-container">
<!-- 搜索 --> <!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label> <label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/> <el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button> <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 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> </div>
<!-- 表格 --> <!-- 表格 -->
<div class="panel-bottom page-row"> <div class="panel-bottom page-row">
<h3>车辆产量日报</h3> <h3>车辆产量日报({{currentTime}})</h3>
<div class="ctin-box"> <div class="ctin-box">
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName"> <el-table :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="carclass" label="车辆类型" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column> <el-table-column prop="worktime" label="工作时间(h)" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" 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-table>
<!--分页组件--> <!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" /> <el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
...@@ -53,10 +53,11 @@ export default { ...@@ -53,10 +53,11 @@ export default {
total: 0, total: 0,
query:{}, query:{},
tableData: [], tableData: [],
currentTime:'',
} }
}, },
mounted() { mounted() {
var that = this; this.currentTimeFn();
this.$nextTick(() => { this.$nextTick(() => {
this.loadData(); this.loadData();
}) })
...@@ -64,13 +65,18 @@ export default { ...@@ -64,13 +65,18 @@ export default {
methods: { methods: {
loadData() { loadData() {
var sort = 'id,desc'; var sort = 'id,desc';
var param = this.query; var param = {...this.query};
param.page = this.page - 1; param.page = this.page - 1;
param.size = this.size; param.size = this.size;
param.sort = sort; param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{ this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => { HttpReq.truckDispatching.carOutputQueryDay(param).then((res) => {
if(res.code == 200){ if(res.code == 200){
this.loading = false; this.loading = false;
this.tableData = res.data.content; this.tableData = res.data.content;
...@@ -96,7 +102,8 @@ export default { ...@@ -96,7 +102,8 @@ export default {
// 重置搜索 // 重置搜索
clearLimit(){ clearLimit(){
this.query = {}; this.query = {};
this.loadData() this.currentTimeFn();
this.loadData();
}, },
pageChange(e) { pageChange(e) {
this.page = e this.page = e
...@@ -107,6 +114,60 @@ export default { ...@@ -107,6 +114,60 @@ export default {
this.size = e this.size = e
this.loadData() 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> </script>
......
src/views/performanceStatistics/carOutput/month/index.vue
View file @ fbb11cfa
...@@ -5,30 +5,30 @@ ...@@ -5,30 +5,30 @@
<!--工具栏--> <!--工具栏-->
<div class="head-container"> <div class="head-container">
<!-- 搜索 --> <!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label> <label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/> <el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button> <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 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> </div>
<!-- 表格 --> <!-- 表格 -->
<div class="panel-bottom page-row"> <div class="panel-bottom page-row">
<h3>车辆产量月报</h3> <h3>车辆产量日报({{currentTime}})</h3>
<div class="ctin-box"> <div class="ctin-box">
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName"> <el-table :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="carclass" label="车辆类型" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column> <el-table-column prop="worktime" label="工作时间(h)" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" 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-table>
<!--分页组件--> <!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" /> <el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
...@@ -53,10 +53,11 @@ export default { ...@@ -53,10 +53,11 @@ export default {
total: 0, total: 0,
query:{}, query:{},
tableData: [], tableData: [],
currentTime:'',
} }
}, },
mounted() { mounted() {
var that = this; this.currentTimeFn();
this.$nextTick(() => { this.$nextTick(() => {
this.loadData(); this.loadData();
}) })
...@@ -64,13 +65,18 @@ export default { ...@@ -64,13 +65,18 @@ export default {
methods: { methods: {
loadData() { loadData() {
var sort = 'id,desc'; var sort = 'id,desc';
var param = this.query; var param = {...this.query};
param.page = this.page - 1; param.page = this.page - 1;
param.size = this.size; param.size = this.size;
param.sort = sort; param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{ this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => { HttpReq.truckDispatching.carOutputQueryDay(param).then((res) => {
if(res.code == 200){ if(res.code == 200){
this.loading = false; this.loading = false;
this.tableData = res.data.content; this.tableData = res.data.content;
...@@ -96,7 +102,8 @@ export default { ...@@ -96,7 +102,8 @@ export default {
// 重置搜索 // 重置搜索
clearLimit(){ clearLimit(){
this.query = {}; this.query = {};
this.loadData() this.currentTimeFn();
this.loadData();
}, },
pageChange(e) { pageChange(e) {
this.page = e this.page = e
...@@ -107,6 +114,60 @@ export default { ...@@ -107,6 +114,60 @@ export default {
this.size = e this.size = e
this.loadData() 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> </script>
......
src/views/performanceStatistics/carOutput/year/index.vue
View file @ fbb11cfa
...@@ -5,30 +5,30 @@ ...@@ -5,30 +5,30 @@
<!--工具栏--> <!--工具栏-->
<div class="head-container"> <div class="head-container">
<!-- 搜索 --> <!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label> <label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/> <el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button> <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 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> </div>
<!-- 表格 --> <!-- 表格 -->
<div class="panel-bottom page-row"> <div class="panel-bottom page-row">
<h3>车辆产量年报</h3> <h3>车辆产量日报({{currentTime}})</h3>
<div class="ctin-box"> <div class="ctin-box">
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName"> <el-table :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="carclass" label="车辆类型" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column> <el-table-column prop="worktime" label="工作时间(h)" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" 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-table>
<!--分页组件--> <!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" /> <el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
...@@ -53,10 +53,11 @@ export default { ...@@ -53,10 +53,11 @@ export default {
total: 0, total: 0,
query:{}, query:{},
tableData: [], tableData: [],
currentTime:'',
} }
}, },
mounted() { mounted() {
var that = this; this.currentTimeFn();
this.$nextTick(() => { this.$nextTick(() => {
this.loadData(); this.loadData();
}) })
...@@ -64,13 +65,18 @@ export default { ...@@ -64,13 +65,18 @@ export default {
methods: { methods: {
loadData() { loadData() {
var sort = 'id,desc'; var sort = 'id,desc';
var param = this.query; var param = {...this.query};
param.page = this.page - 1; param.page = this.page - 1;
param.size = this.size; param.size = this.size;
param.sort = sort; param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{ this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => { HttpReq.truckDispatching.carOutputQueryDay(param).then((res) => {
if(res.code == 200){ if(res.code == 200){
this.loading = false; this.loading = false;
this.tableData = res.data.content; this.tableData = res.data.content;
...@@ -96,7 +102,8 @@ export default { ...@@ -96,7 +102,8 @@ export default {
// 重置搜索 // 重置搜索
clearLimit(){ clearLimit(){
this.query = {}; this.query = {};
this.loadData() this.currentTimeFn();
this.loadData();
}, },
pageChange(e) { pageChange(e) {
this.page = e this.page = e
...@@ -107,6 +114,60 @@ export default { ...@@ -107,6 +114,60 @@ export default {
this.size = e this.size = e
this.loadData() 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> </script>
......
src/views/performanceStatistics/carShiftOutput/day/index.vue
View file @ fbb11cfa
...@@ -5,30 +5,29 @@ ...@@ -5,30 +5,29 @@
<!--工具栏--> <!--工具栏-->
<div class="head-container"> <div class="head-container">
<!-- 搜索 --> <!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label> <label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/> <el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button> <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 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> </div>
<!-- 表格 --> <!-- 表格 -->
<div class="panel-bottom page-row"> <div class="panel-bottom page-row">
<h3>车辆班次产量日报</h3> <h3>车辆班次产量日报({{currentTime}})</h3>
<div class="ctin-box"> <div class="ctin-box">
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName"> <el-table :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="num" label="车数" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column> <el-table-column prop="number" label="工作时长(h)" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column> <el-table-column prop="output" label="产量(kg)" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" 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-table>
<!--分页组件--> <!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" /> <el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
...@@ -53,10 +52,11 @@ export default { ...@@ -53,10 +52,11 @@ export default {
total: 0, total: 0,
query:{}, query:{},
tableData: [], tableData: [],
currentTime:'',
} }
}, },
mounted() { mounted() {
var that = this; this.currentTimeFn();
this.$nextTick(() => { this.$nextTick(() => {
this.loadData(); this.loadData();
}) })
...@@ -64,13 +64,18 @@ export default { ...@@ -64,13 +64,18 @@ export default {
methods: { methods: {
loadData() { loadData() {
var sort = 'id,desc'; var sort = 'id,desc';
var param = this.query; var param = {...this.query};
param.page = this.page - 1; param.page = this.page - 1;
param.size = this.size; param.size = this.size;
param.sort = sort; param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{ this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => { HttpReq.truckDispatching.carShiftOutputQueryDay(param).then((res) => {
if(res.code == 200){ if(res.code == 200){
this.loading = false; this.loading = false;
this.tableData = res.data.content; this.tableData = res.data.content;
...@@ -96,7 +101,8 @@ export default { ...@@ -96,7 +101,8 @@ export default {
// 重置搜索 // 重置搜索
clearLimit(){ clearLimit(){
this.query = {}; this.query = {};
this.loadData() this.currentTimeFn();
this.loadData();
}, },
pageChange(e) { pageChange(e) {
this.page = e this.page = e
...@@ -107,6 +113,60 @@ export default { ...@@ -107,6 +113,60 @@ export default {
this.size = e this.size = e
this.loadData() 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> </script>
......
src/views/performanceStatistics/carShiftOutput/month/index.vue
View file @ fbb11cfa
...@@ -5,30 +5,29 @@ ...@@ -5,30 +5,29 @@
<!--工具栏--> <!--工具栏-->
<div class="head-container"> <div class="head-container">
<!-- 搜索 --> <!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label> <label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/> <el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button> <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 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> </div>
<!-- 表格 --> <!-- 表格 -->
<div class="panel-bottom page-row"> <div class="panel-bottom page-row">
<h3>车辆班次产量月报</h3> <h3>车辆班次产量日报({{currentTime}})</h3>
<div class="ctin-box"> <div class="ctin-box">
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName"> <el-table :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="num" label="车数" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column> <el-table-column prop="number" label="工作时长(h)" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column> <el-table-column prop="output" label="产量(kg)" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" 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-table>
<!--分页组件--> <!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" /> <el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
...@@ -53,10 +52,11 @@ export default { ...@@ -53,10 +52,11 @@ export default {
total: 0, total: 0,
query:{}, query:{},
tableData: [], tableData: [],
currentTime:'',
} }
}, },
mounted() { mounted() {
var that = this; this.currentTimeFn();
this.$nextTick(() => { this.$nextTick(() => {
this.loadData(); this.loadData();
}) })
...@@ -64,13 +64,18 @@ export default { ...@@ -64,13 +64,18 @@ export default {
methods: { methods: {
loadData() { loadData() {
var sort = 'id,desc'; var sort = 'id,desc';
var param = this.query; var param = {...this.query};
param.page = this.page - 1; param.page = this.page - 1;
param.size = this.size; param.size = this.size;
param.sort = sort; param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{ this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => { HttpReq.truckDispatching.carShiftOutputQueryDay(param).then((res) => {
if(res.code == 200){ if(res.code == 200){
this.loading = false; this.loading = false;
this.tableData = res.data.content; this.tableData = res.data.content;
...@@ -96,7 +101,8 @@ export default { ...@@ -96,7 +101,8 @@ export default {
// 重置搜索 // 重置搜索
clearLimit(){ clearLimit(){
this.query = {}; this.query = {};
this.loadData() this.currentTimeFn();
this.loadData();
}, },
pageChange(e) { pageChange(e) {
this.page = e this.page = e
...@@ -107,6 +113,60 @@ export default { ...@@ -107,6 +113,60 @@ export default {
this.size = e this.size = e
this.loadData() 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> </script>
......
src/views/performanceStatistics/carShiftOutput/year/index.vue
View file @ fbb11cfa
...@@ -5,30 +5,29 @@ ...@@ -5,30 +5,29 @@
<!--工具栏--> <!--工具栏-->
<div class="head-container"> <div class="head-container">
<!-- 搜索 --> <!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label> <label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/> <el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button> <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 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> </div>
<!-- 表格 --> <!-- 表格 -->
<div class="panel-bottom page-row"> <div class="panel-bottom page-row">
<h3>车辆班次产量年报</h3> <h3>车辆班次产量日报({{currentTime}})</h3>
<div class="ctin-box"> <div class="ctin-box">
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName"> <el-table :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="num" label="车数" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column> <el-table-column prop="number" label="工作时长(h)" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column> <el-table-column prop="output" label="产量(kg)" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" 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-table>
<!--分页组件--> <!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" /> <el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
...@@ -53,10 +52,11 @@ export default { ...@@ -53,10 +52,11 @@ export default {
total: 0, total: 0,
query:{}, query:{},
tableData: [], tableData: [],
currentTime:'',
} }
}, },
mounted() { mounted() {
var that = this; this.currentTimeFn();
this.$nextTick(() => { this.$nextTick(() => {
this.loadData(); this.loadData();
}) })
...@@ -64,13 +64,18 @@ export default { ...@@ -64,13 +64,18 @@ export default {
methods: { methods: {
loadData() { loadData() {
var sort = 'id,desc'; var sort = 'id,desc';
var param = this.query; var param = {...this.query};
param.page = this.page - 1; param.page = this.page - 1;
param.size = this.size; param.size = this.size;
param.sort = sort; param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{ this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => { HttpReq.truckDispatching.carShiftOutputQueryDay(param).then((res) => {
if(res.code == 200){ if(res.code == 200){
this.loading = false; this.loading = false;
this.tableData = res.data.content; this.tableData = res.data.content;
...@@ -96,7 +101,8 @@ export default { ...@@ -96,7 +101,8 @@ export default {
// 重置搜索 // 重置搜索
clearLimit(){ clearLimit(){
this.query = {}; this.query = {};
this.loadData() this.currentTimeFn();
this.loadData();
}, },
pageChange(e) { pageChange(e) {
this.page = e this.page = e
...@@ -107,6 +113,60 @@ export default { ...@@ -107,6 +113,60 @@ export default {
this.size = e this.size = e
this.loadData() 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> </script>
......
src/views/performanceStatistics/driverOutput/day/index.vue
View file @ fbb11cfa
...@@ -5,30 +5,30 @@ ...@@ -5,30 +5,30 @@
<!--工具栏--> <!--工具栏-->
<div class="head-container"> <div class="head-container">
<!-- 搜索 --> <!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label> <label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/> <el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button> <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 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> </div>
<!-- 表格 --> <!-- 表格 -->
<div class="panel-bottom page-row"> <div class="panel-bottom page-row">
<h3>司机产量日报</h3> <h3>司机产量日报({{currentTime}})</h3>
<div class="ctin-box"> <div class="ctin-box">
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName"> <el-table :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="carname" label="驾驶车辆" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column> <el-table-column prop="worktime" label="工作时间(h)" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column> <el-table-column prop="output" label="产量(kg)" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" 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-table>
<!--分页组件--> <!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" /> <el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
...@@ -53,10 +53,11 @@ export default { ...@@ -53,10 +53,11 @@ export default {
total: 0, total: 0,
query:{}, query:{},
tableData: [], tableData: [],
currentTime:'',
} }
}, },
mounted() { mounted() {
var that = this; this.currentTimeFn();
this.$nextTick(() => { this.$nextTick(() => {
this.loadData(); this.loadData();
}) })
...@@ -64,13 +65,18 @@ export default { ...@@ -64,13 +65,18 @@ export default {
methods: { methods: {
loadData() { loadData() {
var sort = 'id,desc'; var sort = 'id,desc';
var param = this.query; var param = {...this.query};
param.page = this.page - 1; param.page = this.page - 1;
param.size = this.size; param.size = this.size;
param.sort = sort; param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{ this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => { HttpReq.truckDispatching.driverOutputQueryDay(param).then((res) => {
if(res.code == 200){ if(res.code == 200){
this.loading = false; this.loading = false;
this.tableData = res.data.content; this.tableData = res.data.content;
...@@ -96,7 +102,8 @@ export default { ...@@ -96,7 +102,8 @@ export default {
// 重置搜索 // 重置搜索
clearLimit(){ clearLimit(){
this.query = {}; this.query = {};
this.loadData() this.currentTimeFn();
this.loadData();
}, },
pageChange(e) { pageChange(e) {
this.page = e this.page = e
...@@ -107,6 +114,60 @@ export default { ...@@ -107,6 +114,60 @@ export default {
this.size = e this.size = e
this.loadData() 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> </script>
......
src/views/performanceStatistics/driverOutput/month/index.vue
View file @ fbb11cfa
...@@ -5,30 +5,30 @@ ...@@ -5,30 +5,30 @@
<!--工具栏--> <!--工具栏-->
<div class="head-container"> <div class="head-container">
<!-- 搜索 --> <!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label> <label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/> <el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button> <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 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> </div>
<!-- 表格 --> <!-- 表格 -->
<div class="panel-bottom page-row"> <div class="panel-bottom page-row">
<h3>司机产量月报</h3> <h3>司机产量日报({{currentTime}})</h3>
<div class="ctin-box"> <div class="ctin-box">
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName"> <el-table :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="carname" label="驾驶车辆" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column> <el-table-column prop="worktime" label="工作时间(h)" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column> <el-table-column prop="output" label="产量(kg)" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" 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-table>
<!--分页组件--> <!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" /> <el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
...@@ -53,10 +53,11 @@ export default { ...@@ -53,10 +53,11 @@ export default {
total: 0, total: 0,
query:{}, query:{},
tableData: [], tableData: [],
currentTime:'',
} }
}, },
mounted() { mounted() {
var that = this; this.currentTimeFn();
this.$nextTick(() => { this.$nextTick(() => {
this.loadData(); this.loadData();
}) })
...@@ -64,13 +65,18 @@ export default { ...@@ -64,13 +65,18 @@ export default {
methods: { methods: {
loadData() { loadData() {
var sort = 'id,desc'; var sort = 'id,desc';
var param = this.query; var param = {...this.query};
param.page = this.page - 1; param.page = this.page - 1;
param.size = this.size; param.size = this.size;
param.sort = sort; param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{ this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => { HttpReq.truckDispatching.driverOutputQueryDay(param).then((res) => {
if(res.code == 200){ if(res.code == 200){
this.loading = false; this.loading = false;
this.tableData = res.data.content; this.tableData = res.data.content;
...@@ -96,7 +102,8 @@ export default { ...@@ -96,7 +102,8 @@ export default {
// 重置搜索 // 重置搜索
clearLimit(){ clearLimit(){
this.query = {}; this.query = {};
this.loadData() this.currentTimeFn();
this.loadData();
}, },
pageChange(e) { pageChange(e) {
this.page = e this.page = e
...@@ -107,6 +114,60 @@ export default { ...@@ -107,6 +114,60 @@ export default {
this.size = e this.size = e
this.loadData() 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> </script>
......
src/views/performanceStatistics/driverOutput/year/index.vue
View file @ fbb11cfa
...@@ -5,30 +5,30 @@ ...@@ -5,30 +5,30 @@
<!--工具栏--> <!--工具栏-->
<div class="head-container"> <div class="head-container">
<!-- 搜索 --> <!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label> <label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/> <el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button> <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 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> </div>
<!-- 表格 --> <!-- 表格 -->
<div class="panel-bottom page-row"> <div class="panel-bottom page-row">
<h3>司机产量年报</h3> <h3>司机产量日报({{currentTime}})</h3>
<div class="ctin-box"> <div class="ctin-box">
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName"> <el-table :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="carname" label="驾驶车辆" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column> <el-table-column prop="worktime" label="工作时间(h)" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column> <el-table-column prop="output" label="产量(kg)" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" 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-table>
<!--分页组件--> <!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" /> <el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
...@@ -53,10 +53,11 @@ export default { ...@@ -53,10 +53,11 @@ export default {
total: 0, total: 0,
query:{}, query:{},
tableData: [], tableData: [],
currentTime:'',
} }
}, },
mounted() { mounted() {
var that = this; this.currentTimeFn();
this.$nextTick(() => { this.$nextTick(() => {
this.loadData(); this.loadData();
}) })
...@@ -64,13 +65,18 @@ export default { ...@@ -64,13 +65,18 @@ export default {
methods: { methods: {
loadData() { loadData() {
var sort = 'id,desc'; var sort = 'id,desc';
var param = this.query; var param = {...this.query};
param.page = this.page - 1; param.page = this.page - 1;
param.size = this.size; param.size = this.size;
param.sort = sort; param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{ this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => { HttpReq.truckDispatching.driverOutputQueryDay(param).then((res) => {
if(res.code == 200){ if(res.code == 200){
this.loading = false; this.loading = false;
this.tableData = res.data.content; this.tableData = res.data.content;
...@@ -96,7 +102,8 @@ export default { ...@@ -96,7 +102,8 @@ export default {
// 重置搜索 // 重置搜索
clearLimit(){ clearLimit(){
this.query = {}; this.query = {};
this.loadData() this.currentTimeFn();
this.loadData();
}, },
pageChange(e) { pageChange(e) {
this.page = e this.page = e
...@@ -107,6 +114,60 @@ export default { ...@@ -107,6 +114,60 @@ export default {
this.size = e this.size = e
this.loadData() 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> </script>
......
src/views/performanceStatistics/driverShiftOutput/day/index.vue
View file @ fbb11cfa
...@@ -5,30 +5,29 @@ ...@@ -5,30 +5,29 @@
<!--工具栏--> <!--工具栏-->
<div class="head-container"> <div class="head-container">
<!-- 搜索 --> <!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label> <label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/> <el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button> <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 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> </div>
<!-- 表格 --> <!-- 表格 -->
<div class="panel-bottom page-row"> <div class="panel-bottom page-row">
<h3>司机班次产量日报</h3> <h3>司机班次产量日报({{currentTime}})</h3>
<div class="ctin-box"> <div class="ctin-box">
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName"> <el-table :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="num" label="车数" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column> <el-table-column prop="number" label="工作时长(h)" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column> <el-table-column prop="output" label="产量(kg)" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" 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-table>
<!--分页组件--> <!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" /> <el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
...@@ -53,10 +52,11 @@ export default { ...@@ -53,10 +52,11 @@ export default {
total: 0, total: 0,
query:{}, query:{},
tableData: [], tableData: [],
currentTime:'',
} }
}, },
mounted() { mounted() {
var that = this; this.currentTimeFn();
this.$nextTick(() => { this.$nextTick(() => {
this.loadData(); this.loadData();
}) })
...@@ -64,13 +64,18 @@ export default { ...@@ -64,13 +64,18 @@ export default {
methods: { methods: {
loadData() { loadData() {
var sort = 'id,desc'; var sort = 'id,desc';
var param = this.query; var param = {...this.query};
param.page = this.page - 1; param.page = this.page - 1;
param.size = this.size; param.size = this.size;
param.sort = sort; param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{ this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => { HttpReq.truckDispatching.driverShiftOutputQueryDay(param).then((res) => {
if(res.code == 200){ if(res.code == 200){
this.loading = false; this.loading = false;
this.tableData = res.data.content; this.tableData = res.data.content;
...@@ -96,7 +101,8 @@ export default { ...@@ -96,7 +101,8 @@ export default {
// 重置搜索 // 重置搜索
clearLimit(){ clearLimit(){
this.query = {}; this.query = {};
this.loadData() this.currentTimeFn();
this.loadData();
}, },
pageChange(e) { pageChange(e) {
this.page = e this.page = e
...@@ -107,6 +113,60 @@ export default { ...@@ -107,6 +113,60 @@ export default {
this.size = e this.size = e
this.loadData() 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> </script>
......
src/views/performanceStatistics/driverShiftOutput/month/index.vue
View file @ fbb11cfa
...@@ -5,30 +5,29 @@ ...@@ -5,30 +5,29 @@
<!--工具栏--> <!--工具栏-->
<div class="head-container"> <div class="head-container">
<!-- 搜索 --> <!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label> <label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/> <el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button> <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 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> </div>
<!-- 表格 --> <!-- 表格 -->
<div class="panel-bottom page-row"> <div class="panel-bottom page-row">
<h3>司机班次产量月报</h3> <h3>司机班次产量日报({{currentTime}})</h3>
<div class="ctin-box"> <div class="ctin-box">
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName"> <el-table :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="num" label="车数" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column> <el-table-column prop="number" label="工作时长(h)" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column> <el-table-column prop="output" label="产量(kg)" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" 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-table>
<!--分页组件--> <!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" /> <el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
...@@ -53,10 +52,11 @@ export default { ...@@ -53,10 +52,11 @@ export default {
total: 0, total: 0,
query:{}, query:{},
tableData: [], tableData: [],
currentTime:'',
} }
}, },
mounted() { mounted() {
var that = this; this.currentTimeFn();
this.$nextTick(() => { this.$nextTick(() => {
this.loadData(); this.loadData();
}) })
...@@ -64,13 +64,18 @@ export default { ...@@ -64,13 +64,18 @@ export default {
methods: { methods: {
loadData() { loadData() {
var sort = 'id,desc'; var sort = 'id,desc';
var param = this.query; var param = {...this.query};
param.page = this.page - 1; param.page = this.page - 1;
param.size = this.size; param.size = this.size;
param.sort = sort; param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{ this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => { HttpReq.truckDispatching.driverShiftOutputQueryDay(param).then((res) => {
if(res.code == 200){ if(res.code == 200){
this.loading = false; this.loading = false;
this.tableData = res.data.content; this.tableData = res.data.content;
...@@ -96,7 +101,8 @@ export default { ...@@ -96,7 +101,8 @@ export default {
// 重置搜索 // 重置搜索
clearLimit(){ clearLimit(){
this.query = {}; this.query = {};
this.loadData() this.currentTimeFn();
this.loadData();
}, },
pageChange(e) { pageChange(e) {
this.page = e this.page = e
...@@ -107,6 +113,60 @@ export default { ...@@ -107,6 +113,60 @@ export default {
this.size = e this.size = e
this.loadData() 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> </script>
......
src/views/performanceStatistics/parkAreaStatistics/day/index.vue
View file @ fbb11cfa
...@@ -5,30 +5,28 @@ ...@@ -5,30 +5,28 @@
<!--工具栏--> <!--工具栏-->
<div class="head-container"> <div class="head-container">
<!-- 搜索 --> <!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label> <label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/> <el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button> <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 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> </div>
<!-- 表格 --> <!-- 表格 -->
<div class="panel-bottom page-row"> <div class="panel-bottom page-row">
<h3>停车区域日报</h3> <h3>等待区日报({{currentTime}})</h3>
<div class="ctin-box"> <div class="ctin-box">
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName"> <el-table :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="carname" label="司机" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column> <el-table-column prop="adr" label="等待位置" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column> <el-table-column prop="time" label="等待时长" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column> <el-table-column prop="addTime" label="日期" align="center"></el-table-column>
</el-table> </el-table>
<!--分页组件--> <!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" /> <el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
...@@ -53,10 +51,11 @@ export default { ...@@ -53,10 +51,11 @@ export default {
total: 0, total: 0,
query:{}, query:{},
tableData: [], tableData: [],
currentTime:'',
} }
}, },
mounted() { mounted() {
var that = this; this.currentTimeFn();
this.$nextTick(() => { this.$nextTick(() => {
this.loadData(); this.loadData();
}) })
...@@ -64,13 +63,18 @@ export default { ...@@ -64,13 +63,18 @@ export default {
methods: { methods: {
loadData() { loadData() {
var sort = 'id,desc'; var sort = 'id,desc';
var param = this.query; var param = {...this.query};
param.page = this.page - 1; param.page = this.page - 1;
param.size = this.size; param.size = this.size;
param.sort = sort; param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{ this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => { HttpReq.truckDispatching.parkingQueryDay(param).then((res) => {
if(res.code == 200){ if(res.code == 200){
this.loading = false; this.loading = false;
this.tableData = res.data.content; this.tableData = res.data.content;
...@@ -96,7 +100,8 @@ export default { ...@@ -96,7 +100,8 @@ export default {
// 重置搜索 // 重置搜索
clearLimit(){ clearLimit(){
this.query = {}; this.query = {};
this.loadData() this.currentTimeFn();
this.loadData();
}, },
pageChange(e) { pageChange(e) {
this.page = e this.page = e
...@@ -107,6 +112,60 @@ export default { ...@@ -107,6 +112,60 @@ export default {
this.size = e this.size = e
this.loadData() 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> </script>
......
src/views/performanceStatistics/parkAreaStatistics/month/index.vue
View file @ fbb11cfa
...@@ -5,30 +5,28 @@ ...@@ -5,30 +5,28 @@
<!--工具栏--> <!--工具栏-->
<div class="head-container"> <div class="head-container">
<!-- 搜索 --> <!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label> <label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/> <el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button> <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 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> </div>
<!-- 表格 --> <!-- 表格 -->
<div class="panel-bottom page-row"> <div class="panel-bottom page-row">
<h3>停车区域月报</h3> <h3>等待区日报({{currentTime}})</h3>
<div class="ctin-box"> <div class="ctin-box">
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName"> <el-table :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="carname" label="司机" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column> <el-table-column prop="adr" label="等待位置" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column> <el-table-column prop="time" label="等待时长" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column> <el-table-column prop="addTime" label="日期" align="center"></el-table-column>
</el-table> </el-table>
<!--分页组件--> <!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" /> <el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
...@@ -53,10 +51,11 @@ export default { ...@@ -53,10 +51,11 @@ export default {
total: 0, total: 0,
query:{}, query:{},
tableData: [], tableData: [],
currentTime:'',
} }
}, },
mounted() { mounted() {
var that = this; this.currentTimeFn();
this.$nextTick(() => { this.$nextTick(() => {
this.loadData(); this.loadData();
}) })
...@@ -64,13 +63,18 @@ export default { ...@@ -64,13 +63,18 @@ export default {
methods: { methods: {
loadData() { loadData() {
var sort = 'id,desc'; var sort = 'id,desc';
var param = this.query; var param = {...this.query};
param.page = this.page - 1; param.page = this.page - 1;
param.size = this.size; param.size = this.size;
param.sort = sort; param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{ this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => { HttpReq.truckDispatching.parkingQueryDay(param).then((res) => {
if(res.code == 200){ if(res.code == 200){
this.loading = false; this.loading = false;
this.tableData = res.data.content; this.tableData = res.data.content;
...@@ -96,7 +100,8 @@ export default { ...@@ -96,7 +100,8 @@ export default {
// 重置搜索 // 重置搜索
clearLimit(){ clearLimit(){
this.query = {}; this.query = {};
this.loadData() this.currentTimeFn();
this.loadData();
}, },
pageChange(e) { pageChange(e) {
this.page = e this.page = e
...@@ -107,6 +112,60 @@ export default { ...@@ -107,6 +112,60 @@ export default {
this.size = e this.size = e
this.loadData() 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> </script>
......
src/views/performanceStatistics/parkAreaStatistics/year/index.vue
View file @ fbb11cfa
...@@ -5,30 +5,28 @@ ...@@ -5,30 +5,28 @@
<!--工具栏--> <!--工具栏-->
<div class="head-container"> <div class="head-container">
<!-- 搜索 --> <!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label> <label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/> <el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button> <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 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> </div>
<!-- 表格 --> <!-- 表格 -->
<div class="panel-bottom page-row"> <div class="panel-bottom page-row">
<h3>停车区域年报</h3> <h3>等待区日报({{currentTime}})</h3>
<div class="ctin-box"> <div class="ctin-box">
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName"> <el-table :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="carname" label="司机" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column> <el-table-column prop="adr" label="等待位置" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column> <el-table-column prop="time" label="等待时长" align="center"></el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column> <el-table-column prop="addTime" label="日期" align="center"></el-table-column>
</el-table> </el-table>
<!--分页组件--> <!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" /> <el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
...@@ -53,10 +51,11 @@ export default { ...@@ -53,10 +51,11 @@ export default {
total: 0, total: 0,
query:{}, query:{},
tableData: [], tableData: [],
currentTime:'',
} }
}, },
mounted() { mounted() {
var that = this; this.currentTimeFn();
this.$nextTick(() => { this.$nextTick(() => {
this.loadData(); this.loadData();
}) })
...@@ -64,13 +63,18 @@ export default { ...@@ -64,13 +63,18 @@ export default {
methods: { methods: {
loadData() { loadData() {
var sort = 'id,desc'; var sort = 'id,desc';
var param = this.query; var param = {...this.query};
param.page = this.page - 1; param.page = this.page - 1;
param.size = this.size; param.size = this.size;
param.sort = sort; param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{ this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => { HttpReq.truckDispatching.parkingQueryDay(param).then((res) => {
if(res.code == 200){ if(res.code == 200){
this.loading = false; this.loading = false;
this.tableData = res.data.content; this.tableData = res.data.content;
...@@ -96,7 +100,8 @@ export default { ...@@ -96,7 +100,8 @@ export default {
// 重置搜索 // 重置搜索
clearLimit(){ clearLimit(){
this.query = {}; this.query = {};
this.loadData() this.currentTimeFn();
this.loadData();
}, },
pageChange(e) { pageChange(e) {
this.page = e this.page = e
...@@ -107,6 +112,60 @@ export default { ...@@ -107,6 +112,60 @@ export default {
this.size = e this.size = e
this.loadData() 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> </script>
......
src/views/performanceStatistics/xiedianOutput/day/index.vue
View file @ fbb11cfa
...@@ -5,30 +5,30 @@ ...@@ -5,30 +5,30 @@
<!--工具栏--> <!--工具栏-->
<div class="head-container"> <div class="head-container">
<!-- 搜索 --> <!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label> <label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/> <el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button> <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 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> </div>
<!-- 表格 --> <!-- 表格 -->
<div class="panel-bottom page-row"> <div class="panel-bottom page-row">
<h3>卸点产量日报</h3> <h3>卸点产量日报({{currentTime}})</h3>
<div class="ctin-box"> <div class="ctin-box">
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName"> <el-table :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="dayPlan" label="日计划量" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column> <el-table-column prop="output" label="实际日产量" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column> <el-table-column prop="rate" 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="shovel" label="电铲车数" align="center"></el-table-column>
<el-table-column prop="lorry" label="卡车车数" align="center"></el-table-column>
</el-table> </el-table>
<!--分页组件--> <!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" /> <el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
...@@ -53,10 +53,11 @@ export default { ...@@ -53,10 +53,11 @@ export default {
total: 0, total: 0,
query:{}, query:{},
tableData: [], tableData: [],
currentTime:'',
} }
}, },
mounted() { mounted() {
var that = this; this.currentTimeFn();
this.$nextTick(() => { this.$nextTick(() => {
this.loadData(); this.loadData();
}) })
...@@ -64,13 +65,18 @@ export default { ...@@ -64,13 +65,18 @@ export default {
methods: { methods: {
loadData() { loadData() {
var sort = 'id,desc'; var sort = 'id,desc';
var param = this.query; var param = {...this.query};
param.page = this.page - 1; param.page = this.page - 1;
param.size = this.size; param.size = this.size;
param.sort = sort; param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{ this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => { HttpReq.truckDispatching.xiequAreaQueryDay(param).then((res) => {
if(res.code == 200){ if(res.code == 200){
this.loading = false; this.loading = false;
this.tableData = res.data.content; this.tableData = res.data.content;
...@@ -96,7 +102,8 @@ export default { ...@@ -96,7 +102,8 @@ export default {
// 重置搜索 // 重置搜索
clearLimit(){ clearLimit(){
this.query = {}; this.query = {};
this.loadData() this.currentTimeFn();
this.loadData();
}, },
pageChange(e) { pageChange(e) {
this.page = e this.page = e
...@@ -107,6 +114,60 @@ export default { ...@@ -107,6 +114,60 @@ export default {
this.size = e this.size = e
this.loadData() 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> </script>
......
src/views/performanceStatistics/xiedianOutput/month/index.vue
View file @ fbb11cfa
...@@ -5,30 +5,30 @@ ...@@ -5,30 +5,30 @@
<!--工具栏--> <!--工具栏-->
<div class="head-container"> <div class="head-container">
<!-- 搜索 --> <!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label> <label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/> <el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button> <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 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> </div>
<!-- 表格 --> <!-- 表格 -->
<div class="panel-bottom page-row"> <div class="panel-bottom page-row">
<h3>卸点产量月报</h3> <h3>卸点产量日报({{currentTime}})</h3>
<div class="ctin-box"> <div class="ctin-box">
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName"> <el-table :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="dayPlan" label="日计划量" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column> <el-table-column prop="output" label="实际日产量" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column> <el-table-column prop="rate" 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="shovel" label="电铲车数" align="center"></el-table-column>
<el-table-column prop="lorry" label="卡车车数" align="center"></el-table-column>
</el-table> </el-table>
<!--分页组件--> <!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" /> <el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
...@@ -53,10 +53,11 @@ export default { ...@@ -53,10 +53,11 @@ export default {
total: 0, total: 0,
query:{}, query:{},
tableData: [], tableData: [],
currentTime:'',
} }
}, },
mounted() { mounted() {
var that = this; this.currentTimeFn();
this.$nextTick(() => { this.$nextTick(() => {
this.loadData(); this.loadData();
}) })
...@@ -64,13 +65,18 @@ export default { ...@@ -64,13 +65,18 @@ export default {
methods: { methods: {
loadData() { loadData() {
var sort = 'id,desc'; var sort = 'id,desc';
var param = this.query; var param = {...this.query};
param.page = this.page - 1; param.page = this.page - 1;
param.size = this.size; param.size = this.size;
param.sort = sort; param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{ this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => { HttpReq.truckDispatching.xiequAreaQueryDay(param).then((res) => {
if(res.code == 200){ if(res.code == 200){
this.loading = false; this.loading = false;
this.tableData = res.data.content; this.tableData = res.data.content;
...@@ -96,7 +102,8 @@ export default { ...@@ -96,7 +102,8 @@ export default {
// 重置搜索 // 重置搜索
clearLimit(){ clearLimit(){
this.query = {}; this.query = {};
this.loadData() this.currentTimeFn();
this.loadData();
}, },
pageChange(e) { pageChange(e) {
this.page = e this.page = e
...@@ -107,6 +114,60 @@ export default { ...@@ -107,6 +114,60 @@ export default {
this.size = e this.size = e
this.loadData() 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> </script>
......
src/views/performanceStatistics/xiedianOutput/year/index.vue
View file @ fbb11cfa
...@@ -5,30 +5,30 @@ ...@@ -5,30 +5,30 @@
<!--工具栏--> <!--工具栏-->
<div class="head-container"> <div class="head-container">
<!-- 搜索 --> <!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">车辆名称</label> <label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/> <el-date-picker v-model="query.addTime" type="date" placeholder="选择日期"></el-date-picker>
<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button> <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 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> </div>
<!-- 表格 --> <!-- 表格 -->
<div class="panel-bottom page-row"> <div class="panel-bottom page-row">
<h3>卸点产量年报</h3> <h3>卸点产量日报({{currentTime}})</h3>
<div class="ctin-box"> <div class="ctin-box">
<div class="content-within"> <div class="content-within">
<div class="content-fix"> <div class="content-fix">
<div class="content" style="margin-top:15px;"> <div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName"> <el-table :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="dayPlan" label="日计划量" align="center"></el-table-column>
<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column> <el-table-column prop="output" label="实际日产量" align="center"></el-table-column>
<el-table-column prop="area" label="所属矿区" align="center"></el-table-column> <el-table-column prop="rate" 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="shovel" label="电铲车数" align="center"></el-table-column>
<el-table-column prop="lorry" label="卡车车数" align="center"></el-table-column>
</el-table> </el-table>
<!--分页组件--> <!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" /> <el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
...@@ -53,10 +53,11 @@ export default { ...@@ -53,10 +53,11 @@ export default {
total: 0, total: 0,
query:{}, query:{},
tableData: [], tableData: [],
currentTime:'',
} }
}, },
mounted() { mounted() {
var that = this; this.currentTimeFn();
this.$nextTick(() => { this.$nextTick(() => {
this.loadData(); this.loadData();
}) })
...@@ -64,13 +65,18 @@ export default { ...@@ -64,13 +65,18 @@ export default {
methods: { methods: {
loadData() { loadData() {
var sort = 'id,desc'; var sort = 'id,desc';
var param = this.query; var param = {...this.query};
param.page = this.page - 1; param.page = this.page - 1;
param.size = this.size; param.size = this.size;
param.sort = sort; param.sort = sort;
if(this.query.addTime){
param.addTime = this.changeTimeFn(this.query.addTime);
}else{
param.addTime = this.currentTime;
}
this.$nextTick(()=>{ this.$nextTick(()=>{
HttpReq.truckDispatching.carFleetQuery(param).then((res) => { HttpReq.truckDispatching.xiequAreaQueryDay(param).then((res) => {
if(res.code == 200){ if(res.code == 200){
this.loading = false; this.loading = false;
this.tableData = res.data.content; this.tableData = res.data.content;
...@@ -96,7 +102,8 @@ export default { ...@@ -96,7 +102,8 @@ export default {
// 重置搜索 // 重置搜索
clearLimit(){ clearLimit(){
this.query = {}; this.query = {};
this.loadData() this.currentTimeFn();
this.loadData();
}, },
pageChange(e) { pageChange(e) {
this.page = e this.page = e
...@@ -107,6 +114,60 @@ export default { ...@@ -107,6 +114,60 @@ export default {
this.size = e this.size = e
this.loadData() 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> </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