update 质量缺陷分析的标题+legend

src/views/EquipmentManager/components/TechyAnalysisHeader.vue

@@ -1,10 +1,22 @@
 <template>
   <div class="techy-analysis-header">
-    <span style="display: inline-block; width: calc(56px * var(--beilv)); height: calc(13px * var(--beilv));" v-html="titleLeftSVG" />
-    <span class="techy-analysis-header__title">
-      <slot />
-    </span>
-    <span style="display: inline-block; width: calc(56px * var(--beilv)); height: calc(13px * var(--beilv));"  v-html="titleRightSVG" />
+    <template v-if="type === 'special'">
+      <div style="background: #cccc; width: 200px; height: 20px;"></div>
+    </template>
+
+    <template v-else>
+      <span
+        style="display: inline-block; width: calc(56px * var(--beilv)); height: calc(13px * var(--beilv));"
+        v-html="titleLeftSVG"
+      />
+      <span class="techy-analysis-header__title">
+        <slot />
+      </span>
+      <span
+        style="display: inline-block; width: calc(56px * var(--beilv)); height: calc(13px * var(--beilv));"
+        v-html="titleRightSVG"
+      />
+    </template>
   </div>
 </template>
 
@@ -109,6 +121,12 @@ const titleRightSVG = `<svg
 
 export default {
   name: 'TechyAnalysisHeader',
+  props: {
+    type: {
+      type: String,
+      default: 'default-type'
+    }
+  },
   data() {
     return { titleLeftSVG, titleRightSVG }
   }