包装工序增加抛光按钮

src/views/qualityManagement/FQC/components/ThePointCard/index.vue

@@ -0,0 +1,107 @@
+<template>
+	<div class="card" :style="{ width, height }">
+		<div class="card-header"><slot></slot></div>
+		<div v-loading="loading" class="pointButtonBox">
+			<el-row :gutter="20">
+				<el-col :span="4"><div class="grid-content bg-purple"></div></el-col>
+			</el-row>
+		</div>
+	</div>
+</template>
+
+<script>
+import { GetinspectionItemList } from '@/api/qualityManagement/checkItem.js'
+export default {
+	props: {
+		width: {
+			default: '100%',
+		},
+		height: {
+			default: '300px',
+		},
+		module: {
+			default: '',
+		},
+		type: {
+			default: '',
+		},
+	},
+	data() {
+		return {
+			loading: false,
+			InspectionItemList: [],
+		}
+	},
+	mounted() {
+		this.getData()
+	},
+	methods: {
+		getData() {
+			this.loading = true
+			const params = {
+				inspectionModule: this.module,
+				inspectionType: this.type,
+			}
+			GetinspectionItemList(params).then((res) => {
+				if (res.code === 200) {
+					this.InspectionItemList = res.data
+					console.log('GetinspectionItemList', res.data)
+				}
+			})
+		},
+	},
+}
+</script>
+
+<style scoped>
+.card {
+	border-radius: 0.5em;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: space-between;
+	background-color: #032169;
+}
+.card-header {
+	padding: 10px;
+	font-family: Arial, sans-serif;
+	font-size: 1.5rem;
+	color: #fff;
+	text-align: center;
+}
+.pointButtonBox {
+	padding: 10px;
+}
+.button_ {
+	width: 60px;
+	height: 85px;
+	background-color: #11a983;
+	color: white;
+	border-radius: 0.2em;
+	transition: all 0.2s ease-in-out;
+
+	&:hover {
+		cursor: pointer;
+		box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 #c6e2ff, inset 18px 18px 30px rgba(0, 0, 0, 0.1), inset -18px -18px 30px #c6e2ff;
+	}
+
+	text-align: center;
+	position: relative;
+
+	.context {
+		margin: 0.5em 1em;
+		font-size: 0.9rem;
+		font-weight: bold;
+	}
+
+	.number {
+		font-size: 1.5rem;
+		text-align: center;
+		color: red;
+		font-weight: bold;
+		position: absolute;
+		bottom: 5px;
+		width: 100%;
+	}
+}
+</style>

src/views/qualityManagement/FQC/qualityStatistics.vue

@@ -384,8 +384,8 @@
 						if (res.code == 200) {
 							this.QualityStatisticsTable = res.data.item1
 							this.pagination.total = res.data.item2
-							this.realTotal = parseInt(res.data.item2 / 2)
-							this.mergeTable(2)
+							this.realTotal = parseInt(res.data.item2 / 3)
+							this.mergeTable(3)
 							this.loading = false
 						}
 					})
@@ -395,8 +395,8 @@
 						if (res.code == 200) {
 							this.QualityStatisticsTable = res.data.item1
 							this.pagination.total = res.data.item2
-							this.realTotal = parseInt(res.data.item2 / 2)
-							this.mergeTable(2)
+							this.realTotal = parseInt(res.data.item2 / 3)
+							this.mergeTable(3)
 							this.loading = false
 						}
 					})