优化样式

@@ -71,7 +71,6 @@ this.yAxisData3 = newData.echartData.map(v => v.value3);
         formatter: function(params) {
         formatter: function(params) {
             let html = '';
             let html = '';
             params.forEach(v => {
             params.forEach(v => {
-                console.log(v)
                 html += `<div style="color: #000;font-size: 14px;line-height: 24px background-color: #000000">
                 html += `<div style="color: #000;font-size: 14px;line-height: 24px background-color: #000000">
                 <span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${newData.color[v.componentIndex]};"></span>
                 <span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${newData.color[v.componentIndex]};"></span>
                 ${v.seriesName}.${v.name}
                 ${v.seriesName}.${v.name}

@@ -33,8 +33,8 @@ export default {
            grid: {
            grid: {
         // 让图表占满容器
         // 让图表占满容器
         top: "0%",
         top: "0%",
-        left: "1%",
-        right: "30%",
+        left: "10%",
+        right: "40%",
         bottom: "0%",
         bottom: "0%",
       },
       },
           color: [
           color: [
@@ -60,7 +60,7 @@ export default {
             {
             {
               name: "业务量",
               name: "业务量",
               type: "pie",
               type: "pie",
-              radius: [30, 80],
+              radius: [0, 80],
               roseType: "area",
               roseType: "area",
               data: newData.seriesData
               data: newData.seriesData
             }
             }

@@ -40,6 +40,7 @@ export default {
   mixins: [drawMixin],
   mixins: [drawMixin],
   data() {
   data() {
     return {
     return {
+      loading: true,
       decorationColor: ["#568aea", "#568aea"],
       decorationColor: ["#568aea", "#568aea"],
     };
     };
   },
   },

@@ -74,13 +74,16 @@ export default {
       width: 33%;
       width: 33%;
       height: 100%;
       height: 100%;
       p {
       p {
-        height: 70px;
-        line-height: 70px;
+        margin: 15px;
+        height: 50px;
+        line-height: 50px;
         font-size: 40px;
         font-size: 40px;
         text-align: center;
         text-align: center;
         color:rgb(246, 246, 229);
         color:rgb(246, 246, 229);
+        background: linear-gradient(143deg, #29C6F2 0%, #4370EF 100%);
       }
       }
       p:nth-child(2) {
       p:nth-child(2) {
+         background:none;
         color: rgb(223, 213, 81);
         color: rgb(223, 213, 81);
       }
       }
     }
     }

@@ -79,7 +79,7 @@ export default {
   },
   },
   components: { columnarsmat,Rose },
   components: { columnarsmat,Rose },
   mounted() {
   mounted() {
-    scroll(tableref.value.$refs.bodyWrapper);//设置滚动
+
   },
   },
   beforeDestroy() {},
   beforeDestroy() {},
   methods: {
   methods: {