品质分析左2胶囊柱图，雷达图后台获取数据

src/components/echart/bottom/bottomRightChart/index.vue

@@ -72,11 +72,9 @@ export default {
                           if(element.v_okrate<minDa){
                             minDa = element.v_okrate;
                           }
-                          console.log(minDa);
                         }
                         //获取最小值，取整十的数
                         minDa = Math.floor(minDa/10)*10;
-                         console.log(minDa);
                         this.cdata.minData = minDa;
                         this.cdata.weekCategory = weekCategory;
                         this.cdata.weekLineData = weekLineData;

src/components/echart/centerLeft/centerLeft1Chart/chart.vue

@@ -49,12 +49,11 @@ export default {
           },
           calculable: true,
           legend: {
-            orient: "horizontal",
+            orient: "vertical",
             icon: "circle",
             bottom: 0,
             x: "center",
             data: newData.cdata,
-            width: "0%",
             textStyle: {
               color: "#fff",
             },
@@ -66,7 +65,7 @@ export default {
               radius: [10, 50],
               roseType: "area",
               center: ["50%", "40%"],
-              data: newData.seriesData
+              data: newData.seriesData,
             }
           ]
         }

src/components/echart/centerRight/centerRightChart/chart.vue

@@ -71,10 +71,10 @@ export default {
           },
           series: [
             {
-              name: "北京",
+              name: "",
               type: "radar",
               lineStyle: lineStyle,
-              data: newData.dataBJ,
+              data: newData.dataRadius,
               symbol: "none",
               itemStyle: {
                 normal: {
@@ -87,7 +87,7 @@ export default {
                 }
               }
             },
-            {
+            /*{
               name: "上海",
               type: "radar",
               lineStyle: lineStyle,
@@ -120,7 +120,7 @@ export default {
                   opacity: 0.05
                 }
               }
-            } //end
+            } */
           ]
         }
       },

src/components/echart/centerRight/centerRightChart/index.vue

@@ -10,13 +10,15 @@ export default {
   data () {
     return {
       cdata: {
-        indicatorData: [
+        indicatorData :[],
+        dataRadius : []
+       /* indicatorData: [
           { name: "插件", max: 300 },
           { name: "组装", max: 250 },
           { name: "老化", max: 300 },
           { name: "包装", max: 5},
         ],
-        dataBJ: [
+        dataRadius: [
           [94, 69, 114, 2.08, 73, 39, 22],
           [99, 73, 110, 2.43, 76, 48, 23],
           [31, 12, 30, 0.5, 32, 16, 24],
@@ -42,12 +44,52 @@ export default {
           [106, 77, 114, 1.07, 55, 51, 5],
           [109, 81, 121, 1.28, 68, 51, 6],
           [106, 77, 114, 1.07, 55, 51, 7]
-        ]
+        ]*/
       }
     }
   },
   components: {
     Chart,
+  },
+  mounted () {
+    this.drawTimingFn();
+  },
+  methods: {
+    drawTimingFn () {
+      this.setData();
+      setInterval(() => {
+        this.setData(); //获取-数据
+      }, 30000);
+    },
+    async setData () {
+      // 清空轮询数据
+      this.cdata.indicatorData = [];
+      this.cdata.dataRadius = [];
+
+      let dateBase = new Date();
+      this.cdata.year = dateBase.getFullYear();
+      //  //雷达图：
+      await this.$http.get("kanban/datalist.action?caller=STEPOKRATE&_noc=1&page=1&pageSize=100&condition=1=1")
+              .then((result)=>{
+                        let dataList = JSON.parse(result.data.data);
+                        let indicatorData = new Array();
+                        let radiusData = new Array();
+                        for (let index = 0; index < dataList.length; index++) {
+                          const element = dataList[index];
+                          let obj = new Object();
+                          obj.name = element.name;
+                          obj.max = 100;
+                          indicatorData.push(obj);
+                          //数据
+                          radiusData.push(element.value);
+                        }
+                        this.cdata.indicatorData = indicatorData;
+                        this.cdata.dataRadius.push(radiusData);
+                      },(result)=>{
+                        console.error(result)
+                      }
+              );
+    }
   }
 }
 </script>

src/views/centerLeft_two.vue

@@ -5,11 +5,11 @@
         <span>
           <icon name="align-left" class="text-icon"></icon>
         </span>
-        <span class="fs-xl text mx-2">工段良率</span>
+        <span class="fs-xl text mx-2">完成工单数统计</span>
       </div>
       <div class="d-flex ai-center flex-column body-box">
         <dv-capsule-chart class="dv-cap-chart" :config="config" />
-         <span class="fs-xl text mx-2">工段完成工单数</span>
+         <span class="fs-xl text mx-2">工序投产良率分析</span>
         <centerRight2Chart1 />
       </div>
     </div>
@@ -23,54 +23,40 @@ export default {
   data() {
     return {
       config: {
-        data: [
-          {
-            name: '南阳',
-            value: 167
-          },
-          {
-            name: '周口',
-            value: 67
-          },
-          {
-            name: '漯河',
-            value: 123
-          },
-          {
-            name: '郑州',
-            value: 55
-          },
-          {
-            name: '西峡',
-            value: 98
-          }
-        ]
+        data: [{name:'客户',value:90}]
       }
     }
   },
-  components: { centerRight2Chart1 }
-  ,mounted() {
+  components: { centerRight2Chart1 },
+  mounted() {
     this.refreshdata();
   },
   methods: {
     refreshdata() {
-      //this.$http.get("mes/common/login.action?username=zhongyl&password=asd&sob=N_MES_TEST");
+      this.settestdata(); //获取数据
       setInterval(() => {
         this.settestdata(); //获取-主题词
-      }, 3000);
+      }, 30000);
     },
-    settestdata(){
-      let resultList = new Array();
-      for (let index = 0; index <15; index++) {
-        let item = {name:"",value:""};
-        item.name ="线别"+index;
-        item.value = index*10 ;
-        resultList.push(item);
-      }
-     // console.log(this.config.data);
-      this.config.data = resultList;
-      //console.log(this.config.data);
-      this.$forceUpdate();
+    async settestdata(){
+      //完成工单数统计
+      await this.$http.get("kanban/datalist.action?caller=MAKEQTY&_noc=1&page=1&pageSize=100&condition=1=1")
+              .then((result)=>{
+                        let dataList = JSON.parse(result.data.data);
+                        let makeData = new Array();
+                        for (let index = 0; index < dataList.length; index++) {
+                          const element = dataList[index];
+                          let item = new Object();
+                          item.name = element.name;
+                          item.value = element.value ;
+                          makeData.push(item);
+                        }
+                        this.config.data = makeData;
+                        this.config = { ...this.config };
+                      },(result)=>{
+                        console.error(result)
+                      }
+              );
     }
   }
 }