修改

src/assets/js/common.js

@@ -938,27 +938,285 @@ var HttpReq = function(){
 					data:data,
 				})
 			},
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+			//绩效统计——日报——区域产量报表采区
+			caiquAreaQueryDay: function(param){
+				return request({
+					url: '/api/Point',
+					method: 'get',
+					params:param,
+				})
+			},
+			caiquAreaAddDay: function(data){
+				return request({
+					url: '/api/Point',
+					method: 'POST',
+					data:data,
+				}).then((res) => {
+					return res
+				})
+			},
+			caiquAreaUpdateDay: function(data){
+				return request({
+					url: '/api/Point',
+					method: 'PUT',
+					data:data,
+				})
+			},
+			caiquAreaDelDay: function(data){
+				return request({
+					url: '/api/Point',
+					method: 'Delete',
+					data:data,
+				})
+			},
+			//绩效统计——日报——区域产量报表卸区
+			xiequAreaQueryDay: function(param){
+				return request({
+					url: '/api/Panel',
+					method: 'get',
+					params:param,
+				})
+			},
+			xiequAreaAddDay: function(data){
+				return request({
+					url: '/api/Panel',
+					method: 'POST',
+					data:data,
+				}).then((res) => {
+					return res
+				})
+			},
+			xiequAreaUpdateDay: function(data){
+				return request({
+					url: '/api/Panel',
+					method: 'PUT',
+					data:data,
+				})
+			},
+			xiequAreaDelDay: function(data){
+				return request({
+					url: '/api/Panel',
+					method: 'Delete',
+					data:data,
+				})
+			},
+			//绩效统计——日报——车辆产量报表
+			carOutputQueryDay: function(param){
+				return request({
+					url: '/api/carOutput',
+					method: 'get',
+					params:param,
+				})
+			},
+			carOutputAddDay: function(data){
+				return request({
+					url: '/api/carOutput',
+					method: 'POST',
+					data:data,
+				}).then((res) => {
+					return res
+				})
+			},
+			carOutputUpdateDay: function(data){
+				return request({
+					url: '/api/carOutput',
+					method: 'PUT',
+					data:data,
+				})
+			},
+			carOutputDelDay: function(data){
+				return request({
+					url: '/api/carOutput',
+					method: 'Delete',
+					data:data,
+				})
+			},
+			//绩效统计——日报——司机产量报表
+			driverOutputQueryDay: function(param){
+				return request({
+					url: '/api/driverOutput',
+					method: 'get',
+					params:param,
+				})
+			},
+			driverOutputAddDay: function(data){
+				return request({
+					url: '/api/driverOutput',
+					method: 'POST',
+					data:data,
+				}).then((res) => {
+					return res
+				})
+			},
+			driverOutputUpdateDay: function(data){
+				return request({
+					url: '/api/driverOutput',
+					method: 'PUT',
+					data:data,
+				})
+			},
+			driverOutputDelDay: function(data){
+				return request({
+					url: '/api/driverOutput',
+					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',
+					data:data,
+				})
+			},
+			//绩效统计——日报——班次产量报表车辆
+			carShiftOutputQueryDay: function(param){
+				return request({
+					url: '/api/carShiftOutput',
+					method: 'get',
+					params:param,
+				})
+			},
+			carShiftOutputAddDay: function(data){
+				return request({
+					url: '/api/carShiftOutput',
+					method: 'POST',
+					data:data,
+				}).then((res) => {
+					return res
+				})
+			},
+			carShiftOutputUpdateDay: function(data){
+				return request({
+					url: '/api/carShiftOutput',
+					method: 'PUT',
+					data:data,
+				})
+			},
+			carShiftOutputDelDay: function(data){
+				return request({
+					url: '/api/carShiftOutput',
+					method: 'Delete',
+					data:data,
+				})
+			},
+			//绩效统计——日报——班次产量报表司机
+			driverShiftOutputQueryDay: function(param){
+				return request({
+					url: '/api/driverShiftOutput',
+					method: 'get',
+					params:param,
+				})
+			},
+			driverShiftOutputAddDay: function(data){
+				return request({
+					url: '/api/driverShiftOutput',
+					method: 'POST',
+					data:data,
+				}).then((res) => {
+					return res
+				})
+			},
+			driverShiftOutputUpdateDay: function(data){
+				return request({
+					url: '/api/driverShiftOutput',
+					method: 'PUT',
+					data:data,
+				})
+			},
+			driverShiftOutputDelDay: function(data){
+				return request({
+					url: '/api/driverShiftOutput',
+					method: 'Delete',
+					data:data,
+				})
+			},
+			//绩效统计——日报——停车区域统计
+			parkingQueryDay: function(param){
+				return request({
+					url: '/api/parking',
+					method: 'get',
+					params:param,
+				})
+			},
+			parkingAddDay: function(data){
+				return request({
+					url: '/api/parking',
+					method: 'POST',
+					data:data,
+				}).then((res) => {
+					return res
+				})
+			},
+			parkingUpdateDay: function(data){
+				return request({
+					url: '/api/parking',
+					method: 'PUT',
+					data:data,
+				})
+			},
+			parkingDelDay: function(data){
+				return request({
+					url: '/api/parking',
+					method: 'Delete',
+					data:data,
+				})
+			},
+			//绩效统计——日报——故障统计
+			breakDownQueryDay: function(param){
+				return request({
+					url: '/api/breakDown',
+					method: 'get',
+					params:param,
+				})
+			},
+			breakDownAddDay: function(data){
+				return request({
+					url: '/api/breakDown',
+					method: 'POST',
+					data:data,
+				}).then((res) => {
+					return res
+				})
+			},
+			breakDownUpdateDay: function(data){
+				return request({
+					url: '/api/breakDown',
+					method: 'PUT',
+					data:data,
+				})
+			},
+			breakDownDelDay: function(data){
+				return request({
+					url: '/api/breakDown',
+					method: 'Delete',
+					data:data,
+				})
+			},
 
 
 

src/views/login.vue

 <template>
 	<div class="login" :style="'background-image:url('+ Background +');'">
 		<div class="logo-place">
-			<div class="logo-title">华菱植物工厂系统</div>
+			<div class="logo-title">卡车调度系统</div>
 			<div class="ctn-place">
 				<div class="inbox-range">
 					<div class="ctn-fix">

src/views/performanceStatistics/breakDownStatistics/day/index.vue

+<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-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
+
+				<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
+				<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
+
+				<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>
+			</div>
+		</div>
+
+    	<!-- 表格 -->
+		<div class="panel-bottom page-row">
+			<h3>故障日报</h3>
+			<div class="ctin-box">
+				<div class="content-within">
+					<div class="content-fix">
+						<div class="content" style="margin-top:15px;">
+							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+								<el-table-column prop="id" label="序号" align="center"></el-table-column>
+								<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
+								<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
+								<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
+								<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
+							</el-table>
+							<!--分页组件-->
+							<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';
+
+export default {
+	data() {
+		return {
+			loading: false,
+			page: 1,
+			size: 10,
+			total: 0,
+			query:{},
+			tableData: [],
+		}
+	},
+	mounted() {
+		var that = this;
+		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;
+			
+			this.$nextTick(()=>{
+				HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
+					if(res.code == 200){
+						this.loading = false;
+						this.tableData = res.data.content;
+						this.total = res.data.totalElements;
+					}
+				})
+			})
+
+		},
+		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.loadData()
+		},
+		pageChange(e) {
+			this.page = e
+			this.loadData()
+		},
+		sizeChange(e) {
+			this.page = 1
+			this.size = e
+			this.loadData()
+		},
+	}
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scope>
+	.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/breakDownStatistics/month/index.vue

+<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-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
+
+				<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
+				<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
+
+				<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>
+			</div>
+		</div>
+
+    	<!-- 表格 -->
+		<div class="panel-bottom page-row">
+			<h3>故障月报</h3>
+			<div class="ctin-box">
+				<div class="content-within">
+					<div class="content-fix">
+						<div class="content" style="margin-top:15px;">
+							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+								<el-table-column prop="id" label="序号" align="center"></el-table-column>
+								<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
+								<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
+								<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
+								<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
+							</el-table>
+							<!--分页组件-->
+							<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';
+
+export default {
+	data() {
+		return {
+			loading: false,
+			page: 1,
+			size: 10,
+			total: 0,
+			query:{},
+			tableData: [],
+		}
+	},
+	mounted() {
+		var that = this;
+		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;
+			
+			this.$nextTick(()=>{
+				HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
+					if(res.code == 200){
+						this.loading = false;
+						this.tableData = res.data.content;
+						this.total = res.data.totalElements;
+					}
+				})
+			})
+
+		},
+		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.loadData()
+		},
+		pageChange(e) {
+			this.page = e
+			this.loadData()
+		},
+		sizeChange(e) {
+			this.page = 1
+			this.size = e
+			this.loadData()
+		},
+	}
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scope>
+	.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/breakDownStatistics/year/index.vue

+<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-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
+
+				<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
+				<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
+
+				<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>
+			</div>
+		</div>
+
+    	<!-- 表格 -->
+		<div class="panel-bottom page-row">
+			<h3>故障年报</h3>
+			<div class="ctin-box">
+				<div class="content-within">
+					<div class="content-fix">
+						<div class="content" style="margin-top:15px;">
+							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+								<el-table-column prop="id" label="序号" align="center"></el-table-column>
+								<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
+								<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
+								<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
+								<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
+							</el-table>
+							<!--分页组件-->
+							<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';
+
+export default {
+	data() {
+		return {
+			loading: false,
+			page: 1,
+			size: 10,
+			total: 0,
+			query:{},
+			tableData: [],
+		}
+	},
+	mounted() {
+		var that = this;
+		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;
+			
+			this.$nextTick(()=>{
+				HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
+					if(res.code == 200){
+						this.loading = false;
+						this.tableData = res.data.content;
+						this.total = res.data.totalElements;
+					}
+				})
+			})
+
+		},
+		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.loadData()
+		},
+		pageChange(e) {
+			this.page = e
+			this.loadData()
+		},
+		sizeChange(e) {
+			this.page = 1
+			this.size = e
+			this.loadData()
+		},
+	}
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scope>
+	.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/day/index.vue

+<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-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
+
+				<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
+				<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
+
+				<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>
+			</div>
+		</div>
+
+    	<!-- 表格 -->
+		<div class="panel-bottom page-row">
+			<h3>采区产量日报</h3>
+			<div class="ctin-box">
+				<div class="content-within">
+					<div class="content-fix">
+						<div class="content" style="margin-top:15px;">
+							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+								<el-table-column prop="id" label="序号" align="center"></el-table-column>
+								<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
+								<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
+								<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
+								<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
+							</el-table>
+							<!--分页组件-->
+							<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';
+
+export default {
+	data() {
+		return {
+			loading: false,
+			page: 1,
+			size: 10,
+			total: 0,
+			query:{},
+			tableData: [],
+		}
+	},
+	mounted() {
+		var that = this;
+		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;
+			
+			this.$nextTick(()=>{
+				HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
+					if(res.code == 200){
+						this.loading = false;
+						this.tableData = res.data.content;
+						this.total = res.data.totalElements;
+					}
+				})
+			})
+
+		},
+		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.loadData()
+		},
+		pageChange(e) {
+			this.page = e
+			this.loadData()
+		},
+		sizeChange(e) {
+			this.page = 1
+			this.size = e
+			this.loadData()
+		},
+	}
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scope>
+	.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

+<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-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
+
+				<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
+				<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
+
+				<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>
+			</div>
+		</div>
+
+    	<!-- 表格 -->
+		<div class="panel-bottom page-row">
+			<h3>采区产量月报</h3>
+			<div class="ctin-box">
+				<div class="content-within">
+					<div class="content-fix">
+						<div class="content" style="margin-top:15px;">
+							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+								<el-table-column prop="id" label="序号" align="center"></el-table-column>
+								<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
+								<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
+								<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
+								<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
+							</el-table>
+							<!--分页组件-->
+							<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';
+
+export default {
+	data() {
+		return {
+			loading: false,
+			page: 1,
+			size: 10,
+			total: 0,
+			query:{},
+			tableData: [],
+		}
+	},
+	mounted() {
+		var that = this;
+		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;
+			
+			this.$nextTick(()=>{
+				HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
+					if(res.code == 200){
+						this.loading = false;
+						this.tableData = res.data.content;
+						this.total = res.data.totalElements;
+					}
+				})
+			})
+
+		},
+		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.loadData()
+		},
+		pageChange(e) {
+			this.page = e
+			this.loadData()
+		},
+		sizeChange(e) {
+			this.page = 1
+			this.size = e
+			this.loadData()
+		},
+	}
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scope>
+	.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/year/index.vue

+<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-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
+
+				<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
+				<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
+
+				<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>
+			</div>
+		</div>
+
+    	<!-- 表格 -->
+		<div class="panel-bottom page-row">
+			<h3>采区产量年报</h3>
+			<div class="ctin-box">
+				<div class="content-within">
+					<div class="content-fix">
+						<div class="content" style="margin-top:15px;">
+							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+								<el-table-column prop="id" label="序号" align="center"></el-table-column>
+								<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
+								<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
+								<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
+								<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
+							</el-table>
+							<!--分页组件-->
+							<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';
+
+export default {
+	data() {
+		return {
+			loading: false,
+			page: 1,
+			size: 10,
+			total: 0,
+			query:{},
+			tableData: [],
+		}
+	},
+	mounted() {
+		var that = this;
+		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;
+			
+			this.$nextTick(()=>{
+				HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
+					if(res.code == 200){
+						this.loading = false;
+						this.tableData = res.data.content;
+						this.total = res.data.totalElements;
+					}
+				})
+			})
+
+		},
+		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.loadData()
+		},
+		pageChange(e) {
+			this.page = e
+			this.loadData()
+		},
+		sizeChange(e) {
+			this.page = 1
+			this.size = e
+			this.loadData()
+		},
+	}
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scope>
+	.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/carOutput/day/index.vue

+<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-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
+
+				<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
+				<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
+
+				<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>
+			</div>
+		</div>
+
+    	<!-- 表格 -->
+		<div class="panel-bottom page-row">
+			<h3>车辆产量日报</h3>
+			<div class="ctin-box">
+				<div class="content-within">
+					<div class="content-fix">
+						<div class="content" style="margin-top:15px;">
+							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+								<el-table-column prop="id" label="序号" align="center"></el-table-column>
+								<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
+								<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
+								<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
+								<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
+							</el-table>
+							<!--分页组件-->
+							<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';
+
+export default {
+	data() {
+		return {
+			loading: false,
+			page: 1,
+			size: 10,
+			total: 0,
+			query:{},
+			tableData: [],
+		}
+	},
+	mounted() {
+		var that = this;
+		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;
+			
+			this.$nextTick(()=>{
+				HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
+					if(res.code == 200){
+						this.loading = false;
+						this.tableData = res.data.content;
+						this.total = res.data.totalElements;
+					}
+				})
+			})
+
+		},
+		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.loadData()
+		},
+		pageChange(e) {
+			this.page = e
+			this.loadData()
+		},
+		sizeChange(e) {
+			this.page = 1
+			this.size = e
+			this.loadData()
+		},
+	}
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scope>
+	.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/carOutput/month/index.vue

+<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-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
+
+				<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
+				<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
+
+				<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>
+			</div>
+		</div>
+
+    	<!-- 表格 -->
+		<div class="panel-bottom page-row">
+			<h3>车辆产量月报</h3>
+			<div class="ctin-box">
+				<div class="content-within">
+					<div class="content-fix">
+						<div class="content" style="margin-top:15px;">
+							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+								<el-table-column prop="id" label="序号" align="center"></el-table-column>
+								<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
+								<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
+								<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
+								<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
+							</el-table>
+							<!--分页组件-->
+							<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';
+
+export default {
+	data() {
+		return {
+			loading: false,
+			page: 1,
+			size: 10,
+			total: 0,
+			query:{},
+			tableData: [],
+		}
+	},
+	mounted() {
+		var that = this;
+		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;
+			
+			this.$nextTick(()=>{
+				HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
+					if(res.code == 200){
+						this.loading = false;
+						this.tableData = res.data.content;
+						this.total = res.data.totalElements;
+					}
+				})
+			})
+
+		},
+		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.loadData()
+		},
+		pageChange(e) {
+			this.page = e
+			this.loadData()
+		},
+		sizeChange(e) {
+			this.page = 1
+			this.size = e
+			this.loadData()
+		},
+	}
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scope>
+	.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/carOutput/year/index.vue

+<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-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
+
+				<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
+				<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
+
+				<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>
+			</div>
+		</div>
+
+    	<!-- 表格 -->
+		<div class="panel-bottom page-row">
+			<h3>车辆产量年报</h3>
+			<div class="ctin-box">
+				<div class="content-within">
+					<div class="content-fix">
+						<div class="content" style="margin-top:15px;">
+							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+								<el-table-column prop="id" label="序号" align="center"></el-table-column>
+								<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
+								<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
+								<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
+								<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
+							</el-table>
+							<!--分页组件-->
+							<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';
+
+export default {
+	data() {
+		return {
+			loading: false,
+			page: 1,
+			size: 10,
+			total: 0,
+			query:{},
+			tableData: [],
+		}
+	},
+	mounted() {
+		var that = this;
+		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;
+			
+			this.$nextTick(()=>{
+				HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
+					if(res.code == 200){
+						this.loading = false;
+						this.tableData = res.data.content;
+						this.total = res.data.totalElements;
+					}
+				})
+			})
+
+		},
+		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.loadData()
+		},
+		pageChange(e) {
+			this.page = e
+			this.loadData()
+		},
+		sizeChange(e) {
+			this.page = 1
+			this.size = e
+			this.loadData()
+		},
+	}
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scope>
+	.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/carShiftOutput/day/index.vue

+<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-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
+
+				<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
+				<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
+
+				<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>
+			</div>
+		</div>
+
+    	<!-- 表格 -->
+		<div class="panel-bottom page-row">
+			<h3>车辆班次产量日报</h3>
+			<div class="ctin-box">
+				<div class="content-within">
+					<div class="content-fix">
+						<div class="content" style="margin-top:15px;">
+							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+								<el-table-column prop="id" label="序号" align="center"></el-table-column>
+								<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
+								<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
+								<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
+								<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
+							</el-table>
+							<!--分页组件-->
+							<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';
+
+export default {
+	data() {
+		return {
+			loading: false,
+			page: 1,
+			size: 10,
+			total: 0,
+			query:{},
+			tableData: [],
+		}
+	},
+	mounted() {
+		var that = this;
+		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;
+			
+			this.$nextTick(()=>{
+				HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
+					if(res.code == 200){
+						this.loading = false;
+						this.tableData = res.data.content;
+						this.total = res.data.totalElements;
+					}
+				})
+			})
+
+		},
+		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.loadData()
+		},
+		pageChange(e) {
+			this.page = e
+			this.loadData()
+		},
+		sizeChange(e) {
+			this.page = 1
+			this.size = e
+			this.loadData()
+		},
+	}
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scope>
+	.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/carShiftOutput/month/index.vue

+<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-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
+
+				<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
+				<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
+
+				<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>
+			</div>
+		</div>
+
+    	<!-- 表格 -->
+		<div class="panel-bottom page-row">
+			<h3>车辆班次产量月报</h3>
+			<div class="ctin-box">
+				<div class="content-within">
+					<div class="content-fix">
+						<div class="content" style="margin-top:15px;">
+							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+								<el-table-column prop="id" label="序号" align="center"></el-table-column>
+								<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
+								<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
+								<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
+								<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
+							</el-table>
+							<!--分页组件-->
+							<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';
+
+export default {
+	data() {
+		return {
+			loading: false,
+			page: 1,
+			size: 10,
+			total: 0,
+			query:{},
+			tableData: [],
+		}
+	},
+	mounted() {
+		var that = this;
+		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;
+			
+			this.$nextTick(()=>{
+				HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
+					if(res.code == 200){
+						this.loading = false;
+						this.tableData = res.data.content;
+						this.total = res.data.totalElements;
+					}
+				})
+			})
+
+		},
+		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.loadData()
+		},
+		pageChange(e) {
+			this.page = e
+			this.loadData()
+		},
+		sizeChange(e) {
+			this.page = 1
+			this.size = e
+			this.loadData()
+		},
+	}
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scope>
+	.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/carShiftOutput/year/index.vue

+<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-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
+
+				<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
+				<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
+
+				<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>
+			</div>
+		</div>
+
+    	<!-- 表格 -->
+		<div class="panel-bottom page-row">
+			<h3>车辆班次产量年报</h3>
+			<div class="ctin-box">
+				<div class="content-within">
+					<div class="content-fix">
+						<div class="content" style="margin-top:15px;">
+							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+								<el-table-column prop="id" label="序号" align="center"></el-table-column>
+								<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
+								<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
+								<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
+								<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
+							</el-table>
+							<!--分页组件-->
+							<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';
+
+export default {
+	data() {
+		return {
+			loading: false,
+			page: 1,
+			size: 10,
+			total: 0,
+			query:{},
+			tableData: [],
+		}
+	},
+	mounted() {
+		var that = this;
+		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;
+			
+			this.$nextTick(()=>{
+				HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
+					if(res.code == 200){
+						this.loading = false;
+						this.tableData = res.data.content;
+						this.total = res.data.totalElements;
+					}
+				})
+			})
+
+		},
+		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.loadData()
+		},
+		pageChange(e) {
+			this.page = e
+			this.loadData()
+		},
+		sizeChange(e) {
+			this.page = 1
+			this.size = e
+			this.loadData()
+		},
+	}
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scope>
+	.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/driverOutput/day/index.vue

+<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-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
+
+				<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
+				<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
+
+				<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>
+			</div>
+		</div>
+
+    	<!-- 表格 -->
+		<div class="panel-bottom page-row">
+			<h3>司机产量日报</h3>
+			<div class="ctin-box">
+				<div class="content-within">
+					<div class="content-fix">
+						<div class="content" style="margin-top:15px;">
+							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+								<el-table-column prop="id" label="序号" align="center"></el-table-column>
+								<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
+								<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
+								<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
+								<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
+							</el-table>
+							<!--分页组件-->
+							<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';
+
+export default {
+	data() {
+		return {
+			loading: false,
+			page: 1,
+			size: 10,
+			total: 0,
+			query:{},
+			tableData: [],
+		}
+	},
+	mounted() {
+		var that = this;
+		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;
+			
+			this.$nextTick(()=>{
+				HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
+					if(res.code == 200){
+						this.loading = false;
+						this.tableData = res.data.content;
+						this.total = res.data.totalElements;
+					}
+				})
+			})
+
+		},
+		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.loadData()
+		},
+		pageChange(e) {
+			this.page = e
+			this.loadData()
+		},
+		sizeChange(e) {
+			this.page = 1
+			this.size = e
+			this.loadData()
+		},
+	}
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scope>
+	.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/driverOutput/month/index.vue

+<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-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
+
+				<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
+				<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
+
+				<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>
+			</div>
+		</div>
+
+    	<!-- 表格 -->
+		<div class="panel-bottom page-row">
+			<h3>司机产量月报</h3>
+			<div class="ctin-box">
+				<div class="content-within">
+					<div class="content-fix">
+						<div class="content" style="margin-top:15px;">
+							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+								<el-table-column prop="id" label="序号" align="center"></el-table-column>
+								<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
+								<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
+								<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
+								<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
+							</el-table>
+							<!--分页组件-->
+							<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';
+
+export default {
+	data() {
+		return {
+			loading: false,
+			page: 1,
+			size: 10,
+			total: 0,
+			query:{},
+			tableData: [],
+		}
+	},
+	mounted() {
+		var that = this;
+		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;
+			
+			this.$nextTick(()=>{
+				HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
+					if(res.code == 200){
+						this.loading = false;
+						this.tableData = res.data.content;
+						this.total = res.data.totalElements;
+					}
+				})
+			})
+
+		},
+		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.loadData()
+		},
+		pageChange(e) {
+			this.page = e
+			this.loadData()
+		},
+		sizeChange(e) {
+			this.page = 1
+			this.size = e
+			this.loadData()
+		},
+	}
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scope>
+	.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/driverOutput/year/index.vue

+<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-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
+
+				<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
+				<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
+
+				<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>
+			</div>
+		</div>
+
+    	<!-- 表格 -->
+		<div class="panel-bottom page-row">
+			<h3>司机产量年报</h3>
+			<div class="ctin-box">
+				<div class="content-within">
+					<div class="content-fix">
+						<div class="content" style="margin-top:15px;">
+							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+								<el-table-column prop="id" label="序号" align="center"></el-table-column>
+								<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
+								<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
+								<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
+								<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
+							</el-table>
+							<!--分页组件-->
+							<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';
+
+export default {
+	data() {
+		return {
+			loading: false,
+			page: 1,
+			size: 10,
+			total: 0,
+			query:{},
+			tableData: [],
+		}
+	},
+	mounted() {
+		var that = this;
+		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;
+			
+			this.$nextTick(()=>{
+				HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
+					if(res.code == 200){
+						this.loading = false;
+						this.tableData = res.data.content;
+						this.total = res.data.totalElements;
+					}
+				})
+			})
+
+		},
+		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.loadData()
+		},
+		pageChange(e) {
+			this.page = e
+			this.loadData()
+		},
+		sizeChange(e) {
+			this.page = 1
+			this.size = e
+			this.loadData()
+		},
+	}
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scope>
+	.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/driverShiftOutput/day/index.vue

+<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-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
+
+				<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
+				<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
+
+				<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>
+			</div>
+		</div>
+
+    	<!-- 表格 -->
+		<div class="panel-bottom page-row">
+			<h3>司机班次产量日报</h3>
+			<div class="ctin-box">
+				<div class="content-within">
+					<div class="content-fix">
+						<div class="content" style="margin-top:15px;">
+							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+								<el-table-column prop="id" label="序号" align="center"></el-table-column>
+								<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
+								<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
+								<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
+								<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
+							</el-table>
+							<!--分页组件-->
+							<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';
+
+export default {
+	data() {
+		return {
+			loading: false,
+			page: 1,
+			size: 10,
+			total: 0,
+			query:{},
+			tableData: [],
+		}
+	},
+	mounted() {
+		var that = this;
+		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;
+			
+			this.$nextTick(()=>{
+				HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
+					if(res.code == 200){
+						this.loading = false;
+						this.tableData = res.data.content;
+						this.total = res.data.totalElements;
+					}
+				})
+			})
+
+		},
+		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.loadData()
+		},
+		pageChange(e) {
+			this.page = e
+			this.loadData()
+		},
+		sizeChange(e) {
+			this.page = 1
+			this.size = e
+			this.loadData()
+		},
+	}
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scope>
+	.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/driverShiftOutput/month/index.vue

+<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-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
+
+				<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
+				<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
+
+				<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>
+			</div>
+		</div>
+
+    	<!-- 表格 -->
+		<div class="panel-bottom page-row">
+			<h3>司机班次产量月报</h3>
+			<div class="ctin-box">
+				<div class="content-within">
+					<div class="content-fix">
+						<div class="content" style="margin-top:15px;">
+							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+								<el-table-column prop="id" label="序号" align="center"></el-table-column>
+								<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
+								<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
+								<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
+								<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
+							</el-table>
+							<!--分页组件-->
+							<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';
+
+export default {
+	data() {
+		return {
+			loading: false,
+			page: 1,
+			size: 10,
+			total: 0,
+			query:{},
+			tableData: [],
+		}
+	},
+	mounted() {
+		var that = this;
+		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;
+			
+			this.$nextTick(()=>{
+				HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
+					if(res.code == 200){
+						this.loading = false;
+						this.tableData = res.data.content;
+						this.total = res.data.totalElements;
+					}
+				})
+			})
+
+		},
+		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.loadData()
+		},
+		pageChange(e) {
+			this.page = e
+			this.loadData()
+		},
+		sizeChange(e) {
+			this.page = 1
+			this.size = e
+			this.loadData()
+		},
+	}
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scope>
+	.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/driverShiftOutput/year/index.vue

+<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-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
+
+				<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
+				<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
+
+				<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>
+			</div>
+		</div>
+
+    	<!-- 表格 -->
+		<div class="panel-bottom page-row">
+			<h3>司机班次产量年报</h3>
+			<div class="ctin-box">
+				<div class="content-within">
+					<div class="content-fix">
+						<div class="content" style="margin-top:15px;">
+							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+								<el-table-column prop="id" label="序号" align="center"></el-table-column>
+								<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
+								<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
+								<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
+								<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
+							</el-table>
+							<!--分页组件-->
+							<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';
+
+export default {
+	data() {
+		return {
+			loading: false,
+			page: 1,
+			size: 10,
+			total: 0,
+			query:{},
+			tableData: [],
+		}
+	},
+	mounted() {
+		var that = this;
+		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;
+			
+			this.$nextTick(()=>{
+				HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
+					if(res.code == 200){
+						this.loading = false;
+						this.tableData = res.data.content;
+						this.total = res.data.totalElements;
+					}
+				})
+			})
+
+		},
+		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.loadData()
+		},
+		pageChange(e) {
+			this.page = e
+			this.loadData()
+		},
+		sizeChange(e) {
+			this.page = 1
+			this.size = e
+			this.loadData()
+		},
+	}
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scope>
+	.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/parkAreaStatistics/day/index.vue

+<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-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
+
+				<label class="el-form-item-label" style="font-weight: 500;">派单名称</label>
+				<el-input v-model="query.names" clearable size="small" placeholder="请输入派单名称" style="width:180px;"/>
+
+				<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>
+			</div>
+		</div>
+
+    	<!-- 表格 -->
+		<div class="panel-bottom page-row">
+			<h3>停车区域日报</h3>
+			<div class="ctin-box">
+				<div class="content-within">
+					<div class="content-fix">
+						<div class="content" style="margin-top:15px;">
+							<el-table :data="tableData" v-loading="loading" border style="width:auto" :row-class-name="tableRowClassName">
+								<el-table-column prop="id" label="序号" align="center"></el-table-column>
+								<el-table-column prop="name" label="车队名称" align="center"></el-table-column>
+								<el-table-column prop="carclass" label="车辆类型" align="center"></el-table-column>
+								<el-table-column prop="area" label="所属矿区" align="center"></el-table-column>
+								<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
+							</el-table>
+							<!--分页组件-->
+							<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';
+
+export default {
+	data() {
+		return {
+			loading: false,
+			page: 1,
+			size: 10,
+			total: 0,
+			query:{},
+			tableData: [],
+		}
+	},
+	mounted() {
+		var that = this;
+		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;
+			
+			this.$nextTick(()=>{
+				HttpReq.truckDispatching.carFleetQuery(param).then((res) => {
+					if(res.code == 200){
+						this.loading = false;
+						this.tableData = res.data.content;
+						this.total = res.data.totalElements;
+					}
+				})
+			})
+
+		},
+		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.loadData()
+		},
+		pageChange(e) {
+			this.page = e
+			this.loadData()
+		},
+		sizeChange(e) {
+			this.page = 1
+			this.size = e
+			this.loadData()
+		},
+	}
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scope>
+	.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>