add 数据总览弹窗

src/views/quality/monitoring/qualityStatistics/components/summaryTable.vue

@@ -0,0 +1,71 @@
+<!-- 
+    filename: summaryDialog.vue
+    author: liubin
+    date: 2023-08-04 16:25:49
+    description: 
+-->
+
+<template>
+	<!-- 列表 -->
+	<base-table
+		:table-props="tableProps"
+		:page="queryParams.pageNo"
+		:limit="queryParams.pageSize"
+		:table-data="list"></base-table>
+	<!-- @emit-fun="handleEmitFun"> -->
+	<!-- <method-btn
+				v-if="tableBtn.length"
+				slot="handleBtn"
+				label="操作"
+				fixed="right"
+				:method-list="tableBtn"
+				@clickBtn="handleTableBtnClick" /> -->
+</template>
+
+<script>
+export default {
+	name: 'SummaryTable',
+	components: {},
+	props: {},
+	data() {
+		return {
+			queryParams: {
+				pageNo: 1,
+				pageSize: 10,
+			},
+			tableProps: [
+				{
+					prop: 'pl',
+					label: '产线',
+					align: 'center',
+				},
+				{
+					prop: 'upTotal',
+					label: '上片总数',
+					align: 'center',
+				},
+				{
+					prop: 'downTotal',
+					label: '下片总数',
+					align: 'center',
+				},
+				{
+					prop: 'total',
+					label: '检测总数',
+					align: 'center',
+				},
+				{
+					prop: 'ratio',
+					label: '比例(%)',
+					align: 'center',
+				},
+			],
+			list: [{}],
+		};
+	},
+	computed: {},
+	methods: {},
+};
+</script>
+
+<style scoped lang="scss"></style>