Skip to content

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

采点卸点绩效统计报表

parent 2931d88f
Hide whitespace changes
Inline Side-by-side
Showing with 392 additions and 341 deletions
src/assets/js/common.js
View file @ 00b4e8a3
......@@ -3114,6 +3114,23 @@ var HttpReq = function(){
data: data,
})
},
//绩效采区报表查询
jxquTable: function(param){
return request({
url: '/api/performanceStatistics/prodTableOfMiningArea',
method: 'get',
params:param,
})
},
//绩效卸点报表查询
jxxdTable: function(param){
return request({
url: '/api/performanceStatistics/prodTableOfUnloadingPoint',
method: 'get',
params:param,
})
},
......
src/views/performanceStatistics/caiquOutput/day/index.vue
View file @ 00b4e8a3
<template>
<div class="common-page device-manage">
<div class="option page-row">
<!--工具栏-->
<div class="head-container">
<!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-date-picker v-model="query.createTime" type="date" placeholder="选择日期"></el-date-picker>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button>
<el-button size="mini" icon="el-icon-refresh" @click="clearLimit">重置</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
</div>
</div>
<!-- 表格 -->
<div class="panel-bottom page-row">
<h3>采区产量日报({{currentTime}})</h3>
<div class="ctin-box">
<div class="content-within">
<div class="content-fix">
<div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
<el-table-column prop="name" label="采区" align="center"></el-table-column>
<el-table-column prop="nowPlan" label="日计划量" align="center"></el-table-column>
<el-table-column prop="total" label="实际日产量" align="center"></el-table-column>
<el-table-column prop="ratio" label="完成率" align="center"></el-table-column>
<el-table-column prop="worktime" label="铲车工作时间(h)" align="center"></el-table-column>
<el-table-column prop="shovel" label="铲车车数" align="center"></el-table-column>
<el-table-column prop="lorry" label="卡车车数" align="center"></el-table-column>
</el-table>
<!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
</div>
</div>
</div>
</div>
</div>
</div>
<div class="common-page device-manage">
<div class="option page-row">
<!--工具栏-->
<div class="head-container">
<!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">选择日期</label>
<el-date-picker v-model="query.queryTime" type="date" placeholder="选择日期"></el-date-picker>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button>
<el-button size="mini" icon="el-icon-refresh" @click="clearLimit">重置</el-button>
<el-button type="primary" icon="el-icon-upload2" @click="daochu()">导出</el-button>
</div>
</div>
<!-- 表格 -->
<div class="panel-bottom page-row">
<h3>采区产量日报({{ currentTime }})</h3>
<div class="ctin-box">
<div class="content-within">
<div class="content-fix">
<div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
<el-table-column prop="miningAreaName" label="采区" align="center"></el-table-column>
<el-table-column prop="plan" label="日计划量" align="center"></el-table-column>
<el-table-column prop="actualProd" label="实际日产量" align="center"></el-table-column>
<el-table-column prop="rate" label="完成率" align="center"></el-table-column>
<el-table-column prop="timeOfWork" label="铲车工作时间(h)" align="center"></el-table-column>
<el-table-column prop="numberOfCC" label="铲车车数" align="center"></el-table-column>
<el-table-column prop="numberOfKC" label="卡车车数" align="center"></el-table-column>
</el-table>
<!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;"
layout="total, prev, pager, next, sizes" @size-change="sizeChange"
@current-change="pageChange"/>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import { Tools, HttpReq, Dates} from '@/assets/js/common.js';
import {Tools, HttpReq, Dates} from '@/assets/js/common.js';
export default {
data() {
return {
loading: false,
page: 1,
size: 10,
total: 0,
query:{},
tableData: [],
currentTime:'',
}
},
mounted() {
this.currentTimeFn();
this.$nextTick(() => {
this.loadData();
})
},
methods: {
loadData() {
var sort = 'id,desc';
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.sort = sort;
if(this.query.createTime){
param.createTime = this.changeTimeFn(this.query.createTime);
}else{
param.createTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.caiquAreaQueryDay(param).then((res) => {
this.loading = false;
this.tableData = res;
this.total = res.length;
})
})
},
tableRowClassName({row, rowIndex}) {
if (rowIndex === 1) {
return 'warning-row';
} else if (rowIndex === 3) {
return 'success-row';
}
return '';
},
// 点击搜索
toSearch() {
this.page = 1;
this.loadData();
},
// 重置搜索
clearLimit(){
this.query = {};
this.currentTimeFn();
this.loadData();
},
pageChange(e) {
this.page = e
this.loadData()
},
sizeChange(e) {
this.page = 1
this.size = e
this.loadData()
},
//获取当前时间
currentTimeFn(){
var date = new Date();
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
},
//转换查询时间
changeTimeFn(time){
var date = new Date(time);
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
return currentFormatDate;
},
//导出
daochu(){
//获取表格
var exportFileContent = document.querySelector(".el-table").outerHTML;
//设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
//exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
//var link = "data:"+MIMEType+";base64," + exportFileContent;
//使用Blob
var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"}); //解决中文乱码问题
blob = new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
//设置链接
var link = window.URL.createObjectURL(blob);
var a = document.createElement("a"); //创建a标签
a.download = "采区产量日报("+ this.currentTime + ").xls"; //设置被下载的超链接目标（文件名）
a.href = link; //设置a标签的链接
document.body.appendChild(a); //a标签添加到页面
a.click(); //设置a标签触发单击事件
document.body.removeChild(a); //移除a标签
},
}
data() {
return {
loading: false,
page: 1,
size: 10,
total: 0,
query: {},
tableData: [],
currentTime: '',
}
},
mounted() {
this.currentTimeFn();
this.$nextTick(() => {
this.loadData();
})
},
methods: {
loadData() {
var sort = 'id,desc';
var param = {...this.query};
param.page = this.page - 1;
param.pageSize = this.size;
param.sort = sort;
param.dmy = "day";
if (this.query.queryTime) {
param.queryTime = this.changeTimeFn(this.query.queryTime);
} else {
param.queryTime = this.currentTime;
}
this.$nextTick(() => {
HttpReq.truckDispatching.jxquTable(param).then((res) => {
this.loading = false;
if (res.code == 200 && res.data) {
this.tableData = res.data.data;
this.total = res.data.total;
}
})
})
},
tableRowClassName({row, rowIndex}) {
if (rowIndex === 1) {
return 'warning-row';
} else if (rowIndex === 3) {
return 'success-row';
}
return '';
},
// 点击搜索
toSearch() {
this.page = 1;
this.loadData();
},
// 重置搜索
clearLimit() {
this.query = {};
this.currentTimeFn();
this.loadData();
},
pageChange(e) {
this.page = e
this.loadData()
},
sizeChange(e) {
this.page = 1
this.size = e
this.loadData()
},
//获取当前时间
currentTimeFn() {
var date = new Date();
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
},
//转换查询时间
changeTimeFn(time) {
var date = new Date(time);
var year = date.getFullYear(); //年 ,从 Date 对象以四位数字返回年份
var month = date.getMonth() + 1; //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
var day = date.getDate(); //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
//修改月份格式
if (month >= 1 && month <= 9) {
month = "0" + month;
}
//修改日期格式
if (day >= 0 && day <= 9) {
day = "0" + day;
}
let currentFormatDate = year + "-" + month + "-" + day;
this.currentTime = currentFormatDate;
return currentFormatDate;
},
//导出
daochu() {
//获取表格
var exportFileContent = document.querySelector(".el-table").outerHTML;
//设置格式为Excel，表格内容通过btoa转化为base64，此方法只在文件较小时使用(小于1M)
//exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent)));
//var link = "data:"+MIMEType+";base64," + exportFileContent;
//使用Blob
var blob = new Blob([exportFileContent], {type: "text/plain;charset=utf-8"}); //解决中文乱码问题
blob = new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});
//设置链接
var link = window.URL.createObjectURL(blob);
var a = document.createElement("a"); //创建a标签
a.download = "采区产量日报(" + this.currentTime + ").xls"; //设置被下载的超链接目标（文件名）
a.href = link; //设置a标签的链接
document.body.appendChild(a); //a标签添加到页面
a.click(); //设置a标签触发单击事件
document.body.removeChild(a); //移除a标签
},
}
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
.el-table .warning-row {
background: oldlace;
}
.el-table .success-row {
background: #f0f9eb;
}
.device-manage{
.panel-bottom{
.el-button{margin:2px 0;padding:6px 15px;font-size:14px;}
.btn-groub2{
display:inline-block;
.el-button{margin:2px 0;padding:6px 15px;font-size:15px;}
.el-button--warning {
background-color: #e6a23c;
border-color: #e6a23c;
}
.el-button--warning:focus,.el-button--warning:hover{background:#ebb563;border-color:#ebb563;}
}
}
}
.ecahrt1-dialog{
display:flex;align-items:center;
.el-dialog{
margin-top:inherit !important;display:table !important;width:fit-content;
.el-form-item{margin-right:0;}
}
.el-dialog__header{height:0;padding:0;display:block;}
.form-body{
border:1px solid #999;width:800px;height:500px;position:relative;
>div{position:absolute;top:0;left:0;height:100%;width:100%;}
}
}
.el-table .warning-row {
background: oldlace;
}
.el-table .success-row {
background: #f0f9eb;
}
.device-manage {
.panel-bottom {
.el-button {
margin: 2px 0;
padding: 6px 15px;
font-size: 14px;
}
.btn-groub2 {
display: inline-block;
.el-button {
margin: 2px 0;
padding: 6px 15px;
font-size: 15px;
}
.el-button--warning {
background-color: #e6a23c;
border-color: #e6a23c;
}
.el-button--warning:focus, .el-button--warning:hover {
background: #ebb563;
border-color: #ebb563;
}
}
}
}
.ecahrt1-dialog {
display: flex;
align-items: center;
.el-dialog {
margin-top: inherit !important;
display: table !important;
width: fit-content;
.el-form-item {
margin-right: 0;
}
}
.el-dialog__header {
height: 0;
padding: 0;
display: block;
}
.form-body {
border: 1px solid #999;
width: 800px;
height: 500px;
position: relative;
> div {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
}
}
</style>
src/views/performanceStatistics/caiquOutput/month/index.vue
View file @ 00b4e8a3
......@@ -6,7 +6,7 @@
<div class="head-container">
<!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">选择月份</label>
<el-date-picker v-model="query.createTime" type="month" placeholder="选择月份"></el-date-picker>
<el-date-picker v-model="query.queryTime" type="month" placeholder="选择月份"></el-date-picker>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button>
<el-button size="mini" icon="el-icon-refresh" @click="clearLimit">重置</el-button>
......@@ -22,13 +22,13 @@
<div class="content-fix">
<div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
<el-table-column prop="name" label="采区" align="center"></el-table-column>
<el-table-column prop="nowPlan" label="月计划量" align="center"></el-table-column>
<el-table-column prop="total" label="实际月产量" align="center"></el-table-column>
<el-table-column prop="ratio" 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-column prop="miningAreaName" label="采区" align="center"></el-table-column>
<el-table-column prop="plan" label="月计划量" align="center"></el-table-column>
<el-table-column prop="actualProd" label="实际月产量" align="center"></el-table-column>
<el-table-column prop="rate" label="完成率" align="center"></el-table-column>
<el-table-column prop="timeOfWork" label="铲车工作时间(h)" align="center"></el-table-column>
<el-table-column prop="numberOfCC" label="铲车车数" align="center"></el-table-column>
<el-table-column prop="numberOfKC" label="卡车车数" align="center"></el-table-column>
</el-table>
<!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
......@@ -67,21 +67,23 @@ export default {
var sort = 'id,desc';
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.pageSize = this.size;
param.sort = sort;
if(this.query.createTime){
param.createTime = this.changeTimeFn(this.query.createTime);
}else{
param.createTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.caiquAreaQueryMonth(param).then((res) => {
this.loading = false;
this.tableData = res;
this.total = res.length;
})
})
param.dmy = "month";
if (this.query.queryTime) {
param.queryTime = this.changeTimeFn(this.query.queryTime);
} else {
param.queryTime = this.currentTime;
}
this.$nextTick(() => {
HttpReq.truckDispatching.jxquTable(param).then((res) => {
this.loading = false;
if (res.code == 200 && res.data) {
this.tableData = res.data.data;
this.total = res.data.total;
}
})
})
},
tableRowClassName({row, rowIndex}) {
......
src/views/performanceStatistics/caiquOutput/year/index.vue
View file @ 00b4e8a3
......@@ -6,7 +6,7 @@
<div class="head-container">
<!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500;">选择年</label>
<el-date-picker v-model="query.createTime" type="year" placeholder="选择年"></el-date-picker>
<el-date-picker v-model="query.queryTime" type="year" placeholder="选择年"></el-date-picker>
<el-button size="mini" type="success" icon="el-icon-search" @click="toSearch">搜索</el-button>
<el-button size="mini" icon="el-icon-refresh" @click="clearLimit">重置</el-button>
......@@ -22,13 +22,13 @@
<div class="content-fix">
<div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
<el-table-column prop="name" label="采区" align="center"></el-table-column>
<el-table-column prop="nowPlan" label="年计划量" align="center"></el-table-column>
<el-table-column prop="total" label="实际年产量" align="center"></el-table-column>
<el-table-column prop="ratio" 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-column prop="miningAreaName" label="采区" align="center"></el-table-column>
<el-table-column prop="plan" label="年计划量" align="center"></el-table-column>
<el-table-column prop="actualProd" label="实际年产量" align="center"></el-table-column>
<el-table-column prop="rate" label="完成率" align="center"></el-table-column>
<el-table-column prop="timeOfWork" label="铲车工作时间(h)" align="center"></el-table-column>
<el-table-column prop="numberOfCC" label="铲车车数" align="center"></el-table-column>
<el-table-column prop="numberOfKC" label="卡车车数" align="center"></el-table-column>
</el-table>
<!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
......@@ -67,21 +67,24 @@ export default {
var sort = 'id,desc';
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.pageSize = this.size;
param.sort = sort;
if(this.query.createTime){
param.createTime = this.changeTimeFn(this.query.createTime);
}else{
param.createTime = this.currentTime;
}
param.dmy = "year";
if (this.query.queryTime) {
param.queryTime = this.changeTimeFn(this.query.queryTime);
} else {
param.queryTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.caiquAreaQueryYear(param).then((res) => {
this.loading = false;
this.tableData = res;
this.total = res.length;
})
})
this.$nextTick(() => {
HttpReq.truckDispatching.jxquTable(param).then((res) => {
this.loading = false;
if (res.code == 200 && res.data) {
this.tableData = res.data.data;
this.total = res.data.total;
}
})
})
},
tableRowClassName({row, rowIndex}) {
......
src/views/performanceStatistics/carOutput/day/index.vue
View file @ 00b4e8a3
......@@ -67,27 +67,24 @@ export default {
var sort = 'id,desc';
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.pageSize = this.size;
param.sort = sort;
param.dmy = "day";
if(this.query.createTime){
param.createTime = this.changeTimeFn(this.query.createTime);
param.queryTime = this.changeTimeFn(this.query.createTime);
}else{
param.createTime = this.currentTime;
param.queryTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.apiManmadesCheDayQueryDay(param).then((res) => {
if(res.code == 200){
this.loading = false;
this.tableData = res.data;
}
})
HttpReq.truckDispatching.apiManmadesCheDayQueryDay({createTime:param.createTime,size:9999,page:0}).then((res) => {
if(res.code == 200){
this.total = res.data.length;
}
})
})
this.$nextTick(() => {
HttpReq.truckDispatching.jxxdTable(param).then((res) => {
this.loading = false;
if (res.code == 200 && res.data) {
this.tableData = res.data.data;
this.total = res.data.total;
}
})
})
},
tableRowClassName({row, rowIndex}) {
......
src/views/performanceStatistics/xiedianOutput/day/index.vue
View file @ 00b4e8a3
......@@ -22,13 +22,13 @@
<div class="content-fix">
<div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
<el-table-column prop="name" label="采区" align="center"></el-table-column>
<el-table-column prop="dayPlan" label="日计划量" align="center"></el-table-column>
<el-table-column prop="total" label="实际日产量" align="center"></el-table-column>
<el-table-column prop="rate" label="完成率" align="center"></el-table-column>
<el-table-column prop="worktime" label="铲车工作时间(h)" align="center"></el-table-column>
<el-table-column prop="shovel" label="铲车车数" align="center"></el-table-column>
<el-table-column prop="lorry" label="卡车车数" align="center"></el-table-column>
<el-table-column prop="uploadingPointName" label="卸点" align="center"></el-table-column>
<el-table-column prop="plan" label="日计划量" align="center"></el-table-column>
<el-table-column prop="actualProd" label="实际日产量" align="center"></el-table-column>
<el-table-column prop="rate" label="完成率" align="center"></el-table-column>
<el-table-column prop="timeOfWork" label="铲车工作时间(h)" align="center"></el-table-column>
<el-table-column prop="numberOfCC" label="铲车车数" align="center"></el-table-column>
<el-table-column prop="numberOfKC" label="卡车车数" align="center"></el-table-column>
</el-table>
<!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
......@@ -67,29 +67,25 @@ export default {
var sort = 'id,desc';
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.pageSize = this.size;
param.sort = sort;
if(this.query.createTime){
param.createTime = this.changeTimeFn(this.query.createTime);
}else{
param.createTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.xiequAreaQueryDay(param).then((res) => {
if(res.code == 200){
this.loading = false;
this.tableData = res.data;
}
})
HttpReq.truckDispatching.xiequAreaQueryDay({size:9999,page:0,createTime:param.createTime}).then((res) => {
if(res.code == 200){
this.total = res.data.length;
}
})
})
param.dmy = "day";
if(this.query.createTime){
param.queryTime = this.changeTimeFn(this.query.createTime);
}else{
param.queryTime = this.currentTime;
}
},
this.$nextTick(() => {
HttpReq.truckDispatching.jxxdTable(param).then((res) => {
this.loading = false;
if (res.code == 200 && res.data) {
this.tableData = res.data.data;
this.total = res.data.total;
}
})
})
},
tableRowClassName({row, rowIndex}) {
if (rowIndex === 1) {
return 'warning-row';
......
src/views/performanceStatistics/xiedianOutput/month/index.vue
View file @ 00b4e8a3
......@@ -22,13 +22,13 @@
<div class="content-fix">
<div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
<el-table-column prop="name" label="采区" align="center"></el-table-column>
<el-table-column prop="dayPlan" label="月计划量" align="center"></el-table-column>
<el-table-column prop="total" label="实际月产量" align="center"></el-table-column>
<el-table-column prop="uploadingPointName" label="卸点" align="center"></el-table-column>
<el-table-column prop="plan" label="月计划量" align="center"></el-table-column>
<el-table-column prop="actualProd" label="实际月产量" align="center"></el-table-column>
<el-table-column prop="rate" label="完成率" align="center"></el-table-column>
<el-table-column prop="worktime" label="铲车工作时间(h)" align="center"></el-table-column>
<el-table-column prop="shovel" label="铲车车数" align="center"></el-table-column>
<el-table-column prop="lorry" label="卡车车数" align="center"></el-table-column>
<el-table-column prop="timeOfWork" label="铲车工作时间(h)" align="center"></el-table-column>
<el-table-column prop="numberOfCC" label="铲车车数" align="center"></el-table-column>
<el-table-column prop="numberOfKC" label="卡车车数" align="center"></el-table-column>
</el-table>
<!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
......@@ -67,27 +67,24 @@ export default {
var sort = 'id,desc';
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.pageSize = this.size;
param.sort = sort;
if(this.query.createTime){
param.createTime = this.changeTimeFn(this.query.createTime);
}else{
param.createTime = this.currentTime;
}
param.dmy = "month";
if(this.query.createTime){
param.queryTime = this.changeTimeFn(this.query.createTime);
}else{
param.queryTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.xiequAreaQueryMonth(param).then((res) => {
if(res.code == 200){
this.loading = false;
this.tableData = res.data;
}
})
HttpReq.truckDispatching.xiequAreaQueryMonth({size:9999,page:0,createTime:param.createTime}).then((res) => {
if(res.code == 200){
this.total = res.data.length;
}
})
})
this.$nextTick(() => {
HttpReq.truckDispatching.jxxdTable(param).then((res) => {
this.loading = false;
if (res.code == 200 && res.data) {
this.tableData = res.data.data;
this.total = res.data.total;
}
})
})
},
tableRowClassName({row, rowIndex}) {
......
src/views/performanceStatistics/xiedianOutput/year/index.vue
View file @ 00b4e8a3
......@@ -22,13 +22,13 @@
<div class="content-fix">
<div class="content" style="margin-top:15px;">
<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
<el-table-column prop="name" label="采区" align="center"></el-table-column>
<el-table-column prop="dayPlan" label="年计划量" align="center"></el-table-column>
<el-table-column prop="total" label="实际年产量" align="center"></el-table-column>
<el-table-column prop="rate" label="完成率" align="center"></el-table-column>
<el-table-column prop="worktime" label="铲车工作时间(h)" align="center"></el-table-column>
<el-table-column prop="shovel" label="铲车车数" align="center"></el-table-column>
<el-table-column prop="lorry" label="卡车车数" align="center"></el-table-column>
<el-table-column prop="uploadingPointName" label="卸点" align="center"></el-table-column>
<el-table-column prop="plan" label="年计划量" align="center"></el-table-column>
<el-table-column prop="actualProd" label="实际年产量" align="center"></el-table-column>
<el-table-column prop="rate" label="完成率" align="center"></el-table-column>
<el-table-column prop="timeOfWork" label="铲车工作时间(h)" align="center"></el-table-column>
<el-table-column prop="numberOfCC" label="铲车车数" align="center"></el-table-column>
<el-table-column prop="numberOfKC" label="卡车车数" align="center"></el-table-column>
</el-table>
<!--分页组件-->
<el-pagination :total="total" :current-page="page" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
......@@ -64,31 +64,27 @@ export default {
},
methods: {
loadData() {
var sort = 'id,desc';
var param = {...this.query};
param.page = this.page - 1;
param.size = this.size;
param.sort = sort;
if(this.query.createTime){
param.createTime = this.changeTimeFn(this.query.createTime);
}else{
param.createTime = this.currentTime;
}
this.$nextTick(()=>{
HttpReq.truckDispatching.xiequAreaQueryYear(param).then((res) => {
if(res.code == 200){
this.loading = false;
this.tableData = res.data;
}
})
HttpReq.truckDispatching.xiequAreaQueryYear({size:9999,page:0,createTime:param.createTime}).then((res) => {
if(res.code == 200){
this.total = res.data.length;
}
})
})
var sort = 'id,desc';
var param = {...this.query};
param.page = this.page - 1;
param.pageSize = this.size;
param.sort = sort;
param.dmy = "year";
if(this.query.createTime){
param.queryTime = this.changeTimeFn(this.query.createTime);
}else{
param.queryTime = this.currentTime;
}
this.$nextTick(() => {
HttpReq.truckDispatching.jxxdTable(param).then((res) => {
this.loading = false;
if (res.code == 200 && res.data) {
this.tableData = res.data.data;
this.total = res.data.total;
}
})
})
},
tableRowClassName({row, rowIndex}) {
if (rowIndex === 1) {
......
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