From 7d69285bf02e44ab1ec5c50be95324d1e88e08bd Mon Sep 17 00:00:00 2001
From: caoqianming <caoqianming@foxmail.com>
Date: Tue, 19 Mar 2024 14:08:31 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=BB=A9=E6=95=88=E7=BB=9F=E8=AE=A1?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/statistics/user_statistics.vue | 227 +++++++++++------------
 1 file changed, 110 insertions(+), 117 deletions(-)

diff --git a/src/views/statistics/user_statistics.vue b/src/views/statistics/user_statistics.vue
index bf9547f3..c1968c03 100644
--- a/src/views/statistics/user_statistics.vue
+++ b/src/views/statistics/user_statistics.vue
@@ -2,24 +2,12 @@
 	<el-container>
 		<el-header>
 			<div class="right-panel">
-				<el-select 
-				v-model="queryBelongDept" 
-				clearable 
-				style="width:200px"
-				placeholder="请选择部门">
-					<el-option v-for="item in deptData" 
-					:key="item.id" 
-					:label="item.name" 
-					:value="item.name">
+				<el-select v-model="queryBelongDept" clearable style="width:200px" placeholder="请选择部门">
+					<el-option v-for="item in deptData" :key="item.id" :label="item.name" :value="item.name">
 					</el-option>
 				</el-select>
-				<el-date-picker
-					v-model="queryDate"
-					type="month"
-					placeholder="查询月期"
-					value-format="YYYY-MM"
-					style="width:200px"
-				>
+				<el-date-picker v-model="queryDate" type="month" placeholder="查询月期" value-format="YYYY-MM"
+					style="width:200px">
 				</el-date-picker>
 				<el-button type="primary" icon="el-icon-search" @click="handleQuery"></el-button>
 			</div>
@@ -46,8 +34,14 @@
 							<el-table-column label="车间">
 								{{ queryBelongDept }}
 							</el-table-column>
+							<el-table-column label="生产数" prop="生产数">
+							</el-table-column>
 							<el-table-column label="合格数" prop="合格数">
 							</el-table-column>
+							<el-table-column label="不合格数" prop="不合格数">
+							</el-table-column>
+							<el-table-column label="合格率" prop="合格率">
+							</el-table-column>
 						</el-table>
 					</el-card>
 				</el-col>
@@ -57,111 +51,110 @@
 </template>
 
 <script>
-	import scEcharts from '@/components/scEcharts';
-	export default {
-		name: 'chart',
-		components: {
-			scEcharts
-		},
-		data() {
-			return {
-				queryBelongDept:'',
-				queryDate:'',
-				start_date:'',
-				end_date:'',
-				currentYear:'',
-				currentMonth:'',
-				deptData:[],
-				tableData:[],
-				option: {
-					title: {
-						text: '人员统计',
-						// subtext: '',
-					},
-					grid: {
-						top: '80px'
-					},
-					tooltip: {
-						trigger: 'axis'
-					},
-					xAxis: {
-						type: 'value',
-						position:'top',
-						axisLine:{
-							show:true
-						}
-					},
-					yAxis: {
-						type: 'category',
-						data: []
-					},
-					series: {
-						data: [],
-						type: 'bar',
-						barWidth: '15px',
+import scEcharts from '@/components/scEcharts';
+export default {
+	name: 'chart',
+	components: {
+		scEcharts
+	},
+	data() {
+		return {
+			queryBelongDept: '',
+			queryDate: '',
+			start_date: '',
+			end_date: '',
+			currentYear: '',
+			currentMonth: '',
+			deptData: [],
+			tableData: [],
+			option: {
+				title: {
+					text: '人员统计',
+					// subtext: '',
+				},
+				grid: {
+					top: '80px'
+				},
+				tooltip: {
+					trigger: 'axis'
+				},
+				xAxis: {
+					type: 'value',
+					position: 'top',
+					axisLine: {
+						show: true
 					}
 				},
-			}
-		},
-		mounted(){
-			let date = new Date();
-			let year = date.getFullYear();
-			let month = date.getMonth()+1;
-			let days = new Date(year, month, 0).getDate();
-			this.currentYear = year;
-			this.currentMonth = month;
-			this.start_date =year+'-'+month+'-01';
-			this.end_date = year+'-'+month+'-'+new Date(year, month, 0).getDate();
-			this.queryDate = year+'-'+month;
-			this.getData();
-			this.getDept();
-		},
-		methods:{
-			getDept() {
-				this.$API.system.dept.list.req({ page: 0,type:'dept'}).then(res=>{
-					this.deptData = res;
-					this.queryBelongDept = res[0].name;
-				});
-			},
-			queryTypeChange(value){
-				this.queryDate = '';
-			},
-			getData(){
-				let that = this;
-				let obj = {
-					query: { start_date: this.start_date, end_date: this.end_date, dept_name:this.queryBelongDept },
-				};
-				that.$API.bi.dataset.exec.req('performance', obj).then((res) => {
-					console.log('绩效统计:',res);
-					let data = res.data2.ds0;
-					let seriesData = [],yAxisData=[];
-					data.forEach(item=>{
-						seriesData.push(item.合格数);
-						yAxisData.push(item.操作人);
-					})
-					console.log(yAxisData)
-					console.log(seriesData)
-					console.log(data)
-					that.tableData = data;
-					that.option.yAxis.data = yAxisData;
-					that.option.series.data = seriesData;
-				});
-			},
-			handleQuery(){
-				if(this.queryDate!==''){
-					this.start_date =this.queryDate+'-01';
-						let arr = this.queryDate.split('-');
-						this.end_date = this.queryDate+'-'+new Date(arr[0], arr[1], 0).getDate();
-				}else{
-					this.start_date =this.currentYear+'-'+this.currentMonth+'-01';
-					this.end_date = this.currentYear+'-'+this.currentMonth+'-'+new Date(this.currentYear, this.currentMonth, 0).getDate();
+				yAxis: {
+					type: 'category',
+					data: []
+				},
+				series: {
+					data: [],
+					type: 'bar',
+					barWidth: '15px',
 				}
-				console.log('查询query',this.start_date,this.end_date)
-				this.getData();
 			},
+		}
+	},
+	mounted() {
+		let date = new Date();
+		let year = date.getFullYear();
+		let month = date.getMonth() + 1;
+		let days = new Date(year, month, 0).getDate();
+		this.currentYear = year;
+		this.currentMonth = month;
+		this.start_date = year + '-' + month + '-01';
+		this.end_date = year + '-' + month + '-' + new Date(year, month, 0).getDate();
+		this.queryDate = year + '-' + month;
+		this.getData();
+		this.getDept();
+	},
+	methods: {
+		getDept() {
+			this.$API.system.dept.list.req({ page: 0, type: 'dept' }).then(res => {
+				this.deptData = res;
+				this.queryBelongDept = res[0].name;
+			});
 		},
-	}
+		queryTypeChange(value) {
+			this.queryDate = '';
+		},
+		getData() {
+			let that = this;
+			let obj = {
+				query: { start_date: this.start_date, end_date: this.end_date, dept_name: this.queryBelongDept },
+			};
+			that.$API.bi.dataset.exec.req('performance', obj).then((res) => {
+				console.log('绩效统计:', res);
+				let data = res.data2.ds0;
+				let seriesData = [], yAxisData = [];
+				data.forEach(item => {
+					seriesData.push(item.合格数);
+					yAxisData.push(item.操作人);
+				})
+				console.log(yAxisData)
+				console.log(seriesData)
+				console.log(data)
+				that.tableData = data;
+				that.option.yAxis.data = yAxisData;
+				that.option.series.data = seriesData;
+			});
+		},
+		handleQuery() {
+			if (this.queryDate !== '') {
+				this.start_date = this.queryDate + '-01';
+				let arr = this.queryDate.split('-');
+				this.end_date = this.queryDate + '-' + new Date(arr[0], arr[1], 0).getDate();
+			} else {
+				this.start_date = this.currentYear + '-' + this.currentMonth + '-01';
+				this.end_date = this.currentYear + '-' + this.currentMonth + '-' + new Date(this.currentYear, this.currentMonth, 0).getDate();
+			}
+			console.log('查询query', this.start_date, this.end_date)
+			this.getData();
+		},
+	},
+}
 </script>
 
-<style>
-</style>
+<style></style>