From fa87c5fdceb6631d60884659c1672cf96a05198f Mon Sep 17 00:00:00 2001
From: shijing <sj_mzw@163.com>
Date: Thu, 22 Feb 2024 10:05:21 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=9F=E4=BA=A7=E6=A3=80=E9=AA=8C=E7=BB=9F?=
 =?UTF-8?q?=E8=AE=A1=E8=A1=A8=E5=8A=A0=E5=90=8D=E7=A7=B0=E8=A7=84=E6=A0=BC?=
 =?UTF-8?q?=E5=9E=8B=E5=8F=B7=E5=88=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/statistics/product_check.vue | 465 +++++++++++++------------
 1 file changed, 233 insertions(+), 232 deletions(-)

diff --git a/src/views/statistics/product_check.vue b/src/views/statistics/product_check.vue
index e4444e42..7e42db8d 100644
--- a/src/views/statistics/product_check.vue
+++ b/src/views/statistics/product_check.vue
@@ -3,30 +3,14 @@
 		<el-header>
 			<div class="right-panel">
 				<el-select v-model="queryType" clearable @change="queryTypeChange">
-					<el-option v-for="item in typeOptions" 
-					:key="item" 
-					:label="item" 
-					:value="item"
-					>
+					<el-option v-for="item in typeOptions" :key="item" :label="item" :value="item">
 					</el-option>
 				</el-select>
-				<el-date-picker
-					v-if="queryType=='月'"
-					v-model="queryDate"
-					type="month"
-					placeholder="查询月期"
-					value-format="YYYY-MM"
-					style="width:100%"
-				>
+				<el-date-picker v-if="queryType == '月'" v-model="queryDate" type="month" placeholder="查询月期"
+					value-format="YYYY-MM" style="width:100%">
 				</el-date-picker>
-				<el-date-picker
-					v-if="queryType=='年'"
-					v-model="queryDate"
-					type="year"
-					placeholder="查询年份"
-					value-format="YYYY"
-					style="width:100%"
-				>
+				<el-date-picker v-if="queryType == '年'" v-model="queryDate" type="year" placeholder="查询年份"
+					value-format="YYYY" style="width:100%">
 				</el-date-picker>
 				<el-button type="primary" icon="el-icon-search" @click="handleQuery"></el-button>
 			</div>
@@ -39,9 +23,15 @@
 					</el-col>
 					<el-col :lg="16">
 						<el-table :data="tableData7">
-							<el-table-column label="年" prop="年" v-if="queryType=='年'">
+							<el-table-column label="年" prop="年" v-if="queryType == '年'" width="60">
 							</el-table-column>
-							<el-table-column label="月" prop="月" v-else>
+							<el-table-column label="月" prop="月" v-else width="60">
+							</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>
@@ -77,9 +67,15 @@
 					</el-col>
 					<el-col :lg="16">
 						<el-table :data="tableData10">
-							<el-table-column label="年" prop="年" v-if="queryType=='年'">
+							<el-table-column label="年" prop="年" v-if="queryType == '年'" width="60">
 							</el-table-column>
-							<el-table-column label="月" prop="月" v-else>
+							<el-table-column label="月" prop="月" v-else width="60">
+							</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>
@@ -119,9 +115,15 @@
 					</el-col>
 					<el-col :lg="16">
 						<el-table :data="tableData8">
-							<el-table-column label="年" prop="年" v-if="queryType=='年'">
+							<el-table-column label="年" prop="年" v-if="queryType == '年'" width="60">
 							</el-table-column>
-							<el-table-column label="月" prop="月" v-else>
+							<el-table-column label="月" prop="月" v-else width="60">
+							</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>
@@ -159,216 +161,215 @@
 </template>
 
 <script>
-	import scEcharts from '@/components/scEcharts';
-	export default {
-		name: 'chart',
-		components: {
-			scEcharts
+import scEcharts from '@/components/scEcharts';
+export default {
+	name: 'chart',
+	components: {
+		scEcharts
+	},
+	data() {
+		return {
+			queryType: '月',
+			queryDate: '',
+			start_date: '',
+			end_date: '',
+			currentYear: '',
+			currentMonth: '',
+			typeOptions: ['月', '年'],
+			option1: {
+				title: {
+					text: '7车间',
+					// subtext: '',
+				},
+				tooltip: {
+					trigger: 'item'
+				},
+				series: {
+					name: '7车间预制棒',
+					type: 'pie',
+					radius: ['40%', '70%'],
+					center: ['50%', '60%'],
+					label: false,
+					data: [
+						{ value: 0, name: '合格数' },
+						{ value: 0, name: '炸纹' },
+						{ value: 0, name: '条纹' },
+						{ value: 0, name: '气泡' },
+						{ value: 0, name: '弯曲' },
+						{ value: 0, name: '其他' },
+					]
+				}
+			},
+			option2: {
+				title: {
+					text: '10车间',
+					// subtext: '',
+				},
+				tooltip: {
+					trigger: 'item'
+				},
+				series: {
+					name: '10车间预制管',
+					type: 'pie',
+					radius: ['40%', '70%'],
+					center: ['50%', '60%'],
+					label: false,
+					data: [
+						{ value: 0, name: '合格数' },
+						{ value: 0, name: '条纹' },
+						{ value: 0, name: '断裂' },
+						{ value: 0, name: '偏壁' },
+						{ value: 0, name: '大小头' },
+						{ value: 0, name: '结石' },
+						{ value: 0, name: '气线' },
+					]
+				}
+			},
+			option3: {
+				title: {
+					text: '退火',
+					// subtext: '',
+				},
+				tooltip: {
+					trigger: 'item'
+				},
+				series: {
+					name: '退火预制管',
+					type: 'pie',
+					radius: ['40%', '70%'],
+					center: ['50%', '60%'],
+					label: false,
+					data: [
+						{ value: 0, name: '合格数' },
+						{ value: 0, name: '椭圆/弯曲' },
+						{ value: 0, name: '条纹' },
+						{ value: 0, name: '断裂' },
+						{ value: 0, name: '偏壁' },
+						{ value: 0, name: '大小头' },
+						{ value: 0, name: '结石' },
+						{ value: 0, name: '气线' },
+						{ value: 0, name: '箱中破' },
+					]
+				}
+			},
+			tableData7: [],
+			tableData10: [],
+			tableData8: [],
+		}
+	},
+	mounted() {
+		let date = new Date();
+		let year = date.getFullYear();
+		let month = date.getMonth() + 1;
+		let days = new Date(year, month, 0).getDate();
+		console.log(year, month, days)
+		this.currentYear = year;
+		this.currentMonth = month;
+		this.start_date = year + '-' + month + '-01';
+		this.end_date = year + '-' + month + '-' + new Date(year, month, 0).getDate();
+		this.getData();
+		this.getData7();
+		this.getData10();
+	},
+	methods: {
+		queryTypeChange(value) {
+			console.log(value)
+			this.queryDate = '';
 		},
-		data() {
-			return {
-				queryType:'月',
-				queryDate:'',
-				start_date:'',
-				end_date:'',
-				currentYear:'',
-				currentMonth:'',
-				typeOptions:['月','年'],
-				option1: {
-					title: {
-						text: '7车间',
-						// subtext: '',
-					},
-					tooltip: {
-						trigger: 'item'
-					},
-					series: {
-						name: '7车间预制棒',
-						type: 'pie',
-						radius: ['40%', '70%'],
-						center: ['50%', '60%'],
-						label: false,
-						data: [
-							{value: 0, name: '合格数'},
-							{value: 0, name: '炸纹'},
-							{value: 0, name: '条纹'},
-							{value: 0, name: '气泡'},
-							{value: 0, name: '弯曲'},
-							{value: 0, name: '其他'},
-						]
-					}
-				},
-				option2: {
-					title: {
-						text: '10车间',
-						// subtext: '',
-					},
-					tooltip: {
-						trigger: 'item'
-					},
-					series: {
-						name: '10车间预制管',
-						type: 'pie',
-						radius: ['40%', '70%'],
-						center: ['50%', '60%'],
-						label: false,
-						data: [
-							{value: 0, name: '合格数'},
-							{value: 0, name: '条纹'},
-							{value: 0, name: '断裂'},
-							{value: 0, name: '偏壁'},
-							{value: 0, name: '大小头'},
-							{value: 0, name: '结石'},
-							{value: 0, name: '气线'},
-						]
-					}
-				},
-				option3: {
-					title: {
-						text: '退火',
-						// subtext: '',
-					},
-					tooltip: {
-						trigger: 'item'
-					},
-					series: {
-							name: '退火预制管',
-							type: 'pie',
-							radius: ['40%', '70%'],
-							center: ['50%', '60%'],
-							label: false,
-							data: [
-								{value: 0, name: '合格数'},
-								{value: 0, name: '椭圆/弯曲'},
-								{value: 0, name: '条纹'},
-								{value: 0, name: '断裂'},
-								{value: 0, name: '偏壁'},
-								{value: 0, name: '大小头'},
-								{value: 0, name: '结石'},
-								{value: 0, name: '气线'},
-								{value: 0, name: '箱中破'},
-							]
-						}
-				},
-				tableData7:[],
-				tableData10:[],
-				tableData8:[],
+		getData() {
+			let that = this;
+			that.tableData8 = [];
+			let exec = that.queryType == '月' ? 'lineMonth' : 'lineYear';
+			let obj = {
+				query: { start_date: this.start_date, end_date: this.end_date, dept_name: "8车间" },
+			};
+			that.$API.bi.dataset.exec.req(exec, obj).then((res) => {
+				console.log('退火车间统计:', res);
+				let data = res.data2.ds0;
+				if (data.length > 0) {
+					that.tableData8 = data;
+					that.option1.series.data[0].value = data[0].合格数;
+					that.option1.series.data[1].value = data[0].弯曲;
+					that.option1.series.data[2].value = data[0].条纹;
+					that.option1.series.data[3].value = data[0].断裂;
+					that.option1.series.data[4].value = data[0].偏壁;
+					that.option1.series.data[5].value = data[0].大小头;
+					that.option1.series.data[6].value = data[0].结石;
+					that.option1.series.data[7].value = data[0].气线;
+					that.option1.series.data[8].value = data[0].箱中破;
+				}
+				// debugger;
+			});
+		},
+		getData7() {
+			let that = this;
+			that.tableData7 = [];
+			let obj = {
+				query: { start_date: this.start_date, end_date: this.end_date, dept_name: "7车间" },
+			};
+			let exec = that.queryType == '月' ? 'lineMonth' : 'lineYear';
+			that.$API.bi.dataset.exec.req(exec, obj).then((res) => {
+				console.log('7生产车间统计:', res);
+				let data = res.data2.ds0;
+				if (data.length > 0) {
+					that.tableData7 = data;
+					that.option1.series.data[0].value = data[0].合格数;
+					that.option1.series.data[1].value = data[0].炸纹;
+					that.option1.series.data[2].value = data[0].条纹;
+					that.option1.series.data[3].value = data[0].气泡;
+					that.option1.series.data[4].value = data[0].弯曲;
+					that.option1.series.data[5].value = data[0].其他;
+				}
+			});
+		},
+		getData10() {
+			let that = this;
+			that.tableData10 = [];
+			let obj = {
+				query: { start_date: this.start_date, end_date: this.end_date, dept_name: "10车间" },
+			};
+			let exec = that.queryType == '月' ? 'lineMonth' : 'lineYear';
+			that.$API.bi.dataset.exec.req(exec, obj).then((res) => {
+				console.log('10生产车间统计:', res);
+				let data = res.data2.ds0;
+				if (data.length > 0) {
+					that.tableData10 = data;
+					that.option2.series.data[0].value = data[0].合格数;
+					that.option2.series.data[1].value = data[0].断裂;
+					that.option2.series.data[2].value = data[0].条纹;
+					that.option2.series.data[3].value = data[0].偏壁;
+					that.option2.series.data[4].value = data[0].大小头;
+					that.option2.series.data[5].value = data[0].结石;
+					that.option2.series.data[6].value = data[0].气线;
+				}
+			});
+		},
+		handleQuery() {
+			let that = this;
+			if (this.queryType == '月') {
+				if (this.queryDate !== '' && this.queryDate !== null) {
+					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();
+				}
+			} else {
+				if (this.queryDate !== '' && this.queryDate !== null) {
+					this.start_date = this.queryDate + '-01-01';
+					this.end_date = this.queryDate + '-12-31';
+				} else {
+					this.start_date = this.currentYear + '-01-01';
+					this.end_date = this.currentYear + '-12-31';
+				}
 			}
-		},
-		mounted(){
-			let date = new Date();
-			let year = date.getFullYear();
-			let month = date.getMonth()+1;
-			let days = new Date(year, month, 0).getDate();
-			console.log(year,month,days)
-			this.currentYear = year;
-			this.currentMonth = month;
-			this.start_date =year+'-'+month+'-01';
-			this.end_date = year+'-'+month+'-'+new Date(year, month, 0).getDate();
 			this.getData();
 			this.getData7();
 			this.getData10();
 		},
-		methods:{
-			queryTypeChange(value){
-				console.log(value)
-				this.queryDate = '';
-			},
-			getData(){
-				let that = this;
-				that.tableData8 = [];
-				let exec = that.queryType=='月'?'lineMonth':'lineYear';
-				let obj = {
-					query: { start_date: this.start_date, end_date: this.end_date, dept_name: "8车间" },
-				};
-				that.$API.bi.dataset.exec.req(exec, obj).then((res) => {
-					console.log('退火车间统计:',res);
-					let data = res.data2.ds0;
-					if(data.length>0){
-						that.tableData8 = data;
-						that.option1.series.data[0].value = data[0].合格数;
-						that.option1.series.data[1].value = data[0].弯曲;
-						that.option1.series.data[2].value = data[0].条纹;
-						that.option1.series.data[3].value = data[0].断裂;
-						that.option1.series.data[4].value = data[0].偏壁;
-						that.option1.series.data[5].value = data[0].大小头;
-						that.option1.series.data[6].value = data[0].结石;
-						that.option1.series.data[7].value = data[0].气线;
-						that.option1.series.data[8].value = data[0].箱中破;
-					}
-					// debugger;
-				});
-			},
-			getData7(){
-				let that = this;
-				that.tableData7 = [];
-				let obj = {
-					query: { start_date: this.start_date, end_date: this.end_date, dept_name: "7车间" },
-				};
-				let exec = that.queryType=='月'?'lineMonth':'lineYear';
-				that.$API.bi.dataset.exec.req(exec, obj).then((res) => {
-					console.log('7生产车间统计:',res);
-					let data = res.data2.ds0;
-					if(data.length>0){
-						that.tableData7 = data;
-						that.option1.series.data[0].value = data[0].合格数;
-						that.option1.series.data[1].value = data[0].炸纹;
-						that.option1.series.data[2].value = data[0].条纹;
-						that.option1.series.data[3].value = data[0].气泡;
-						that.option1.series.data[4].value = data[0].弯曲;
-						that.option1.series.data[5].value = data[0].其他;
-					}
-				});
-			},
-			getData10(){
-				let that = this;
-				that.tableData10 = [];
-				let obj = {
-					query: { start_date: this.start_date, end_date: this.end_date, dept_name: "10车间" },
-				};
-				let exec = that.queryType=='月'?'lineMonth':'lineYear';
-				that.$API.bi.dataset.exec.req(exec, obj).then((res) => {
-					console.log('10生产车间统计:',res);
-					let data = res.data2.ds0;
-					if(data.length>0){
-						that.tableData10 = data;
-						that.option2.series.data[0].value = data[0].合格数;
-						that.option2.series.data[1].value = data[0].断裂;
-						that.option2.series.data[2].value = data[0].条纹;
-						that.option2.series.data[3].value = data[0].偏壁;
-						that.option2.series.data[4].value = data[0].大小头;
-						that.option2.series.data[5].value = data[0].结石;
-						that.option2.series.data[6].value = data[0].气线;
-					}
-				});
-			},
-			handleQuery(){
-				let that = this;
-				if(this.queryType=='月'){
-					if(this.queryDate!==''&&this.queryDate!==null){
-						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();
-					}
-				}else{
-					if(this.queryDate!==''&&this.queryDate!==null){
-						this.start_date = this.queryDate+'-01-01';
-						this.end_date = this.queryDate+'-12-31';
-					}else{
-						this.start_date = this.currentYear+'-01-01';
-						this.end_date = this.currentYear+'-12-31';
-					}
-				}
-				this.getData();
-				this.getData7();
-				this.getData10();
-			},
-		},
-	}
+	},
+}
 </script>
 
-<style>
-</style>
+<style></style>