q=6 恒通达数字化智能工厂质量看板

src/App.vue

@@ -36,6 +36,8 @@ export default {
         this.currentComponent = 'datav2';
       } else if (this.dataType == '5') {
         this.currentComponent = 'datav3';
+      } else if (this.dataType == '6'){
+        this.currentComponent = 'datav2';
       } else {
         this.currentComponent = 'datav';
       }

src/components/baozuo-demo2/CenterCmp.vue

@@ -30,28 +30,28 @@
             <!-- 当日检验量 -->
             <div class="inspection-box">
               <div class="inspection-title">当日检验量</div>
-              <div class="inspection-value">{{ middleTopData.inspection }}</div>
+              <div class="inspection-value">{{ dataType == '6'?middleTopData2.inspection:middleTopData.inspection }}</div>
             </div>
             
             <!-- 机芯直通率 -->
             <div class="pass-rate-box">
               <div class="gauge-chart" style="height:200px" :id="'gauge-chart-1'"></div>
-              <div class="pass-rate-title">机芯直通率</div>
+              <div class="pass-rate-title">{{dataType=='6'?'进水直通率': '机芯直通率'}}</div>
-              <div class="pass-rate-value">机芯检验量：<span style="color:#08e5ff;">250</span></div>
+              <div class="pass-rate-value">{{dataType=='6'?'进水检验量': '机芯检验量'}}：<span style="color:#08e5ff;">250</span></div>
             </div>
             
             <!-- 盖板直通率 -->
             <div class="pass-rate-box">
               <div class="gauge-chart" style="height:200px" :id="'gauge-chart-2'"></div>
-              <div class="pass-rate-title">盖板直通率</div>
+              <div class="pass-rate-title">{{dataType=='6'?'排水直通率': '盖板直通率'}}</div>
-              <div class="pass-rate-value">盖板检验量：<span style="color:#08e5ff;">580</span></div>
+              <div class="pass-rate-value">{{dataType=='6'?'排水检验量': '盖板检验量'}}：<span style="color:#08e5ff;">580</span></div>
             </div>
             
             <!-- 整机直通率 -->
             <div class="pass-rate-box">
               <div class="gauge-chart" style="height:200px" :id="'gauge-chart-3'"></div>
-              <div class="pass-rate-title">整机直通率</div>
+              <div class="pass-rate-title">{{dataType=='6'?'按钮直通率': '整机直通率'}}</div>
-              <div class="pass-rate-value">整机检测量：<span style="color:#08e5ff;">420</span></div>
+              <div class="pass-rate-value">{{dataType=='6'?'按钮检测量': '整机检测量'}}：<span style="color:#08e5ff;">420</span></div>
             </div>
           </div>
         </div>
@@ -160,6 +160,12 @@ export default {
         coverPassRate: 88,
         wholePassRate: 95
       },
+      middleTopData2: {
+        inspection: 876,
+        corePassRate: 97,
+        coverPassRate: 99,
+        wholePassRate: 95
+      },
       oiloption:{
         grid:{
               top:'5%',left:'0%',right:'5%',bottom:'5%'
@@ -202,14 +208,23 @@ export default {
       { name: 'W3A', value: 98 },
     ],
     rightChartData: [
-            { name: '注塑件', value: 98 },
+      { name: '注塑件', value: 98 },
-            { name: '五金件', value: 99 },
+      { name: '五金件', value: 99 },
-            { name: '橡硅胶件', value: 100 },
+      { name: '橡硅胶件', value: 100 },
-            { name: '包材件', value: 99 },
+      { name: '包材件', value: 99 },
-            { name: '电子件', value: 92 },
+      { name: '电子件', value: 92 },
-            { name: '组件', value: 92 },
+      { name: '组件', value: 92 },
-            { name: '陶瓷', value: 94 }
+      { name: '陶瓷', value: 94 }
-          ],
+    ],
+    rightChartData2: [
+      { name: '注塑件', value: 100 },
+      { name: '五金件', value: 97 },
+      { name: '橡硅胶件', value: 100 },
+      { name: '包材件', value: 99 },
+      { name: '原料', value: 100 },
+      { name: '组件', value: 99 },
+      { name: '陶瓷', value: 99 }
+    ],
 
       leftData: this.dataType == '3'?originalLeftData2:originalLeftData,
       rightData: this.dataType == '3'?originalRightData2:originalRightData
@@ -225,6 +240,7 @@ export default {
     // 修改柱状图y轴配置
     initRightChart() {
     const chart = echarts.init(document.getElementById('right-echarts-new'));
+    let chartData = this.dataType == '6'?this.rightChartData2:this.rightChartData;
     const option = {
       legend: {
             icon: 'rect',
@@ -247,7 +263,7 @@ export default {
       },
       xAxis: {
         type: 'category',
-        data: this.rightChartData.map(item => item.name),
+        data: chartData.map(item => item.name),
         axisLabel: {
           color: '#fff',
           fontSize: 20,
@@ -281,7 +297,7 @@ export default {
       },
       series: [{
         type: 'bar',
-        data: this.rightChartData.map(item => item.value),
+        data: chartData.map(item => item.value),
         barWidth: '40%',
         itemStyle: {
           color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -317,11 +333,11 @@ export default {
     },
     initGaugeCharts() {
     // 机芯直通率
-    this.initGaugeChart('gauge-chart-1', this.middleTopData.corePassRate);
+    this.initGaugeChart('gauge-chart-1', this.dataType == '6'?this.middleTopData2.corePassRate: this.middleTopData.corePassRate);
     // 盖板直通率
-    this.initGaugeChart('gauge-chart-2', this.middleTopData.coverPassRate);
+    this.initGaugeChart('gauge-chart-2', this.dataType == '6'?this.middleTopData2.coverPassRate: this.middleTopData.coverPassRate);
     // 整机直通率
-    this.initGaugeChart('gauge-chart-3', this.middleTopData.wholePassRate);
+    this.initGaugeChart('gauge-chart-3', this.dataType == '6'?this.middleTopData2.coverPassRate:this.middleTopData.wholePassRate);
     },
     // 修改仪表盘样式部分
     // 修改initGaugeChart方法

src/components/baozuo-demo2/LeftChart1.vue

@@ -51,7 +51,8 @@ export default {
       const generateData = () => {
         return dates.map((date, index) => {
           const day = parseInt(date.split('-')[1]);
-          return day <= currentDay ? (Math.random() * 10).toFixed(2) : 0;
+          let step = this.dataType == '6'? 6 : 10;
+          return day <= currentDay ? (Math.random() * step).toFixed(2) : 0;
         });
       };
   

src/components/baozuo-demo2/LeftChart2.vue

@@ -48,7 +48,8 @@ export default {
     },
   createData() {
       // 模拟数据（每个柱子的总高度，单位：%）
-      const rawData = [95, 92, 98, 95, 98, 90]; // P1-P6的合格率数据
+
+      const rawData =this.dataType == '6'?[95, 100, 98, 99, 98, 100] : [95, 92, 98, 95, 98, 90]; // P1-P6的合格率数据
 
       // 将数据按 10% 分段，生成堆叠数据
       const generateStackData = (value) => {

src/components/baozuo-demo2/index.vue

@@ -3,7 +3,7 @@
     <dv-full-screen-container>
 
 
-      <top-header :Name="'褓座数字化智能工厂质量看板'" style="height:5%;" />
+      <top-header :Name="dataType == '6'?'恒通达数字化智能工厂质量看板':'褓座数字化智能工厂质量看板'" style="height:5%;" />
       <div class="main-container" style="height: 55%;">
         <div class="rmc-top-container" v-if="switchType == 2">
           <div class="rmctc-middle-container">
@@ -59,6 +59,8 @@ export default {
       this.dataType = '整机';
     }else if(dataTypeParam === '3'){
       this.dataType = '3';
+    }else if(dataTypeParam === '6'){
+      this.dataType = '6';
     }else{
       this.dataType = ''; // 如果不是 '1'，则设置为空
     }

src/components/baozuo-demo2/pieChart.vue

@@ -15,10 +15,8 @@
       chartData: {
         type: Object,
       }, 
-      props: { 
       dataType: {
       }
-  },
     },
     data() {
       return {
@@ -39,7 +37,7 @@
     },
     methods: {
       createData() {
-        let chartData = [
+        let arr = [
             {
             value: 35,
             name: "外观不良",
@@ -65,7 +63,34 @@
             name: "其他不良",
             },
         ];
-
+        let arr2 = [
+            {
+            value: 35,
+            name: "外观不良",
+            },
+            {
+            value: 20,
+            name: "尺寸不良",
+            },
+            {
+            value: 16,
+            name: "功能不良",
+            },
+            {
+            value: 12,
+            name: "包装不良",
+            },
+            {
+            value: 12,
+            name: "标签不良",
+            },
+            {
+            value: 27,
+            name: "其他不良",
+            },
+        ];
+        let chartData = this.dataType == '6'?arr2 : arr;
+        console.log(this.dataType,chartData)
 
         var myChart = echarts.init(document.getElementById('pieId-new'));
         this.option = {