拆分SPC直方图和正态曲线页面

spc-vue/src/views/CpkView.vue

@@ -3,7 +3,7 @@ import { computed } from "vue";
 import EChartPanel from "../components/EChartPanel.vue";
 import MetricStrip from "../components/MetricStrip.vue";
 import { useSpc } from "../composables/useSpc";
-import { createCapabilityBarOption, createHistogramOption } from "../utils/chartOptions";
+import { createCapabilityBarOption } from "../utils/chartOptions";
 
 const { result } = useSpc();
 
@@ -21,25 +21,16 @@ const metrics = computed(() => {
 });
 
 const capabilityOption = computed(() => (result.value?.Cpk ? createCapabilityBarOption(result.value.Cpk) : null));
-const histogramOption = computed(() => (result.value?.Cpk ? createHistogramOption(result.value.Cpk) : null));
 </script>
 
 <template>
   <article class="page-stack">
     <MetricStrip v-if="metrics.length" :metrics="metrics" />
-    <div class="two-column">
-      <EChartPanel
-        title="过程能力指标"
-        eyebrow="Capability"
-        description="能力柱状图用于快速比较 Cp、Cpk、Pp、Ppk。页面保留 1.00 与 1.33 参考线，方便验证常见能力门槛。"
-        :option="capabilityOption"
-      />
-      <EChartPanel
-        title="直方图与正态曲线"
-        eyebrow="Distribution"
-        description="直方图展示测量值分布，并叠加正态曲线和规格限，便于判断能力指标是否被偏态或边界数据影响。"
-        :option="histogramOption"
-      />
-    </div>
+    <EChartPanel
+      title="过程能力指标"
+      eyebrow="Capability"
+      description="能力柱状图用于快速比较 Cp、Cpk、Pp、Ppk。页面保留 1.00 与 1.33 参考线，方便验证常见能力门槛；分布形态请在直方图和正态曲线页面单独查看。"
+      :option="capabilityOption"
+    />
   </article>
 </template>