From 56ab0220e2caaa0532f434a6254e9d5feaee21c3 Mon Sep 17 00:00:00 2001
From: g7hoo <liubin_9396@163.com>
Date: Wed, 17 Aug 2022 10:23:34 +0800
Subject: [PATCH] =?UTF-8?q?add=20SmallTitle=20&=20=E8=B4=A8=E9=87=8F?=
 =?UTF-8?q?=E5=9C=A8=E7=BA=BF=E6=A3=80=E6=B5=8B=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/small-title/index.vue          | 66 +++++++++++++++++++
 .../monitoring/qualityInspectionCurrent.vue   | 30 +++++++++
 2 files changed, 96 insertions(+)
 create mode 100644 src/components/small-title/index.vue
 create mode 100644 src/views/modules/monitoring/qualityInspectionCurrent.vue

diff --git a/src/components/small-title/index.vue b/src/components/small-title/index.vue
new file mode 100644
index 0000000..413a8c2
--- /dev/null
+++ b/src/components/small-title/index.vue
@@ -0,0 +1,66 @@
+<!--
+ * @Author: lb
+ * @Date: 2022-05-18 16:00:00
+ * @LastEditors: lb
+ * @LastEditTime: 2022-05-18 16:00:00
+ * @Description:
+-->
+<template>
+	<div :class="[className, { 'p-0': noPadding }]">
+		<slot />
+	</div>
+</template>
+
+<script>
+export default {
+	props: {
+		size: {
+			// 取值范围:  xl lg md sm
+			type: String,
+			default: 'de',
+			validator: function(val) {
+				return ['xl', 'lg', 'de', 'md', 'sm'].indexOf(val) !== -1
+			}
+		},
+		noPadding: {
+			type: Boolean,
+			default: false
+		}
+	},
+	computed: {
+		className: function() {
+			return `${this.size}-title`
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+$pxls: (xl, 28px) (lg, 24px) (de, 22px) (md, 18px) (sm, 16px);
+$mgr: 6px;
+@each $size, $height in $pxls {
+	.#{$size}-title {
+		padding: 8px 0;
+		font-size: $height;
+		line-height: $height;
+		color: #000;
+		font-weight: 500;
+		font-family: '微软雅黑', 'Microsoft YaHei', Arial, Helvetica, sans-serif;
+
+		&::before {
+			content: '';
+			display: inline-block;
+			vertical-align: top;
+			width: 4px;
+			height: $height + 2px;
+			border-radius: 1px;
+			margin-right: $mgr;
+			background-color: #0b58ff;
+		}
+	}
+}
+
+.p-0 {
+	padding: 0;
+}
+</style>
diff --git a/src/views/modules/monitoring/qualityInspectionCurrent.vue b/src/views/modules/monitoring/qualityInspectionCurrent.vue
new file mode 100644
index 0000000..2ffa900
--- /dev/null
+++ b/src/views/modules/monitoring/qualityInspectionCurrent.vue
@@ -0,0 +1,30 @@
+<template>
+	<div class="quality-inspection-current base-container">
+		<small-title>hhh</small-title>
+	</div>
+</template>
+
+<script>
+import BaseTable from '@/components/base-table'
+import SmallTitle from '@/components/small-title'
+
+const tableConfigStatic = {}
+const tableConfigDynamic = {}
+
+export default {
+	name: 'QualityInspectionCurrent',
+	components: { BaseTable, SmallTitle },
+	data() {
+		return {}
+	},
+	methods: {}
+}
+</script>
+
+<style scoped>
+.base-container {
+	min-height: 60vh;
+	background: #fff;
+	padding: 8px;
+}
+</style>