总看板界面设计

src/components/totalchart/centerLeft/centerLeft1ALLChart/chart.vue

@@ -4,8 +4,8 @@
     <Echart
       :options="options"
       id="centerLeft1ALLChart"
-      height="250px"
-      width="450px"
+      height="350px"
+      width="500px"
       ref="column-board"
     ></Echart>
   </div>

src/views/total/centerLeft1ALL.vue

@@ -24,51 +24,6 @@ export default {
         data: [],
         showValue: true
       },
-      // 通过率和达标率的组件复用数据
-      rate: [
-        {
-          id: 'centerRate1',
-          tips: 50,
-          colorData: {
-            textStyle: '#31b4fb',
-            series: {
-              color: ['rgba(19,122,244,0.29)', 'transparent'],
-              dataColor: {
-                normal: '#137af4',
-                shadowColor: '#80e0f5'
-              }
-            }
-          }
-        },
-        {
-          id: 'centerRate2',
-          tips: 60,
-          colorData: {
-            textStyle: '#43cfe9',
-            series: {
-              color: ['#00bcd44a', 'transparent'],
-              dataColor: {
-                normal: '#32C5E9',
-                shadowColor: '#9fe5f5'
-              }
-            }
-          }
-        },
-        {
-          id: 'centerRate3',
-          tips: 60,
-          colorData: {
-            textStyle: '#6ad59c',
-            series: {
-              color: ['rgba(25,161,95,0.29)', 'transparent'],
-              dataColor: {
-                normal: '#00a11a',
-                shadowColor: '#6cda9c'
-              }
-            }
-          }
-        }
-      ],
       intervalId :null
     }
   },
@@ -90,31 +45,6 @@ export default {
       this.intervalId =  setInterval(() => {
         this.changeNumber()
       }, 20000)
-    },
-    async changeNumber() {
-      var caller2 = 'MakeComRate';
-      if (sessionStorage.getItem('li_code') == '所有'){
-        caller2 = 'MakeComRate!ALL';
-      }
-      //工单关闭率
-      await this.$http.get("kanban/datalist.action?caller="+caller2+"&_noc=1&page=1&pageSize=100",{
-        params: {
-          condition: "1=1",
-        }
-      }).then((result)=>{
-                let dataList = JSON.parse(result.data.data);
-            const element = dataList[0];
-            this.rate[0].tips = element.rate1;
-            this.rate[0].title = element.title1;
-            this.rate[1].tips = element.rate2;
-            this.rate[1].title = element.title2;
-            this.rate[2].tips = element.rate3;
-            this.rate[2].title = element.title3;
-              },(result)=>{
-                console.error(result)
-              }
-          );
-
     }
   }
 }
@@ -135,21 +65,7 @@ $box-width: 630px;
     padding: 5px;
   }
 
-  .circleperent {
-    width: 100%;
-    display: flex;
-    flex-wrap: wrap;
-    .item {
-      width: 33%;
-      height: 118px;
-      span {
-        margin-top: 15px;
-        font-size: 18px;
-        display: flex;
-        justify-content: center;
-      }
-    }
-  }
+
   .columnperent {
     width: 100%;
     display: flex;