修改了布局UI

src/components/echart/bottom/bottomLeft2Chart/chart.vue

@@ -42,7 +42,7 @@ export default {
         ],
         series: [
           {
-            name: '投入',
+            name: '插件',
             type: 'bar',
             barWidth: 20,
             emphasis: {
@@ -51,7 +51,7 @@ export default {
             data: [320, 332, 301, 334, 390, 330, 320]
           },
           {
-            name: '产出',
+            name: '组装',
             type: 'bar',
             barWidth: 20,
             stack: 'Ad',
@@ -61,7 +61,7 @@ export default {
             data: [220, 232, 221, 234, 290, 230, 220]
           },
           {
-            name: '不良',
+            name: '老化',
             type: 'bar',
             stack: 'Ad',
             barWidth: 10,
@@ -71,7 +71,7 @@ export default {
             }
           },
           {
-            name: '良率',
+            name: '包装',
             type: 'line',
             data: [92, 92,92, 72, 82, 62, 62],
             itemStyle: {

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

@@ -123,7 +123,7 @@ export default {
             itemGap: 15,
             itemWidth: 12,
             itemHeight: 12,
-            data: ['平均指标', '我的指标'],
+            data: ['平均直通率', '实际直通率'],
             textStyle: {
               color: '#fff',
               fontSize: 14
@@ -163,19 +163,19 @@ export default {
             },
             indicator: [
               {
-                name: '服务态度',
+                name: '来料不良',
                 max: newData.maxData
               },
               {
-                name: '产品质量',
+                name: '制程不良',
                 max: 10
               },
               {
-                name: '任务效率',
+                name: '设计不良',
                 max: 12
               },
               {
-                name: '售后保障',
+                name: '其他',
                 max: 3.5
               }
             ]
@@ -233,7 +233,7 @@ export default {
               data: [
                 {
                   value: newData.radarDataAvg[6],
-                  name: '平均指标',
+                  name: '平均直通率',
                   itemStyle: {
                     normal: {
                       color: '#f8d351'
@@ -257,7 +257,7 @@ export default {
                 },
                 {
                   value: newData.radarData[6],
-                  name: '我的指标',
+                  name: '实际直通率',
                   itemStyle: {
                     normal: {
                       color: '#43dfa2'

src/views/bottomLeft2.vue

@@ -6,7 +6,7 @@
           <icon name="chart-bar" class="text-icon"></icon>
         </span>
         <div class="d-flex">
-          <span class="fs-xl text mx-2">数据统计图</span>
+          <span class="fs-xl text mx-2">线体投产良率</span>
         </div>
       </div>
       <div>

src/views/bottomRight.vue

@@ -6,7 +6,7 @@
           <icon name="chart-area" class="text-icon"></icon>
         </span>
         <div class="d-flex">
-          <span class="fs-xl text mx-2">UAS-MES工单修复以及满意度统计图</span>
+          <span class="fs-xl text mx-2">质量趋势分析</span>
           <div class="decoration2">
             <dv-decoration-2 :reverse="true" style="width:5px;height:6rem;" />
           </div>

src/views/center.vue

@@ -56,7 +56,7 @@ export default {
     return {
       titleItem: [
         {
-          title: '今年累计任务建次数',
+          title: '首检任务数',
           number: {
             number: [120],
             toFixed: 1,
@@ -68,7 +68,7 @@ export default {
           }
         },
         {
-          title: '本月累计任务次数',
+          title: '首检完成数',
           number: {
             number: [18],
             toFixed: 1,
@@ -80,7 +80,7 @@ export default {
           }
         },
         {
-          title: '今日累计任务次数' ,
+          title: '首检合格数' ,
           number: {
             number: [2],
             toFixed: 1,
@@ -92,7 +92,7 @@ export default {
           }
         },
         {
-          title: '今年失败任务次数',
+          title: '巡检任务数',
           number: {
             number: [14],
             toFixed: 1,
@@ -104,7 +104,7 @@ export default {
           }
         },
         {
-          title: '今年成功任务次数',
+          title: '巡检完成数',
           number: {
             number: [106],
             toFixed: 1,
@@ -116,7 +116,7 @@ export default {
           }
         },
         {
-          title: '今年达标任务个数',
+          title: '巡检合格数',
           number: {
             number: [100],
             toFixed: 1,

src/views/centerLeft1.vue

@@ -6,7 +6,7 @@
           <icon name="chart-bar" class="text-icon"></icon>
         </span>
         <div class="d-flex">
-          <span class="fs-xl text mx-2">订单出货达成率</span>
+          <span class="fs-xl text mx-2">不良现象TOP10</span>
           <dv-decoration-3 class="dv-dec-3" />
         </div>
       </div>

src/views/centerLeft_two.vue

@@ -0,0 +1,106 @@
+<template>
+  <div id="centerLeft1">
+    <div class="bg-color-black">
+      <div class="d-flex pt-2 pl-2">
+        <span>
+          <icon name="align-left" class="text-icon"></icon>
+        </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>
+        <centerRight2Chart1 />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import centerRight2Chart1 from '@/components/echart/centerRight/centerRightChart'
+
+export default {
+  data() {
+    return {
+      config: {
+        data: [
+          {
+            name: '南阳',
+            value: 167
+          },
+          {
+            name: '周口',
+            value: 67
+          },
+          {
+            name: '漯河',
+            value: 123
+          },
+          {
+            name: '郑州',
+            value: 55
+          },
+          {
+            name: '西峡',
+            value: 98
+          }
+        ]
+      }
+    }
+  },
+  components: { centerRight2Chart1 }
+  ,mounted() {
+    this.refreshdata();
+  },
+  methods: {
+    refreshdata() {
+      //this.$http.get("mes/common/login.action?username=zhongyl&password=asd&sob=N_MES_TEST");
+      setInterval(() => {
+        this.settestdata(); //获取-主题词
+      }, 3000);
+    },
+    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();
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+#centerLeft1 {
+  $box-height: 410px;
+  $box-width: 340px;
+  padding: 5px;
+  height: $box-height;
+  width: $box-width;
+  border-radius: 5px;
+  .bg-color-black {
+    padding: 5px;
+    height: $box-height;
+    width: $box-width;
+    border-radius: 10px;
+  }
+  .text {
+    color: #c3cbde;
+  }
+  .body-box {
+    border-radius: 10px;
+    overflow: hidden;
+    .dv-cap-chart {
+      width: 100%;
+      height: 160px;
+      text-align:left;
+    }
+  }
+}
+</style>

src/views/centerRight1.vue

@@ -6,7 +6,7 @@
           <icon name="chart-line" class="text-icon"></icon>
         </span>
         <div class="d-flex">
-          <span class="fs-xl text mx-2">任务完成排行榜</span>
+          <span class="fs-xl text mx-2">关键工序直通率</span>
         </div>
       </div>
       <div class="d-flex jc-center body-box">

src/views/centerRight2.vue

@@ -5,7 +5,7 @@
         <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" />

src/views/index.vue

@@ -29,15 +29,15 @@
           <div class="d-flex aside-width">
             <div class="react-left ml-4 react-l-s">
               <span class="react-left"></span>
-              <span class="text">数据分析1</span>
+              <span class="text">生产实况分析</span>
             </div>
             <div class="react-left ml-3">
-              <span class="text">数据分析2</span>
+              <span class="text">品质趋势分析</span>
             </div>
           </div>
           <div class="d-flex aside-width">
             <div class="react-right bg-color-blue mr-3">
-              <span class="text fw-b">UAS大数据分析</span>
+              <span class="text fw-b">睿兴元车间大数据分析</span>
             </div>
             <div class="react-right mr-4 react-l-s">
               <span class="react-after"></span>
@@ -58,7 +58,7 @@
             </div>
             <div>
               <dv-border-box-12>
-                <centerLeft2 />
+                <centerLeft_two />
               </dv-border-box-12>
             </div>
             <!-- 中间 -->
@@ -95,7 +95,7 @@
 import drawMixin from "../utils/drawMixin";
 import { formatTime } from '../utils/index.js'
 import centerLeft1 from './centerLeft1'
-import centerLeft2 from './centerLeft2'
+import centerLeft_two from './centerLeft_two'
 import centerRight1 from './centerRight1'
 import centerRight2 from './centerRight2'
 import center from './center'
@@ -117,7 +117,7 @@ export default {
   },
   components: {
     centerLeft1,
-    centerLeft2,
+    centerLeft_two,
     centerRight1,
     centerRight2,
     center,