修改部分样式调整

src/views/menu/cockpit/components/comprehensiveData.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <van-tabs v-model="active" color="#008cd6">
+    <van-tabs v-model="active" class="tabsCard" color="#008cd6" type="card">
       <van-tab title="日常履职">
         <div class="boxCard">
           <van-row class="chartsCls">
@@ -443,4 +443,7 @@ export default {
   font-size: 28px;
   padding: 20px;
 }
+.tabsCard{
+  margin-top: 20px;
+}
 </style>

src/views/menu/cockpit/components/overviewCom.vue

@@ -199,12 +199,13 @@ export default {
 </script>
 <style lang="scss" scoped>
 .titleCom {
-  background-color: #f0f0f0;
-  margin: 10px;
-  box-shadow: 0 2px 10px #ccc;
+  // background-color: #f0f0f0;
+  // margin: 10px;
+  // box-shadow: 0 2px 10px #ccc;
   .titleRow{
     box-shadow: 0 2px 10px #ccc;
     margin-left: 12px;
+    // margin-top: 10px;
   margin-right: 14px;
   }
   .itemNum {

src/views/menu/cockpit/index.vue

@@ -7,7 +7,7 @@
       </van-col>
     </van-row>
     <div>
-      <van-tabs type="card" color="#008cd6">
+      <van-tabs  color="#008cd6">
         <van-tab title="总览">
           <!-- 总览组件 -->
           <overview></overview>

src/views/menu/cockpit/indexEcharts.js

@@ -38,16 +38,22 @@ let securityPrecautions = (
     },
     series: [
       {
-        center: ['20%', '60%'],
+        center: ['25%', '60%'],
         name: '生命周期统计',
         type: 'pie',
         radius: '50%',
         data: data,
+      
         itemStyle: {
-          color: function (param) {
-            // console.log(param.dataIndex)
-            return colors[param.dataIndex]
-          }
+          normal: {
+            shadowColor: 'rgba(0, 0, 0, 0.8)',
+            shadowBlur: 5,
+            color: function (param) {
+              // console.log(param.dataIndex)
+              return colors[param.dataIndex]
+            }
+          },
+          
         },
         label: {
           position: 'inner',
@@ -70,7 +76,13 @@ let securityPrecautions = (
           }
         }
       }
-    ]
+    ],
+    itemStyle: {
+      normal: {
+        shadowColor: 'rgba(0, 0, 0, 0.8)',
+        shadowBlur: 5
+      }
+    },
   }
   return option
 }
@@ -221,7 +233,7 @@ let dotData = (
         name: '',
         type: 'pie',
         radius: ['20%', '65%'],
-        center: ['75%', '50%'],
+        center: ['65%', '50%'],
         avoidLabelOverlap: true,
         label: {
           normal: {
@@ -240,7 +252,12 @@ let dotData = (
         labelLine: {
           show: false
         },
-
+        itemStyle: {
+          normal: {
+            shadowColor: 'rgba(0, 0, 0, 0.8)',
+            shadowBlur: 5
+          }
+        },
         data: data
       }
     ]
@@ -320,7 +337,7 @@ let securityData = (
         name: '',
         type: 'pie',
         radius: ['20%', '65%'],
-        center: ['75%', '50%'],
+        center: ['65%', '50%'],
         avoidLabelOverlap: true,
         label: {
           normal: {
@@ -339,7 +356,12 @@ let securityData = (
         labelLine: {
           show: false
         },
-
+        itemStyle: {
+          normal: {
+            shadowColor: 'rgba(0, 0, 0, 0.8)',
+            shadowBlur: 5
+          }
+        },
         data: data
       }
     ]
@@ -526,10 +548,16 @@ let ZHSData = (
             show: false
           }
         },
-
         itemStyle: {
-          borderColor: '#fff'
-        }
+          normal: {
+            shadowColor: 'rgba(0, 0, 0, 0.8)',
+            shadowBlur: 5,
+            borderColor: '#fff'
+          }
+        },
+        // itemStyle: {
+        //   borderColor: '#fff'
+        // }
       }
     ]
   }